body{background:#080613;color:#e5edff;margin:0}.vault{max-width:1080px;margin:auto;padding:20px 24px 60px}.vault nav,.vault nav>div,.library-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.vault a{color:#92e9ff}.vault button{font:inherit;color:#e5edff;border:1px solid #a3b6ff55;background:#14132a;border-radius:24px;padding:12px 21px;cursor:pointer}.vault input{box-sizing:border-box;width:100%;padding:17px;background:#09091a;color:#eef5ff;border:1px solid #8cdfff66;border-radius:14px;font:inherit;margin:10px 0 18px}.vault label{display:block;text-align:start}.vault .primary{display:inline-block;padding:16px 30px;background:linear-gradient(110deg,#6ddcff,#8d6bff);color:#101128;border:0;border-radius:30px;font-weight:700;text-decoration:none}.vault form .primary{width:100%}.entry{max-width:600px;margin:35px auto 60px;text-align:center;padding:34px 40px;border:1px solid #8be5ff44;border-radius:30px;background:radial-gradient(ellipse at 50% 0,#34307299,transparent 65%),#101023;box-shadow:0 0 80px #5377ee12}.eyebrow{color:#94e6ff;letter-spacing:2px;font-size:11px}.vault h1{font-size:clamp(32px,5vw,54px);line-height:1.5;margin:10px 0}.intro{line-height:1.9;color:#bac6e5;margin:8px 0 25px}.fine{color:#91a1c5;font-size:12px;line-height:1.8}.orbit{position:relative;width:130px;height:130px;border:1px solid #71e6ff66;border-radius:50%;margin:0 auto 28px;box-shadow:0 0 35px #639fff22,inset 0 0 30px #796aff22;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;inset:12px;border:1px dashed #9c82ff66;border-radius:50%;animation:spin 30s linear infinite}.orbit:after{inset:-9px;border-color:#8adfff22;animation-direction:reverse}.orbit span{font-size:58px;color:#bbf5ff;text-shadow:0 0 22px #6bdbff}.orbit i{width:7px;height:7px;border-radius:50%;background:#a4edff;position:absolute;top:0;left:45%;box-shadow:0 0 12px #9ceeff}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.stats>div,.order,.empty,aside{border:1px solid #9683ea44;background:#111027;border-radius:22px;padding:26px}.stats b{display:block;font-size:30px;color:#8fe9ff}.stats span{display:block;margin-top:8px;color:#a9b8da}.order{margin-bottom:18px}.order header{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.order h2{font-size:20px}.order small{color:#b9c7e5}.order ul{list-style:none;padding:0}.order li{padding:17px 0;border-top:1px solid #97afff22}.order strong{color:#96efff}.order a{display:inline-block;margin:10px}.empty{text-align:center;padding:40px}.empty>span{font-size:44px;color:#a6baff}.empty p,aside p{color:#b9c6e2;line-height:1.9}.vault footer{text-align:center;color:#8d9abd;font-size:12px;margin-top:50px}.vault [hidden]{display:none!important}.vault button:disabled{opacity:.55;cursor:wait}.vault :focus-visible{outline:2px solid #adf0ff;outline-offset:4px}.error{color:#ffc8d4!important}.vault form{margin-top:24px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.orbit:before,.orbit:after{animation:none}}@media(max-width:600px){.vault{padding:15px}.entry{padding:28px 22px}.library-head{align-items:flex-start;flex-direction:column}.stats{gap:10px}.stats>div{padding:19px}.vault nav>div{gap:10px}.vault nav a{font-size:13px}}
/* GWEN account atmosphere: threaded glass, cyan light and violet depth. */
body{background:#070813;font-family:Arial,Tahoma,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 8% 28%,#17344780,transparent 43%),radial-gradient(ellipse at 92% 68%,#37205c65,transparent 45%);background-attachment:fixed}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#9aefff90 1px,transparent 2px),radial-gradient(circle,#a196ef65 1px,transparent 2px);background-size:173px 197px,281px 263px;background-position:31px 47px,110px 140px;opacity:.55;z-index:0}
body:after{content:'';position:fixed;width:650px;height:650px;right:-290px;top:160px;border:1px dashed #7ac8ed35;border-radius:50%;box-shadow:0 0 90px #617dff0b;pointer-events:none;z-index:0;animation:gwen-breathe 7s ease-in-out infinite}
.vault{position:relative;z-index:1;max-width:1040px;padding-top:24px}.vault nav{padding-bottom:22px;border-bottom:1px solid #90c9ed22;margin-bottom:34px}.vault nav img{filter:drop-shadow(0 0 18px #508afa66)}.vault nav a{text-decoration:none;font-size:12px;letter-spacing:1px}.vault button{font-size:13px}.vault h1{font-size:clamp(28px,4vw,43px);font-family:Georgia,Arial,Tahoma,serif;font-weight:500;line-height:1.35;letter-spacing:-.7px}.vault h2{font-family:Arial,Tahoma,sans-serif;font-size:22px;line-height:1.5;letter-spacing:0;font-weight:600;margin:12px 0}.vault p{font-size:14px}.vault .eyebrow{font-size:10px;letter-spacing:2px}.vault .primary{font-size:12px;letter-spacing:.6px;border-radius:12px;box-shadow:0 5px 30px #63c6ec20;transition:transform .2s,box-shadow .2s}.vault .primary:hover{transform:translateY(-2px);box-shadow:0 7px 35px #63c6ec40}.entry{background:linear-gradient(145deg,#151c34e8,#101023ed);border-color:#6487a955;box-shadow:0 25px 100px #02030bb0,inset 0 1px #b0dfff18}.entry:before{content:'✦';position:absolute;color:#8ce5ff;left:12%;top:25%;font-size:30px;text-shadow:0 0 30px #7bd9ff;opacity:.4}.entry .fine{font-size:11px}.library-head{position:relative;padding:30px 32px 36px;border-radius:24px;background:linear-gradient(110deg,#14243be8,#17132cdb);border:1px solid #57789855;overflow:hidden}.library-head:after{content:'';position:absolute;width:220px;height:220px;right:9%;top:-35px;background:url('/assets/gwen_logo-transparent-optimized.webp') center/contain no-repeat;opacity:.08;pointer-events:none}.library-head>div,.library-head>button{position:relative;z-index:1}#owner{font-size:12px;color:#9caeca}.stats{gap:16px;margin:20px 0}.stats>div{padding:20px 24px;background:linear-gradient(120deg,#102337bb,#15142ac9);border-color:#52728b55;display:flex;align-items:center;gap:18px}.stats span{margin:0;font-size:12px}.stats b{font-size:28px;font-weight:500}.order,.empty,aside{background:linear-gradient(135deg,#111b2fe8,#131027e8);border-color:#6b789c44;box-shadow:0 15px 55px #00000020}.empty{position:relative;overflow:hidden;padding:42px 30px 38px;border-radius:24px}.empty:before,.empty:after{content:'';position:absolute;width:220px;height:220px;border:1px dashed #739cca35;border-radius:50%;top:25px;left:-150px;pointer-events:none}.empty:after{left:auto;right:-150px;border-color:#9a81e440}.empty>span{display:inline-grid;place-items:center;width:60px;height:60px;font-size:30px;border:1px solid #83bfe855;border-radius:50%;box-shadow:0 0 25px #78bdf21a;margin-bottom:4px}.empty h2{font-family:Georgia,Arial,Tahoma,serif;font-size:clamp(24px,3vw,33px);font-weight:500;color:#e2f7ff}.empty p{max-width:550px;margin:12px auto 22px;font-size:13px}.vault aside{margin-top:20px;padding:23px 28px;border-inline-start:3px solid #6bdeef70}.vault aside h2{font-size:18px;margin:0 0 7px}.vault aside p{font-size:12px;margin:0 0 12px}.vault aside a{font-size:12px;text-decoration:none}.vault footer{font-size:10px;letter-spacing:1px}.vault [dir=rtl] h1,html[dir=rtl] .vault h1,html[dir=rtl] .empty h2{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-weight:600}
@keyframes gwen-breathe{50%{opacity:.3;box-shadow:0 0 90px #617dff25}}
@media(max-width:600px){.vault nav{margin-bottom:22px}.library-head{padding:23px;align-items:flex-start;gap:15px}.library-head:after{width:160px;height:160px;right:-10px;top:10px}.stats>div{padding:17px 14px;gap:10px}.stats span{font-size:11px}.stats b{font-size:24px}.empty{padding:32px 20px}.vault aside{padding:21px}.entry{margin-top:20px}.entry:before{display:none}}
@media(prefers-reduced-motion:reduce){body:after{animation:none}.vault .primary{transition:none}}
/* Shared store typography and animated magical craft. */
body,.vault button,.vault input{font-family:var(--sans)}.vault h1,.empty h2{font-family:var(--serif);font-weight:600;letter-spacing:.015em}.vault h1{font-size:clamp(32px,4vw,48px)}.vault h2{font-family:var(--serif)}.vault p{font-size:15px}.vault .primary{font-family:var(--sans);font-size:13px}.vault aside h2{font-size:20px}.empty h2{font-size:clamp(27px,3vw,36px)}.vault nav a{font-family:var(--sans)}html[dir=rtl]{--sans:Tahoma,Arial,sans-serif;--serif:Tahoma,Arial,sans-serif}
.vault-magic{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.magic-thread{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6ddbf8;stroke-width:1;stroke-dasharray:4 16;opacity:.22}.magic-thread path{animation:thread-travel 35s linear infinite}.magic-thread path+path{stroke:#a68bff;animation-direction:reverse}.magic-scissors{position:absolute;width:150px;height:200px;color:#77deff;filter:drop-shadow(0 0 8px #48caff) drop-shadow(0 0 24px #4966d9);opacity:.4}.scissors-left{left:5%;top:26%;transform:rotate(-24deg);animation:scissor-drift 10s ease-in-out infinite}.scissors-right{right:4%;bottom:12%;width:100px;color:#a693ff;animation:scissor-drift 13s ease-in-out infinite reverse}.magic-ring{position:absolute;width:180px;height:180px;border:1px solid #75dbef55;border-radius:50%;box-shadow:0 0 35px #6bdbff16,inset 0 0 30px #9374ff10;animation:ring-orbit 35s linear infinite}.magic-ring:before{content:'';position:absolute;inset:14px;border:1px dashed #a38ae566;border-radius:50%}.magic-ring:after{content:'';position:absolute;width:6px;height:6px;background:#a5f5ff;top:18px;left:24px;border-radius:50%;box-shadow:0 0 14px #95edff}.ring-left{left:2%;bottom:5%}.ring-right{right:3%;top:8%;width:120px;height:120px;animation-direction:reverse}.magic-spark{position:absolute;color:#a0ecff;text-shadow:0 0 25px #61ceff;font-size:28px;animation:spark-breathe 5s ease-in-out infinite}.spark-one{left:13%;top:12%}.spark-two{right:13%;top:50%;animation-delay:2s}.spark-three{left:9%;bottom:27%;animation-delay:1s;color:#ac9cec}.library-head,.entry{box-shadow:0 0 70px #647de515,inset 0 1px #a3dfff22}.library-head{border-top-color:#75d8f780}.empty{border-top-color:#9485eb70}
@keyframes thread-travel{to{stroke-dashoffset:-400}}@keyframes scissor-drift{0%,100%{translate:0 0;rotate:-12deg;opacity:.3}50%{translate:16px -25px;rotate:8deg;opacity:.65}}@keyframes ring-orbit{to{transform:rotate(360deg)}}@keyframes spark-breathe{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.85;transform:scale(1.15)}}
@media(max-width:1250px){.magic-scissors{opacity:.2;width:90px}.scissors-left{left:-35px}.scissors-right{right:-30px}.magic-ring{opacity:.35}.magic-spark{opacity:.3}}@media(prefers-reduced-motion:reduce){.vault-magic *{animation:none!important}}
/* A collection portal woven into the GWEN workshop. */
.vault h1{font-size:clamp(26px,3vw,35px);line-height:1.35}.empty h2{font-size:clamp(23px,2.5vw,29px)}.library-head{padding:28px 32px}.library-head:after{opacity:.1}.empty{padding:35px 30px 38px;background:radial-gradient(ellipse at 50% 0,#24477544,transparent 60%),linear-gradient(135deg,#111b2fe8,#131027e8)}.empty p{max-width:510px}.empty .gate-label{margin:12px auto 8px;font-size:9px;letter-spacing:3px;color:#98cedc}.collection-gate{position:relative;width:110px;height:130px;margin:0 auto 20px;border:1px solid #81daf4aa;border-radius:60px 60px 16px 16px;background:radial-gradient(ellipse at 50% 65%,#5683d333,#070e1baa 65%);box-shadow:0 0 35px #6ba7fa20,inset 0 0 28px #8577ea20;display:grid;place-items:center;animation:gate-glow 6s ease-in-out infinite}.collection-gate:before{content:'';position:absolute;inset:-9px;border:1px dashed #ae94f770;border-radius:65px 65px 20px 20px}.collection-gate:after{content:'';position:absolute;bottom:-10px;width:150px;height:12px;background:#75d8ff55;border-radius:50%;filter:blur(10px)}.collection-gate b{font-size:43px;font-weight:400;color:#b0efff;text-shadow:0 0 17px #72c7ff;rotate:-20deg}.collection-gate span{position:absolute;right:-20px;top:30px;color:#b6b8ff;font-size:22px;animation:spark-breathe 5s ease-in-out infinite}.collection-gate i{position:absolute;inset:14px;border:1px solid #96bff733;border-radius:50px 50px 10px 10px}.magic-portal{position:absolute;width:160px;height:225px;border:1px solid #81caf566;border-radius:90px 90px 15px 15px;box-shadow:0 0 40px #75bfff12,inset 0 0 50px #6576ff12;animation:portal-breathe 9s ease-in-out infinite;opacity:.25}.magic-portal:before{content:'';position:absolute;inset:12px;border:1px dashed #af88ef88;border-radius:80px 80px 10px 10px}.magic-portal:after{content:'✦';position:absolute;left:45%;top:45%;color:#b2ecff;font-style:normal;font-size:23px;text-shadow:0 0 20px #8edaff}.portal-one{left:16%;top:8%;rotate:-15deg}.portal-two{right:11%;top:54%;width:115px;height:170px;rotate:18deg;animation-delay:-4s}.portal-three{left:4%;top:65%;width:90px;height:130px;animation-delay:-7s}.magic-glyph{position:absolute;color:#8edbfa;font-size:32px;text-shadow:0 0 25px #71d4ff;animation:spark-breathe 7s ease-in-out infinite}.glyph-one{right:22%;top:21%;animation-delay:-2s}.glyph-two{left:22%;top:56%;animation-delay:-5s}.glyph-three{right:7%;top:84%;animation-delay:-3s}.magic-scissors{animation-name:scissor-drift,magic-fade;animation-duration:10s,7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.scissors-right{animation-duration:13s,9s;animation-delay:-4s}.magic-ring{animation-name:ring-orbit,magic-fade;animation-duration:35s,8s;animation-iteration-count:infinite}.ring-right{animation-delay:-3s}.magic-thread{animation:thread-glow 8s ease-in-out infinite}.magic-thread path+path{opacity:.7}
@keyframes magic-fade{0%,100%{opacity:.06}45%,60%{opacity:.55}}@keyframes thread-glow{0%,100%{opacity:.08}50%{opacity:.4}}@keyframes portal-breathe{0%,100%{opacity:.07;translate:0 0;box-shadow:0 0 10px #75bfff05}50%{opacity:.4;translate:0 -18px;box-shadow:0 0 45px #75bfff25,inset 0 0 40px #6576ff25}}@keyframes gate-glow{0%,100%{box-shadow:0 0 18px #6ba7fa10,inset 0 0 18px #8577ea10}50%{box-shadow:0 0 45px #6ba7fa35,inset 0 0 35px #8577ea30}}
@media(max-width:600px){.magic-portal{width:90px;height:130px}.portal-one{left:-35px;top:19%}.portal-two{right:-45px;top:62%}.portal-three{display:none}.collection-gate{width:90px;height:110px}.collection-gate b{font-size:35px}.empty{padding:30px 20px}.library-head{padding:24px}.vault h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.collection-gate,.collection-gate span,.vault-magic *{animation:none!important}}
/* Stable shapes; pulse the emitted light rather than fading their geometry. */
.magic-scissors{opacity:.42;animation:scissor-radiance 7s ease-in-out infinite}.scissors-right{animation-duration:9s;animation-delay:-4s}.magic-ring{opacity:.5;animation:ring-orbit 35s linear infinite,ring-radiance 8s ease-in-out infinite}.ring-right{animation-delay:0s,-3s}.magic-portal{opacity:.3;animation:portal-radiance 9s ease-in-out infinite}.portal-two{animation-delay:-4s}.portal-three{animation-delay:-7s}.magic-thread{opacity:.3;animation:none}.magic-thread path{stroke:#72bad855;stroke-width:1;animation:none}.magic-thread path+path{stroke:#a18bda55;opacity:1}.magic-thread .stroke-tracer{stroke:url(#gwen-stroke-light);stroke-width:3;stroke-linecap:round;stroke-dasharray:90 910;filter:drop-shadow(0 0 3px #b7efff) drop-shadow(0 0 10px #62dfff);animation:stroke-flight 9s linear infinite;opacity:.95}.magic-thread .tracer-two{animation-duration:12s;animation-delay:-5s;animation-direction:reverse}.magic-spark,.magic-glyph{opacity:.6;animation:glyph-radiance 6s ease-in-out infinite}.collection-gate span{opacity:.7;animation:glyph-radiance 5s ease-in-out infinite}.vault h1,.empty h2{color:#dff5ff;animation:title-radiance 8s ease-in-out infinite}.empty h2{animation-delay:-3s}.vault .eyebrow,.empty .gate-label{animation:label-radiance 7s ease-in-out infinite}.vault aside h2{animation:title-radiance 10s ease-in-out infinite;animation-delay:-5s}
@keyframes scissor-radiance{0%,100%{filter:drop-shadow(0 0 1px #57cfff22)}50%{filter:drop-shadow(0 0 5px #b6f5ff) drop-shadow(0 0 18px #5bd8ff) drop-shadow(0 0 34px #9171ff)}}
@keyframes ring-radiance{0%,100%{box-shadow:none;filter:drop-shadow(0 0 0 transparent)}50%{box-shadow:0 0 22px #63dfff55,inset 0 0 20px #8f77ff33;filter:drop-shadow(0 0 8px #76dfff55)}}
@keyframes portal-radiance{0%,100%{box-shadow:none;filter:drop-shadow(0 0 0 transparent)}50%{box-shadow:0 0 30px #74ceff66,inset 0 0 35px #8d7dff44;filter:drop-shadow(0 0 12px #7acfff66)}}
@keyframes glyph-radiance{0%,100%{text-shadow:none}50%{text-shadow:0 0 5px #c4f5ff,0 0 18px #69dfff,0 0 32px #9278ff}}
@keyframes title-radiance{0%,100%{color:#edf6ff;text-shadow:0 0 0 transparent}35%{color:#a9ebff;text-shadow:0 0 12px #60d7ff55,0 0 27px #56a9ff22}65%{color:#d4bfff;text-shadow:0 0 12px #aa84ff55,0 0 27px #9471ff22}}
@keyframes label-radiance{0%,100%{color:#91cbdc;text-shadow:none}50%{color:#beeaff;text-shadow:0 0 8px #69dfff,0 0 18px #997aff55}}
@keyframes stroke-flight{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.vault h1,.empty h2,.vault aside h2,.vault .eyebrow,.empty .gate-label,.collection-gate span,.vault-magic *{animation:none!important}}
/* Scissors travel into the portal's depth, then emerge for the next cycle. */
.collection-gate{overflow:visible;perspective:450px;animation:portal-swallow-light 7s ease-in-out infinite}.collection-gate b{display:block;position:relative;z-index:1;transform-origin:center;animation:scissors-enter-portal 7s ease-in-out infinite;will-change:transform,opacity}.collection-gate i{animation:portal-inner-light 7s ease-in-out infinite}.collection-gate:after{animation:portal-floor-light 7s ease-in-out infinite}
@keyframes scissors-enter-portal{0%,100%{transform:translate3d(-5px,4px,25px) rotate(-8deg) scale(1);opacity:1}22%{transform:translate3d(7px,-9px,35px) rotate(15deg) scale(1.08);opacity:1}40%{transform:translate3d(0,-3px,-30px) rotate(-25deg) scale(.85);opacity:1}54%{transform:translate3d(0,-12px,-180px) rotate(90deg) scale(.12);opacity:0}66%{transform:translate3d(0,-12px,-180px) rotate(90deg) scale(.12);opacity:0}82%{transform:translate3d(0,-6px,-30px) rotate(-15deg) scale(.82);opacity:1}}
@keyframes portal-swallow-light{0%,100%{box-shadow:0 0 15px #6ba7fa10,inset 0 0 18px #8577ea10}48%,62%{box-shadow:0 0 12px #88ebff80,0 0 48px #6ba7fa55,inset 0 0 45px #8577ea55}85%{box-shadow:0 0 28px #6ba7fa25,inset 0 0 25px #8577ea25}}
@keyframes portal-inner-light{0%,100%{box-shadow:none;border-color:#96bff733}50%,62%{box-shadow:inset 0 0 30px #8e8aff60,0 0 15px #6de0ff40;border-color:#a6e5ffaa}}
@keyframes portal-floor-light{0%,100%{opacity:.3;transform:scaleX(.8)}50%,62%{opacity:1;transform:scaleX(1.2)}}
@media(prefers-reduced-motion:reduce){.collection-gate,.collection-gate b,.collection-gate i,.collection-gate:after{animation:none!important}}
.support-desk{margin-top:24px;padding:28px;border:1px solid #769cbf44;border-radius:24px;background:linear-gradient(130deg,#112038e8,#15112be8)}.support-desk>header{display:flex;justify-content:space-between;align-items:center;gap:15px}.support-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;margin-top:20px}.support-desk h3{font:600 16px var(--sans);margin:0 0 18px}.support-desk label{font-size:12px;color:#bed2e5}.support-desk textarea,.support-desk select{box-sizing:border-box;width:100%;padding:13px;background:#090e20;color:#e3f4ff;border:1px solid #6e9bba55;border-radius:12px;font:14px var(--sans);margin:8px 0 18px;resize:vertical}.support-desk input{font-size:14px;padding:13px}.support-desk .primary{width:100%}.ticket-row{display:block;width:100%;text-align:start;margin-top:12px;border-radius:12px!important}.ticket-row strong,.ticket-row small{display:block;overflow-wrap:anywhere}.ticket-row small{font-size:10px;color:#aabbd0;margin-top:7px}.support-message{padding:16px;background:#121a30;border:1px solid #687caa33;border-radius:14px;margin:12px 0}.support-message.studio{border-inline-start:3px solid #71deee;background:#10313c66}.support-message small{font-size:10px;color:#9fb8ce}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin-top:10px;line-height:1.8}#ticketConversation{min-width:0;padding:20px;background:#080d1a77;border-radius:16px}#supportStatus{margin-top:12px;font-size:12px}@media(max-width:700px){.support-columns{grid-template-columns:1fr}.support-desk{padding:20px}}
.support-desk{position:relative;overflow:hidden;isolation:isolate}.support-desk>header,.support-desk>#supportStatus,.support-columns{position:relative;z-index:1}.support-actions{display:flex;gap:8px;flex-wrap:wrap}.support-actions button{font-size:10px;padding:10px 13px}.support-magic{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.support-magic i{position:absolute;width:280px;height:280px;left:-115px;bottom:-80px;border:1px solid #80c8ec44;border-radius:50%;animation:ring-orbit 35s linear infinite,ring-radiance 8s ease-in-out infinite}.support-magic i:before{content:'';position:absolute;inset:20px;border:1px dashed #a890f766;border-radius:50%}.support-magic i:after{content:'✂';position:absolute;top:28px;left:48px;font-style:normal;color:#8cdbf4;font-size:25px;text-shadow:0 0 15px #5ddcff}.support-magic b,.support-magic span{position:absolute;font-weight:400;color:#86caef;animation:glyph-radiance 7s ease-in-out infinite;opacity:.4}.support-magic b{left:40%;top:26%;font-size:30px}.support-magic span{right:8%;bottom:12%;font-size:45px;animation-delay:-3s}.support-magic svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#89c9f02a;stroke-width:1}.support-magic .support-light{stroke:#84ccf5;stroke-width:2;stroke-dasharray:60 940;filter:drop-shadow(0 0 5px #7ddfff) drop-shadow(0 0 12px #a181ff);animation:stroke-flight 14s linear infinite;opacity:.5}.ticket-row{background:#121a2ce8!important}.support-message{background:#121a30eb}.support-message.studio{background:#10313ce8}@media(prefers-reduced-motion:reduce){.support-magic *{animation:none!important}}
/* The collection is woven from light; the help card carries the studio seal. */
.collection-weave{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.empty>h2,.empty>p,.empty>a,.empty>.collection-gate{position:relative;z-index:1}.collection-weave svg{width:100%;height:100%;fill:none;stroke:#7dadcf26;stroke-width:1}.collection-weave svg path:nth-child(2){stroke:#a18cd02e}.collection-weave .weave-light{stroke:#76d9f4;stroke-width:2;stroke-dasharray:55 945;filter:drop-shadow(0 0 4px #99eaff) drop-shadow(0 0 12px #797aff);opacity:.4;animation:stroke-flight 12s linear infinite}.collection-weave .weave-light.second{stroke:#b29aff;animation-duration:16s;animation-direction:reverse;animation-delay:-7s}.weave-star{position:absolute;font-style:normal;font-size:20px;color:#a6d9f5;opacity:.3;animation:glyph-radiance 7s ease-in-out infinite}.weave-star.one{left:13%;top:24%}.weave-star.two{right:12%;top:55%;animation-delay:-3s}.weave-star.three{left:25%;bottom:13%;animation-delay:-5s}.studio-help{position:relative;overflow:hidden;isolation:isolate;min-height:145px;background:radial-gradient(ellipse at 95% 40%,#36336555,transparent 50%),linear-gradient(135deg,#111b2fe8,#131027e8)!important}.studio-help>h2,.studio-help>p,.studio-help>a{position:relative;z-index:1}.help-seal{position:absolute;right:22px;top:-18px;width:180px;height:180px;pointer-events:none;opacity:.3}.help-seal i{position:absolute;inset:0;border:1px solid #82d6ed88;border-radius:50%;animation:ring-orbit 30s linear infinite,ring-radiance 8s ease-in-out infinite}.help-seal i:before{content:'';position:absolute;inset:14px;border:1px dashed #af98ef88;border-radius:50%}.help-seal i:after{content:'';position:absolute;inset:30px;border:1px solid #7aabdb44;transform:rotate(45deg);border-radius:12px}.help-seal span{position:absolute;inset:0;display:grid;place-items:center;color:#a3eaff;font-size:40px;animation:glyph-radiance 7s ease-in-out infinite}.help-seal b{position:absolute;right:12px;top:28px;color:#c2bbff;font-weight:400;animation:glyph-radiance 6s ease-in-out infinite}.studio-help:after{content:'';position:absolute;left:0;right:0;bottom:12px;height:1px;background:linear-gradient(90deg,transparent,#73d9ef66,#aa8bff55,transparent);box-shadow:0 0 10px #65d2ef44;animation:label-radiance 8s ease-in-out infinite}html[dir=rtl] .help-seal{right:auto;left:22px}@media(max-width:600px){.help-seal{width:120px;height:120px;right:-20px;top:0;opacity:.2}html[dir=rtl] .help-seal{left:-20px}.weave-star.one{left:7%}.weave-star.two{right:6%}}@media(prefers-reduced-motion:reduce){.collection-weave *,.help-seal *,.studio-help:after{animation:none!important}}

.record-pages{display:flex!important;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0!important;margin:0!important;border:0!important}.record-pages button{min-height:44px}.record-pages button:disabled{opacity:.4;cursor:default}.ticket-row[aria-current=true]{border-color:#65dcff}.older-messages{margin-block:12px}.support-message-list{max-height:560px;overflow-y:auto;overflow-anchor:none;padding:2px}.record-pages span{font-size:13px}

@media(pointer:coarse){
 *,*::before,*::after{animation:none!important;backdrop-filter:none!important;scroll-behavior:auto!important}
 h1,h2,h3,h1 span,h2 span,h3 span{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}
 .arch-preview-trigger,.gwen-touch-spark,.vault-magic,.support-magic,.collection-weave,.help-seal,canvas,.magic-spark,.magic-glyph{display:none!important}
 .magic-scissors-hero{filter:none!important}.vault h1,.vault h2,.eyebrow{text-shadow:none!important}
 .card,.wall-card,.arch,.entry,.empty,.library-head,.support-desk,.studio-help{box-shadow:none!important;filter:none!important}
 .edit-card-video{display:none!important}.edit-card-poster{display:block!important;opacity:1!important}
 .collection-gate,.collection-gate *{filter:none!important;box-shadow:none!important}
 body::before,body::after{display:none!important}
 }

/* The session check swaps in the sign-in form, which makes the page taller: keep the scrollbar space reserved so nothing shifts sideways. */
html{scrollbar-gutter:stable}

/* Reviews: under each paid product, and the owner's approval desk. */
.review-block{margin-top:14px;padding-top:14px;border-top:1px dashed #97afff2e}
.review-mine{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 8px}
.review-stars{color:#ffd27a;letter-spacing:2px;font-size:15px}
.review-state{padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid #a3b6ff44;color:#c8d4f5}
.review-state.is-approved{border-color:#6be3b088;color:#8ff0c6}
.review-state.is-hidden{border-color:#ff8fa366;color:#ffb3c0}
.review-quote{margin:0 0 10px;color:#d6def7;line-height:1.7;overflow-wrap:anywhere;text-align:left}
[dir=rtl] .review-quote{text-align:right}
.vault .review-open{padding:9px 16px;font-size:13px;border-style:dashed;border-color:#8fe6ff77;color:#bff3ff;background:transparent}
.vault .review-open:hover{border-color:#8fe6ff}
.review-form{display:grid;gap:12px;max-width:560px;padding:16px;border:1px solid #8fe6ff44;border-radius:18px;background:#101a3acc}
.review-label{margin:0;color:#c8d4f5;font-size:14px}
.review-rate{display:flex;gap:6px;direction:ltr}
[dir=rtl] .review-rate{direction:rtl}
.vault .review-rate button{width:42px;height:42px;padding:0;border-radius:12px;font-size:22px;line-height:1;color:#5b6690;background:#141a36}
.vault .review-rate button.on{color:#ffd27a;border-color:#ffd27a88;text-shadow:0 0 10px #ffcf6a66}
.vault .review-rate button:focus-visible,.review-form input:focus-visible,.review-form textarea:focus-visible,.vault .review-open:focus-visible{outline:2px solid #8fe6ff;outline-offset:2px}
.review-form label{display:grid;gap:6px;color:#c8d4f5;font-size:14px}
.review-form input,.review-form textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #a3b6ff55;border-radius:12px;background:#0b1129;color:#eef3ff;font:inherit;font-size:15px;resize:vertical}
.review-count{justify-self:end;color:#8f9cc4;font-size:12px}
.review-note{margin:0;color:#9fb0d8;font-size:13px;line-height:1.6}
.review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vault .review-save{background:linear-gradient(90deg,#5ddcff,#7a5cff);color:#06101a;border:0;font-weight:700}
.review-msg{margin:0;color:#8fe6ff;font-size:14px}
.review-msg.error{color:#ffb3c0}
.review-desk{margin:0 0 22px;padding:18px;border:1px solid #ffd27a55;border-radius:20px;background:#191a33cc}
.review-desk h2{margin:0 0 12px;font-size:18px;color:#ffe3a6}
.review-item{padding:14px 0;border-top:1px solid #97afff22}
.review-item small{display:block;margin:0 0 10px;color:#9fb0d8;overflow-wrap:anywhere}
.review-desk details{margin-top:12px}
.review-desk summary{cursor:pointer;color:#c8d4f5}
/* Support text a person writes follows its own language (each line on its own) but keeps the page's side, so English on the Arabic page is not flipped. */
.ticket-row strong,#ticketConversation h3,.support-message p{text-align:left}
[dir=rtl] .ticket-row strong,[dir=rtl] #ticketConversation h3,[dir=rtl] .support-message p{text-align:right}
.support-message p,#ticketBody,#supportReply{unicode-bidi:plaintext}
.reason-hint{margin:-10px 0 18px;font-size:12px;line-height:1.7;color:#ffd99a}
/* Request status colours in GWEN's palette: open is teal, waiting for the customer is star gold, closed is rose. */
.ticket-row[data-status=open],.ticket-status.is-open{--st:#5ee6c8}
.ticket-row[data-status=waiting],.ticket-status.is-waiting{--st:#ffd27a}
.ticket-row[data-status=closed],.ticket-status.is-closed{--st:#ff6f91}
.ticket-row[data-status]{border-inline-start:3px solid var(--st)}
.ticket-status{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border:1px solid color-mix(in srgb,var(--st) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--st) 12%,transparent);color:var(--st);font-weight:700}
.ticket-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--st);box-shadow:0 0 6px var(--st)}
.google-entry{margin:16px 0 4px}
.google-entry .fine{margin:10px 0 0;color:#9caeca}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 6px;color:#9caeca;font-size:12px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#8be5ff33}
/* The Google way in sits in a studio frame: a thread of light runs round the seam over a stitched inner line, under the
   scissors seal. Only transforms and opacity animate, so it stays on the compositor (phones included); with motion off the
   frame holds still. Google's button is an iframe from a light page: it gets a light color scheme so the browser paints it
   transparent instead of a white box on this dark page. While it loads, the slot shimmers. */
.gis-frame{position:relative;max-width:470px;margin:0 auto;padding-top:13px;container-type:inline-size}
.gis-frame::before,.gis-frame::after{position:absolute;z-index:2;color:#b695ff;font-size:11px;line-height:1;pointer-events:none;animation:gis-twinkle 3.6s ease-in-out infinite}
.gis-frame::before{content:"✦";top:7px;inset-inline-start:-5px;color:#8be5ff}
.gis-frame::after{content:"✧";bottom:-7px;inset-inline-end:-5px;animation-delay:-1.8s}
.gis-seal{position:absolute;z-index:2;top:0;left:50%;display:grid;place-items:center;width:28px;height:28px;border:1px solid #8be5ff70;border-radius:50%;background:#0d1124;color:#8be5ff;font-size:14px;line-height:1;transform:translateX(-50%);box-shadow:0 0 16px #5ddcff40}
.gis-seal i{display:block;font-style:normal;animation:gis-snip 5s ease-in-out infinite}
.gis-ring{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:8px;padding:9px;border-radius:16px;box-shadow:0 12px 34px #02030b99,0 0 30px #6d8dff2e;transition:box-shadow .3s}
.gis-ring:hover,.gis-ring:focus-within{box-shadow:0 12px 34px #02030b99,0 0 42px #7f8bff55}
.gis-ring::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:150%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(#5ddcffa0 0turn,#8d6bffa0 .25turn,#5ddcffa0 .5turn,#8d6bff .66turn,#6ddcff .8turn,#ffffff .84turn,#8d6bffa0 .86turn,#5ddcffa0 1turn);animation:gis-seam 6s linear infinite}
.gis-ring::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#34307299,transparent 70%),linear-gradient(110deg,#121a3c,#171236);outline:1px dashed #bed7ff57;outline-offset:-4px}
/* GWEN's mark beside Google's button, inside the same frame (decoration only; Google's own button is never altered).
   On the narrowest phones it steps aside so Google's button keeps its minimum width. */
.gis-mark{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #8be5ff47;border-radius:8px;background:radial-gradient(circle at 50% 38%,#3d58c866,transparent 70%),#0b0e24;box-shadow:inset 0 0 14px #5ddcff26}
.gis-mark img{width:40px;height:40px;filter:drop-shadow(0 0 5px #5ddcff80)}
@container (max-width:279px){.gis-mark{display:none}}
.gis-slot{position:relative;flex:1;min-width:0;min-height:44px;display:grid}
.gis-slot>.gis-button{position:relative;z-index:1;grid-area:1/1}
.gis-skeleton{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:6px;background:#131314;opacity:0;transition:opacity .3s}
.gis-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#8be5ff2e,transparent);transform:translateX(-100%);animation:gis-sheen 1.4s ease-in-out infinite}
.gis-frame.is-waiting .gis-skeleton{opacity:1}
.gis-button{display:flex;align-items:center;justify-content:center;min-height:44px;color-scheme:light}
@keyframes gis-seam{to{rotate:1turn}}
@keyframes gis-snip{0%,78%,100%{transform:rotate(0)}83%{transform:rotate(-16deg)}88%{transform:rotate(3deg)}93%{transform:rotate(-12deg)}}
@keyframes gis-sheen{to{transform:translateX(100%)}}
@keyframes gis-twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(pointer:coarse){.vault .gis-ring::before{animation:gis-seam 6s linear infinite!important}.vault .gis-seal i{animation:gis-snip 5s ease-in-out infinite!important}.vault .gis-skeleton::after{animation:gis-sheen 1.4s ease-in-out infinite!important}}
@media(prefers-reduced-motion:reduce){.vault .gis-ring::before,.vault .gis-seal i,.vault .gis-skeleton::after,.vault .gis-frame::before,.vault .gis-frame::after{animation:none!important}.vault .gis-ring,.vault .gis-skeleton{transition:none}}