@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(./plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(./plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2"),url(./plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2"),url(./plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(./bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(./bricolage-grotesque-latin-800-normal-J50vIsBe.woff2) format("woff2"),url(./bricolage-grotesque-latin-800-normal-Br4b-5gk.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}:root{--ui-brand:#A653FF;--ui-brand-hover:#803BEB;--ui-brand-deep:#56299F;--ui-brand-tint:#F2E9FF;--ui-lilac:#C59BFF;--ui-indigo:#6263FC;--ui-mint:#85DFA9;--ui-ink:#262039;--ui-text:#554B68;--ui-muted:#79718A;--ui-surface:#FFFFFF;--ui-canvas:#F8F7FD;--ui-border:#E7E2F1;--ui-success:#277B51;--ui-success-tint:#E7F9EE;--ui-warning:#A26418;--ui-warning-tint:#FFF4E3;--ui-danger:#B83E61;--ui-danger-tint:#FFF0F3;--ui-info:#3763AC;--ui-info-tint:#EDF3FF;--ui-radius-sm:10px;--ui-radius-control:14px;--ui-radius-card:20px;--ui-radius-lg:28px;--ui-shadow-xs:0 6px 16px rgba(55,30,117,.1);--ui-shadow-sm:0 12px 32px rgba(55,30,117,.16);--ui-shadow-md:0 22px 58px rgba(55,30,117,.22);--ui-shadow-lg:0 35px 95px rgba(55,30,117,.28);--ui-shadow-gloss:inset 0 1px 0 rgba(255,255,255,.6),0 12px 25px rgba(112,59,204,.25);--ui-gradient-brand:linear-gradient(105deg,#AD48FF 0%,#8A51FF 54%,#6263FC 100%);--ui-gradient-hero:radial-gradient(ellipse at 12% 15%,#FFE8FA 0%,transparent 46%),radial-gradient(ellipse at 84% 20%,#E7E3FF 0%,transparent 52%),radial-gradient(ellipse at 65% 95%,#DDFCF0 0%,transparent 52%),#F8F7FD;--ui-gradient-progress:linear-gradient(90deg,#AD48FF,#7C4DFF,#5A72FF);--ui-gradient-multisurface:radial-gradient(circle at 20% 20%,#EECFFF,transparent 39%),radial-gradient(circle at 82% 15%,#BFC8FF,transparent 45%),radial-gradient(circle at 56% 90%,#B6F8DC,transparent 48%),#EDEBFF;--ui-scrim:rgba(29,20,54,.54);--ui-motion-fast:.16s;--ui-motion-medium:.32s;--ui-ease-out:cubic-bezier(.22,1,.36,1);--ui-font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ui-font-display:"Bricolage Grotesque","Arial Rounded MT Bold",var(--ui-font);--ui-font-pop:"Fredoka","Trebuchet MS",var(--ui-font)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ui-canvas);font-family:var(--ui-font);color:var(--ui-ink);font-size:15px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%}svg.ico{width:20px;height:20px;flex-shrink:0;vertical-align:middle}:focus-visible{outline:3px solid #b257a7;outline-offset:3px}::selection{background:#e9c8e7;color:#351b35}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#fff;border-right:1px solid var(--ui-border);position:fixed;inset:0 auto 0 0;overflow:auto;display:flex;flex-direction:column;z-index:80;padding:25px 15px 18px}.sidebar-brand{padding:0 14px 30px}.brand-logo{width:180px;height:auto;display:block;margin-left:-3px}.brand-meta{font-size:10px;color:var(--ui-muted);letter-spacing:.11em;font-weight:700;display:flex;justify-content:space-between;margin-top:7px}.brand-meta b{color:var(--ui-brand);background:var(--ui-brand-tint);padding:2px 7px;border-radius:6px;letter-spacing:0}.sidebar-label{color:#8d8793;font-size:10px;font-weight:800;letter-spacing:.13em;padding:17px 14px 8px}.side-nav{display:grid;gap:3px}.nav-link{display:flex;gap:12px;align-items:center;padding:10px 13px;color:#62606e;font-size:13px;font-weight:580;border-radius:10px;transition:background .16s,color .16s}.nav-link .ico{width:18px;height:18px;color:#8c8995}.nav-link:hover{background:#f7f4f9;color:var(--ui-ink)}.nav-link.active{background:var(--ui-brand-tint);color:var(--ui-brand);font-weight:750}.nav-link.active .ico{color:var(--ui-brand)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--ui-border);padding:19px 12px 0;font-size:11px;color:var(--ui-muted);white-space:nowrap}.status-dot,.green-dot{display:inline-block;background:#59a476;border-radius:50%;width:7px;height:7px;margin-right:5px;box-shadow:0 0 0 3px #e5f2e9}.main-area{min-width:0;flex:1;margin-left:258px}.topbar{height:70px;background:#fffffffa;border-bottom:1px solid var(--ui-border);position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:800;color:#85808c;letter-spacing:.09em;white-space:nowrap}.breadcrumb span{color:#c8c2ca}.breadcrumb strong{color:var(--ui-brand);font-weight:750;letter-spacing:0;font-size:12px}.top-actions{display:flex;gap:9px;align-items:center}.pill{padding:6px 12px;border:1px solid #e9dcea;border-radius:50px;background:#faf5fb;color:var(--ui-brand);font-size:11px;font-weight:730;white-space:nowrap}.pill.subtle{border-color:var(--ui-border);background:#f8f8fa;color:#777282}main{max-width:1490px;margin:auto}.section{padding:68px clamp(25px,5.1vw,78px);border-bottom:1px solid var(--ui-border);scroll-margin-top:68px}.section-intro{padding-top:72px;padding-bottom:78px;background:radial-gradient(ellipse at 75% 30%,#f2e8f2 0,transparent 48%)}.section-kicker,.eyebrow{font-size:11px;font-weight:820;letter-spacing:.14em;color:var(--ui-brand);margin-bottom:13px}.eyebrow{display:flex;align-items:center;gap:8px}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.sec-head h2{font-size:clamp(25px,2.5vw,34px);line-height:1.16;letter-spacing:-.04em;margin:0 0 11px;font-weight:770}.sec-head p{max-width:690px;color:var(--ui-muted);font-size:14px;margin:0;line-height:1.7}.section-aside{color:#aaa3ae;font-size:11px;text-align:right;max-width:150px}.intro-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:42px;align-items:center}.intro-grid h1{font-size:clamp(43px,4.1vw,65px);letter-spacing:-.058em;line-height:1.11;margin:19px 0 24px;font-weight:790}.intro-grid h1 em{color:var(--ui-brand);font-style:normal}.lead{max-width:550px;color:#6b6573;font-size:15px;line-height:1.85;margin:0 0 27px}.intro-ctas,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:0 19px;height:46px;border-radius:var(--ui-radius-control);font-size:13px;font-weight:750;white-space:nowrap;transition:background var(--ui-motion-fast),border-color var(--ui-motion-fast),color var(--ui-motion-fast),box-shadow var(--ui-motion-fast),transform 80ms}.btn:active:not(:disabled){transform:scale(.985)}.btn .ico{height:17px;width:17px}.btn-primary{color:#fff;background:var(--ui-brand);border-color:var(--ui-brand)}.btn-primary:hover:not(:disabled){background:var(--ui-brand-hover);border-color:var(--ui-brand-hover);box-shadow:0 5px 14px #79337530}.btn-secondary{color:var(--ui-ink);background:#fff;border-color:#d8d4de}.btn-secondary:hover:not(:disabled){background:#f9f7fa;border-color:#b6aabe}.btn-tertiary{color:var(--ui-brand);background:transparent}.btn-tertiary:hover:not(:disabled){background:var(--ui-brand-tint)}.btn-danger{background:var(--ui-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#923139}.btn:disabled{opacity:.45;box-shadow:none}.btn-sm{height:36px;font-size:12px;padding:0 13px}.btn-lg{height:52px;padding:0 23px;font-size:14px}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid var(--ui-border);color:var(--ui-ink);transition:background var(--ui-motion-fast)}.icon-btn:hover{background:var(--ui-brand-tint);color:var(--ui-brand)}.mobile-menu{display:none}.spinner{height:16px;width:16px;border:2px solid #ffffff88;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-row{display:flex;gap:35px;margin-top:37px}.stat-row div{display:flex;flex-direction:column;gap:0}.stat-row strong{font-size:23px;font-weight:800;letter-spacing:-.04em}.stat-row small{font-size:11px;color:#8b8492}.intro-art{height:380px;position:relative;border-radius:30px;background:#e4d5cc;box-shadow:var(--ui-shadow-lg);overflow:hidden;border:7px solid #fff}.intro-art-scene{position:absolute;inset:0;background:var(--ui-gradient-multisurface);filter:saturate(.95)}.intro-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#261b2b00 35%,#261b2b72);pointer-events:none}.float-pill{z-index:1;position:absolute;top:20px;right:20px;padding:9px 12px;background:#fff;border-radius:20px;box-shadow:var(--ui-shadow-sm);font-size:11px;font-weight:750}.mini-status{color:var(--ui-success);margin-right:5px}.intro-art-card{position:absolute;bottom:24px;left:24px;right:24px;max-width:315px;border-radius:15px;background:#fff;padding:17px 19px;z-index:2;box-shadow:var(--ui-shadow-md)}.small-upper,.intro-art-card .small-upper{font-size:10px;font-weight:800;letter-spacing:.1em;color:#9d92a4;display:flex;justify-content:space-between}.art-card-title{font-size:15px;font-weight:780;line-height:1.35;margin:10px 0 15px}.progress-track{height:7px;border-radius:8px;background:#ede8ef;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--ui-gradient-progress);transition:width .35s ease}.progress-fill.mint{background:linear-gradient(90deg,#2f7d4b,#7dc490)}.art-card-foot{font-size:10px;color:var(--ui-muted);display:flex;justify-content:space-between;margin-top:9px}.scene-dots{display:flex;gap:5px;z-index:1;position:absolute;right:23px;bottom:22px}.scene-dots i{width:6px;height:6px;background:#ffffff8a;border-radius:100%}.scene-dots i:first-child{background:#fff;width:18px;border-radius:6px}.brand-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.showcase{background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:25px}.showcase-logo,.dark-logo{min-height:260px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.sample-tag{font-size:10px;font-weight:800;letter-spacing:.11em;color:#96909c}.showcase-logo img{width:325px;margin:14px 0 8px}.showcase p,.showcase-logo p,.dark-logo p{font-size:12px;color:#8a8390;line-height:1.65;margin:14px 0 0}.dark-logo{background:#37233c;color:#fff;border:0}.dark-logo .sample-tag,.dark-logo p{color:#c8b6cb}.inverse-wordmark{display:flex;align-items:center;gap:16px;margin:8px 0}.logo-mark-mini{width:60px;height:60px;display:grid;place-items:center;background:#825080;color:#bce4c3;border-radius:18px}.logo-mark-mini .ico{width:31px;height:31px}.inverse-wordmark b{font-size:49px;line-height:1;letter-spacing:-.06em}.inverse-wordmark b span{color:#bce4c3}.inverse-wordmark small{display:block;color:#f5d9ef;letter-spacing:.11em;font-size:9px;font-weight:800;margin-top:6px}.usage-tip{background:#f5f2f8;border:1px solid #e8e1ed;border-radius:13px;margin-top:21px;padding:17px 19px;display:flex;gap:13px;color:var(--ui-brand)}.usage-tip .ico{margin-top:3px}.usage-tip strong{font-size:13px}.usage-tip p{font-size:12px;color:#706675;line-height:1.7;margin:3px 0 0}.usage-tip code{font-size:11px;color:var(--ui-brand);overflow-wrap:anywhere}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.color-card{border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;background:#fff;text-align:left;padding:0;transition:transform .16s,box-shadow .16s}.color-card:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow-sm)}.color-swatch{height:100px;position:relative}.color-swatch .copy-overlay{position:absolute;right:10px;top:10px;background:#ffffffe6;border-radius:8px;padding:7px;display:flex}.copy-overlay .ico{height:14px;width:14px}.color-meta{padding:14px}.color-meta strong{font-size:12px;display:block}.color-meta span{display:block;font-size:12px;color:var(--ui-muted);margin:3px 0}.color-meta code{font-size:10px;color:#96909a}.subheading{font-size:16px;font-weight:760;margin:34px 0 16px}.semantic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.semantic-card{background:#fff;border:1px solid var(--ui-border);border-radius:13px;padding:16px}.semantic-dot{width:31px;height:31px;border-radius:10px;margin-bottom:12px}.semantic-card b{font-size:13px;display:block}.semantic-card code{font-size:11px;color:var(--ui-muted)}.semantic-card p{font-size:11px;color:var(--ui-muted);margin:7px 0 0}.type-demo{background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:8px 30px}.type-row{padding:23px 0;display:grid;grid-template-columns:185px 1fr;gap:20px;align-items:center;border-bottom:1px solid #f0eef2}.type-row:last-child{border-bottom:0}.type-row>span{font-size:11px;color:#98919d}.type-display{font-size:clamp(29px,3vw,44px);font-weight:750;letter-spacing:-.055em}.type-title{font-size:28px;font-weight:700;letter-spacing:-.035em}.type-section{font-size:20px;font-weight:700}.type-body{font-size:16px;max-width:600px;line-height:1.55}.type-secondary{font-size:14px;font-weight:500;color:var(--ui-muted)}.type-micro{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ui-brand)}.measure-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.small-spec{padding:15px;background:#fff;border-radius:12px;border:1px solid var(--ui-border);font-size:11px;color:var(--ui-muted)}.small-spec strong{display:block;font-size:12px;color:var(--ui-ink);margin-top:5px}.effects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.effect-tile{border-radius:16px;background:#f0edf2;padding:22px;display:flex;flex-direction:column;gap:7px;min-width:0}.effect-sample{width:94px;height:84px;border-radius:15px;background:#fff;display:grid;place-items:center;margin:8px auto 15px;color:var(--ui-brand);font-weight:800}.effect-tile strong{font-size:13px}.effect-tile code{font-size:9px;white-space:normal;word-break:break-word;color:#756e7b}.effect-tile small{font-size:11px;color:#8e8795}.gradient-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.gradient-tile{height:190px;padding:22px;border:1px solid var(--ui-border);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between}.gradient-tile>span{font-size:10px;font-weight:800;letter-spacing:.1em}.gradient-tile strong{font-size:22px;line-height:1.2;letter-spacing:-.04em}.gradient-tile code{font-size:11px;opacity:.65}.gradient-brand{background:#4e2851;color:#fff}.gradient-bar{height:12px;border-radius:9px;background:var(--ui-gradient-progress);border:1px solid #ffffff30}.radius-strip{margin-top:18px;padding:20px 22px;background:#fff;border:1px solid var(--ui-border);border-radius:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.radius-strip>span{font-weight:750;font-size:13px;margin-right:13px}.radius-shape{width:52px;height:52px;display:grid;place-items:center;color:var(--ui-brand);background:var(--ui-brand-tint);font-weight:750;font-size:12px;border:1px solid #d9b7dc}.r8{border-radius:8px}.r12{border-radius:12px}.r16{border-radius:16px}.r24{border-radius:24px}.radius-strip p{font-size:11px;color:var(--ui-muted);margin-left:auto}.button-showcase{padding:28px}.showcase-heading{font-weight:800;font-size:10px;letter-spacing:.11em;color:#9a90a0;margin-bottom:20px}.showcase-heading span{font-weight:500;letter-spacing:0;margin-left:10px}.divider{height:1px;background:var(--ui-border);margin:27px 0}.spec-table{display:grid;grid-template-columns:repeat(5,1fr);margin-top:15px;gap:10px}.spec-table>div{background:#fff;border:1px solid var(--ui-border);border-radius:12px;padding:15px}.spec-table b{display:block;font-size:12px}.spec-table span{display:block;margin-top:4px;color:var(--ui-muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .showcase{display:flex;flex-direction:column;gap:0}.field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:740;margin:16px 0 8px}.field-label output{color:var(--ui-brand)}.input{border:1px solid #dcd8e1;border-radius:11px;padding:0 13px;height:45px;width:100%;background:#fff;color:var(--ui-ink);outline:none;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--ui-brand);box-shadow:0 0 0 3px #b257a73d}.input::placeholder{color:#aca5b0}.input-with-icon{position:relative}.input-with-icon>.ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#99909f}.input-with-icon input{padding-left:40px}.field-hint{font-size:11px;color:var(--ui-muted);margin-top:12px}.setting-line{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0edf2;gap:16px}.setting-line strong{display:block;font-size:13px}.setting-line small{display:block;color:var(--ui-muted);margin-top:3px;font-size:11px}.toggle{position:relative;display:block;width:45px;height:27px;flex-shrink:0}.toggle input{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.toggle span{display:block;background:#d6d1db;border-radius:50px;width:100%;height:100%;transition:background .18s}.toggle span:before{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #20182533;transition:transform .18s}.toggle input:checked+span{background:var(--ui-brand)}.toggle input:checked+span:before{transform:translate(18px)}.toggle input:focus-visible+span{outline:3px solid #b257a7;outline-offset:3px}.range{width:100%;accent-color:var(--ui-brand);margin:3px 0 17px}.choice-group{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.choice-group label{display:flex;align-items:center;gap:6px}.choice-group input{accent-color:var(--ui-brand)}.icon-count{font-size:11px;font-weight:750;color:var(--ui-brand);background:var(--ui-brand-tint);padding:7px 10px;border-radius:10px;white-space:nowrap}.icon-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:19px;flex-wrap:wrap}.icon-search{min-width:250px;flex:1;max-width:420px}.icon-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{background:#fff;border:1px solid var(--ui-border);border-radius:50px;padding:7px 12px;color:var(--ui-muted);font-size:11px;font-weight:650}.filter-btn.active,.filter-btn:hover{background:var(--ui-brand);color:#fff;border-color:var(--ui-brand)}.icon-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.icon-cell{border:1px solid var(--ui-border);background:#fff;border-radius:13px;min-width:0;padding:17px 5px 13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--ui-ink);transition:transform .16s,border-color .16s,background .16s}.icon-cell:hover{transform:translateY(-2px);background:var(--ui-brand-tint);border-color:#d5a6d0;color:var(--ui-brand)}.icon-cell .ico{width:23px;height:23px}.icon-cell small{font-size:10px;color:#8d8794;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95%}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.notice{padding:17px;border-radius:13px;display:flex;align-items:flex-start;gap:13px;border:1px solid}.notice>.ico{width:19px;height:19px;margin-top:2px}.notice strong{font-size:13px}.notice p{margin:4px 0 0;font-size:11px;line-height:1.6}.notice-success{color:#27633d;border-color:#c5e5d1;background:#ecf7ef}.notice-info{color:#2c6188;border-color:#cfe6f6;background:#eff7ff}.notice-warning{color:#94600e;border-color:#f0dfb3;background:#fff8e9}.notice-danger{color:#a63841;border-color:#f1cdd0;background:#fff1f2}.feedback-grid+.showcase{margin-top:16px}.progress-examples{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:10px 0 24px}.progress-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px;gap:8px}.progress-label span{color:var(--ui-muted)}.game-preview{position:relative;width:100%;aspect-ratio:16/8.3;min-height:390px;border-radius:20px;overflow:hidden;box-shadow:var(--ui-shadow-md);background:#9e8b75;color:var(--ui-ink)}.preview-scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86)}.game-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#16111c3d 0,transparent 25%,transparent 70%,#1810201f 100%);pointer-events:none}.game-topbar{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;gap:19px;z-index:2;background:#fffffff2;padding:9px 13px;border-radius:14px;box-shadow:var(--ui-shadow-sm)}.game-brand{font-size:25px;letter-spacing:-.07em;font-weight:850;border-right:1px solid #e4dce5;padding-right:17px}.game-brand span{color:var(--ui-brand)}.game-mission-name{display:flex;flex-direction:column;font-size:12px;line-height:1.3}.game-mini-label{font-weight:800;color:#988b9d;letter-spacing:.1em;font-size:9px}.game-top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.xp-badge{border-radius:25px;background:#fff5df;color:#a2701e;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.game-icon{width:37px;height:37px;display:grid;place-items:center;background:#fff;border:1px solid #e8e2ea;border-radius:10px}.game-icon:hover{background:var(--ui-brand-tint)}.game-icon .ico{width:18px;height:18px}.game-objective{position:absolute;top:88px;left:16px;z-index:2;width:257px;background:#fffffff4;border-radius:14px;box-shadow:var(--ui-shadow-sm);padding:16px 17px;transition:opacity .2s}.game-objective-header{display:flex;align-items:center;justify-content:space-between}.game-mini-btn{border:0;background:transparent;padding:3px;color:#9f94a5}.game-objective strong{font-size:13px;display:block;line-height:1.45;margin:9px 0 15px}.game-objective small{font-size:10px;color:var(--ui-muted);margin-top:8px;display:block}.game-objective.collapsed strong,.game-objective.collapsed .progress-track,.game-objective.collapsed small{display:none}.interaction-marker{position:absolute;z-index:2;left:51%;top:53%;display:flex;align-items:center;gap:8px;border:1px solid white;box-shadow:var(--ui-shadow-sm);background:#fff;color:var(--ui-ink);border-radius:29px;font-weight:750;font-size:11px;padding:6px 14px 6px 7px;transform:translate(-50%,-50%);white-space:nowrap}.interaction-marker:hover{background:var(--ui-brand-tint)}.marker-icon{display:grid;place-items:center;background:var(--ui-brand);color:#fff;width:29px;height:29px;border-radius:50%}.marker-icon .ico{width:16px;height:16px}.game-controls{position:absolute;bottom:22px;right:21px;display:flex;gap:8px;z-index:2}.preview-caption{position:absolute;bottom:22px;left:22px;background:#22162999;color:#fff;z-index:2;font-size:9px;font-weight:750;letter-spacing:.07em;padding:8px 10px;border-radius:7px}.preview-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:#918a96;font-size:11px}.preview-bottom .green-dot{width:6px;height:6px}.tutorial-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.tutorial-stage{border-radius:18px;overflow:hidden;box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-border);background:#fff}.tut-scene{height:255px;position:relative;overflow:hidden;background:#d4c9b9}.tut-scene>img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.tut-target{position:absolute;top:43%;left:53%;background:#fff;color:var(--ui-brand);display:grid;place-items:center;width:50px;height:50px;border-radius:50%;box-shadow:0 0 0 8px #ffffff57,0 0 0 18px #ffffff31;animation:targetPulse 2.2s ease-in-out infinite}.tut-target .ico{width:25px;height:25px}@keyframes targetPulse{50%{box-shadow:0 0 0 12px #ffffff50,0 0 0 24px #ffffff16}}.tut-bottom{display:flex;gap:17px;align-items:flex-start;padding:23px}.tut-portrait{border-radius:15px;background:#f0dfee;width:85px;height:94px;flex-shrink:0;overflow:hidden}.tut-portrait img{width:100%;height:100%;object-fit:cover}.tut-content{flex:1}.tut-eyebrow{font-size:10px;color:var(--ui-brand);font-weight:850;letter-spacing:.09em;display:flex;justify-content:space-between}.tut-content h3{font-size:18px;margin:7px 0}.tut-content p{font-size:12px;color:var(--ui-muted);line-height:1.7;margin:0 0 17px}.tut-actions{display:flex;gap:8px;justify-content:flex-end}.tutorial-notes{border-radius:18px;border:1px solid var(--ui-border);background:#fff;padding:24px}.pattern-item{display:flex;align-items:start;gap:13px;margin:23px 0}.pattern-no{display:grid;place-items:center;border-radius:10px;width:32px;height:32px;background:var(--ui-brand-tint);color:var(--ui-brand);font-weight:800;font-size:11px;flex-shrink:0}.pattern-item strong{font-size:12px}.pattern-item p{font-size:11px;color:var(--ui-muted);line-height:1.6;margin:4px 0}.usage-tip.compact{padding:12px;margin-top:8px}.usage-tip.compact p{margin:0}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.challenge-card{border:1px solid var(--ui-border);border-radius:18px;background:#fff;padding:27px;display:flex;flex-direction:column;min-width:0}.challenge-badge{font-weight:800;font-size:10px;letter-spacing:.1em;color:var(--ui-brand);margin-bottom:16px}.challenge-card h3{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:0 0 18px;min-height:72px}.answer-options{display:grid;gap:9px}.answer-option{border:1px solid #e5e1e9;background:#fff;border-radius:11px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;min-height:58px;color:var(--ui-ink);transition:border-color .15s,background .15s}.answer-option:hover{border-color:#c69ec8}.answer-option.selected{border:2px solid var(--ui-brand);padding:11px;background:var(--ui-brand-tint)}.answer-option.correct{border-color:var(--ui-success);background:var(--ui-success-tint)}.answer-option.wrong{border-color:var(--ui-danger);background:var(--ui-danger-tint)}.answer-letter{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#f0ecf2;font-weight:800;font-size:11px;flex-shrink:0}.answer-check{margin-left:auto}.challenge-actions{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;padding-top:17px}.quiz-feedback{font-size:12px;line-height:1.6;min-height:0;margin-top:12px}.quiz-feedback:not(:empty){padding:10px 13px;border-radius:10px;background:#f5f2f7}.quiz-feedback.ok{color:var(--ui-success);background:var(--ui-success-tint)}.quiz-feedback.no{color:var(--ui-danger);background:var(--ui-danger-tint)}.challenge-helper{font-size:11px;color:var(--ui-muted);line-height:1.65;margin:-5px 0 15px}.sort-options{display:grid;gap:9px}.sort-item{min-height:50px;display:flex;align-items:center;gap:10px;text-align:left;background:#faf9fb;border:1px solid #e5e1e9;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:650}.sort-item:hover{background:#f2e7f3}.sort-item.selected{border:2px solid var(--ui-brand);padding:9px 11px;background:var(--ui-brand-tint)}.sort-item.assigned{opacity:.53}.sort-item .ico{width:16px;height:16px;color:#95869b}.sort-item b{margin-left:auto;color:var(--ui-brand);font-size:10px}.sort-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.sort-target{display:flex;gap:6px;justify-content:center;align-items:center;min-height:51px;border:1px dashed #baa7c2;background:#f9f5fa;border-radius:11px;color:var(--ui-brand);font-size:12px;font-weight:750}.sort-target:hover{background:#f0e4f3;border-style:solid}.sort-target .ico{width:17px;height:17px}.sort-target b{font-size:10px;background:#fff;border-radius:6px;padding:2px 5px;margin-left:2px}.screen-list{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.screen-card{background:#fff;border:1px solid var(--ui-border);border-radius:14px;padding:18px;display:flex;gap:12px;align-items:flex-start}.screen-card .screen-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--ui-brand-tint);color:var(--ui-brand);flex-shrink:0}.screen-card .screen-icon .ico{width:18px;height:18px}.screen-card b{font-size:12px}.screen-card p{margin:3px 0 0;font-size:10px;color:var(--ui-muted);line-height:1.5}.modal-demo{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:17px}.modal-demo h3{font-size:19px;margin:7px 0}.modal-demo p{margin:0;font-size:12px;max-width:500px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.asset-card{background:#fff;border:1px solid var(--ui-border);border-radius:14px;overflow:hidden}.asset-image{aspect-ratio:4/3;background:linear-gradient(135deg,#f5f0ee,#e9e2e4);display:grid;place-items:center;padding:14px}.asset-image img{width:100%;height:100%;object-fit:contain}.asset-name{padding:11px 13px;border-top:1px solid var(--ui-border);font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:8px}.asset-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-name span{font-size:9px;color:var(--ui-muted)}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dev-panel{background:#fff;border:1px solid var(--ui-border);border-radius:15px;padding:23px;min-width:0}.dev-panel pre{background:#2c2333;color:#eee7f4;font-size:11px;line-height:1.9;overflow:auto;border-radius:10px;margin:0;padding:19px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dev-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px}.dev-principles>div{background:#fff;border:1px solid var(--ui-border);border-radius:13px;padding:19px}.dev-principles .ico{color:var(--ui-brand);margin-bottom:12px}.dev-principles strong{display:block;font-size:12px}.dev-principles p{font-size:11px;color:var(--ui-muted);line-height:1.65;margin:7px 0 0}.deliverables{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:18px;background:#ede7f0;border-radius:14px;padding:23px}.deliverables strong{font-size:14px}.deliverables p{font-size:11px;color:#6c6470;max-width:600px;margin:6px 0 0}.footer{padding:25px clamp(25px,5.1vw,78px) 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#98909d;font-size:11px}.footer img{width:100px}.toast-root{position:fixed;bottom:25px;right:25px;z-index:110;display:grid;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;gap:10px;align-items:center;color:#fff;background:#34233d;padding:14px 18px;border-radius:13px;box-shadow:var(--ui-shadow-md);font-size:12px;font-weight:600;animation:toastIn .22s ease-out}.toast .ico{color:#bce4c3}.toast.removing{opacity:0;transition:opacity .2s}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ui-scrim);padding:16px}.modal-overlay[hidden]{display:none}.modal-dialog{position:relative;width:min(100%,505px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:22px;background:#fff;box-shadow:var(--ui-shadow-lg);padding:29px;animation:modalIn .22s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--ui-brand)}.modal-icon{width:58px;height:58px;border-radius:17px;background:var(--ui-brand-tint);color:var(--ui-brand);display:grid;place-items:center;margin:20px 0}.modal-icon .ico{width:27px;height:27px}.modal-dialog h2{font-size:25px;letter-spacing:-.04em;margin:0 0 9px}.modal-dialog p{font-size:13px;color:var(--ui-muted);line-height:1.75;margin:0 0 26px}.modal-footer{display:flex;gap:9px;justify-content:flex-end}.no-scroll{overflow:hidden}@media (max-width:1250px){.section{padding:56px 38px}.topbar{padding:0 28px}.intro-grid{gap:22px}.intro-art{height:330px}.icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.screen-list{grid-template-columns:repeat(3,1fr)}.dev-principles{grid-template-columns:repeat(2,1fr)}}@media (max-width:1010px){.sidebar{width:225px}.main-area{margin-left:225px}.topbar .pill{display:none}.breadcrumb{font-size:10px}.intro-grid{grid-template-columns:1fr}.intro-art{max-width:720px;height:360px}.brand-grid,.tutorial-layout,.challenge-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(3,1fr)}.effects-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.screen-list{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(3,1fr)}.dev-grid{grid-template-columns:1fr}}@media (max-width:720px){.sidebar{transform:translate(-103%);transition:transform .22s;box-shadow:var(--ui-shadow-md);width:min(285px,85vw)}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{display:grid;flex-shrink:0}.topbar{height:62px;padding:0 16px;gap:9px}.top-actions .btn-secondary,.top-actions .pill{display:none}.top-actions .btn-primary{font-size:0;width:40px;padding:0}.top-actions .btn-primary .ico{width:18px;height:18px}.breadcrumb{overflow:hidden;text-overflow:ellipsis;font-size:9px;gap:5px}.breadcrumb strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{padding:43px 18px}.section-intro{padding-top:44px}.intro-grid h1{font-size:42px}.lead{font-size:14px}.stat-row{gap:24px}.intro-art{height:310px;border-width:4px}.intro-art-card{left:14px;right:14px;bottom:13px}.brand-grid,.gradient-grid,.feedback-grid,.progress-examples,.dev-grid{grid-template-columns:1fr}.palette-grid,.semantic-grid{grid-template-columns:repeat(2,1fr)}.type-demo{padding:4px 16px}.type-row{grid-template-columns:1fr;gap:8px}.measure-row{grid-template-columns:1fr}.effect-tile{padding:15px}.radius-strip p{margin:0;width:100%}.spec-table{grid-template-columns:repeat(2,1fr)}.icon-toolbar{align-items:stretch;flex-direction:column}.icon-search{max-width:unset}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-preview{min-height:330px;aspect-ratio:auto}.game-topbar{left:9px;right:9px;top:9px;gap:8px;padding:9px}.game-brand{font-size:19px;padding-right:8px}.game-mission-name{font-size:10px}.xp-badge{display:none}.game-objective{top:68px;left:9px;width:200px;padding:12px}.interaction-marker{left:57%;top:60%;font-size:10px}.preview-caption{display:none}.game-controls{right:10px;bottom:12px}.preview-bottom{flex-direction:column;gap:5px}.tut-scene{height:220px}.tut-bottom{padding:13px;gap:11px}.tut-portrait{height:78px;width:68px}.tut-content h3{font-size:16px}.challenge-card{padding:20px}.challenge-card h3{min-height:0}.screen-list{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:repeat(2,1fr)}.dev-principles{grid-template-columns:1fr 1fr}.deliverables,.modal-demo{flex-direction:column;align-items:flex-start}.footer{padding:30px 18px;flex-wrap:wrap}.modal-dialog{padding:20px}.modal-footer{flex-wrap:wrap}.sec-head{align-items:flex-start;flex-direction:column}.section-aside{max-width:none;text-align:left}}@media (max-width:400px){.intro-grid h1{font-size:36px}.intro-ctas .btn{width:100%}.stat-row{gap:15px}.screen-list,.dev-principles{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.button-row .btn{white-space:normal}.game-objective{max-width:175px}.interaction-marker{left:61%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body{background:var(--ui-canvas);font-family:var(--ui-font);color:var(--ui-ink)}.sidebar{background:linear-gradient(165deg,#fff,#faf7ff 70%,#f3f2ff);border-right-color:#e7ddf4}.sidebar-brand{padding-bottom:25px}.brand-logo{width:205px}.brand-meta b{background:#ede0ff}.nav-link{border-radius:13px;font-weight:650}.nav-link.active{box-shadow:inset 0 1px #fff,0 5px 14px #a653ff16;background:#efe4ff}.topbar{background:#ffffffed;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #EBE3F3}.section{border-color:#eee9f5}.section-intro{background:var(--ui-gradient-hero);position:relative;overflow:hidden}.section-kicker,.eyebrow{color:#8f43eb}.intro-grid h1,.sec-head h2{font-family:var(--ui-font-display);font-weight:800;letter-spacing:-.06em}.intro-grid h1 em{background:var(--ui-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--ui-text)}.stat-row strong{font-family:var(--ui-font-display);color:#6336c0}.btn{border-radius:14px;transition:transform .22s var(--ui-ease-out),box-shadow .22s,background .22s,border-color .22s;position:relative;overflow:hidden;font-weight:800}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn-primary{background:var(--ui-gradient-brand);border-color:#9655fa;box-shadow:inset 0 1px #ffffff72,0 6px #6f35c51f,0 11px 22px #8a51ff46;text-shadow:0 1px 2px #49218933}.btn-primary:before{content:"";position:absolute;inset:0 0 48%;background:linear-gradient(180deg,#FFFFFF38,transparent);pointer-events:none}.btn-primary:hover:not(:disabled){background:linear-gradient(105deg,#c062ff,#9559ff,#7273ff);box-shadow:inset 0 1px #ffffffa0,0 15px 27px #9455ff55}.btn-secondary{background:linear-gradient(180deg,#fff,#f9f6ff);border-color:#ddd0f1;box-shadow:inset 0 1px #fff,0 6px 15px #30205a0f}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f1e8ff);border-color:#bfa5ea;box-shadow:0 9px 19px #a653ff23}.btn-tertiary{color:#8e43e7}.btn-danger{background:linear-gradient(135deg,#e75583,#b93665);box-shadow:0 7px 16px #b83e6130}.icon-btn,.game-icon{box-shadow:inset 0 1px #fff,0 5px 14px #5b33921c;border-radius:14px}.pill{background:linear-gradient(120deg,#f1e3ff,#eee9ff);color:#7631c8;border-color:#e3d1fa}.pill.subtle{background:#f6f3fd}.intro-art{height:395px;border:1px solid #FFFFFFAD;box-shadow:0 32px 90px #8553da41,inset 0 1px #ffffffb6;background:var(--ui-gradient-multisurface);isolation:isolate}.intro-art:after{display:none}.ambient-label{position:absolute;left:24px;top:25px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#665c9b}.ambient-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.72;animation:ambientDrift 8s ease-in-out infinite alternate}.orb-a{height:230px;width:230px;left:-55px;bottom:-110px;background:radial-gradient(circle at 38% 30%,#FFFFFFD4,#BA8FFF8C 70%,transparent 73%)}.orb-b{height:180px;width:180px;right:-40px;top:50px;background:radial-gradient(circle at 40% 30%,#FFFFFFAA,#8D95FF88 68%,transparent 72%);animation-delay:-2s}.orb-c{height:110px;width:110px;left:44%;top:12%;background:radial-gradient(circle at 30% 25%,#fff,#B0F5D4A6 66%,transparent 73%);animation-delay:-4s}@keyframes ambientDrift{to{transform:translate3d(13px,-18px,0) scale(1.07)}}.float-pill{border:1px solid #FFFFFFB3;background:#ffffffd9;backdrop-filter:blur(16px);box-shadow:var(--ui-shadow-sm);animation:float 4s ease-in-out infinite}.float-chip{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #ffffff9e;border-radius:20px;background:#fffd;padding:12px 16px;box-shadow:0 17px 30px #5f3a9c28;font-weight:800;font-size:12px;backdrop-filter:blur(16px);animation:float 5s ease-in-out infinite}.float-chip span{font-family:var(--ui-font-pop);font-size:18px;color:#7a4ae4}.float-chip-a{right:12%;top:33%;transform:rotate(6deg);animation-delay:-1s}.float-chip-b{left:5%;top:25%;animation-delay:-3s}@keyframes float{0%,to{translate:0 0}50%{translate:0 -9px}}.intro-art-card{bottom:25px;left:28px;right:28px;max-width:350px;border:1px solid #fff;background:linear-gradient(155deg,#fff,#fffcffec);border-radius:22px;box-shadow:var(--ui-shadow-md);padding:23px;animation:float 6s ease-in-out infinite;animation-delay:-2s}.art-card-title{font-family:var(--ui-font-display);font-size:21px;font-weight:800}.art-card-foot{font-size:11px}.showcase,.dev-panel,.tutorial-notes,.challenge-card,.screen-card,.color-card,.semantic-card,.effect-tile{border-color:#e8e0f1;box-shadow:0 8px 26px #5c328e0c,inset 0 1px #fff;border-radius:20px}.showcase-logo{background:radial-gradient(circle at 75% 22%,#F6E9FF,transparent 50%),#fff}.dark-logo{background:radial-gradient(circle at 90% 5%,#7947C8,transparent 58%),linear-gradient(145deg,#2e2050,#4d2974);box-shadow:0 20px 43px #35205722}.inverse-wordmark b{font-family:var(--ui-font-display);font-weight:800}.inverse-wordmark b span{color:#93e6af}.logo-mark-mini{background:linear-gradient(135deg,#b75aff,#6868ff);color:#baf8d3;box-shadow:inset 0 1px #fff8,0 12px 28px #2b144b55}.usage-tip{background:linear-gradient(110deg,#f5edff,#f3f2ff);border-color:#e8daf7;color:#7a40d3}.type-display{font-family:var(--ui-font-display);font-weight:800;letter-spacing:-.055em}.type-title,.type-section{font-family:var(--ui-font);font-weight:800}.type-playful{font-family:var(--ui-font-pop);font-size:31px;font-weight:600;color:#994eec;letter-spacing:.01em}.color-card:hover,.screen-card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow-sm)}.gradient-hero{background:var(--ui-gradient-hero)}.gradient-brand{background:linear-gradient(135deg,#6d45bd,#a64ef9 42%,#6765ff)}.gradient-brand .gradient-bar{background:var(--ui-gradient-brand)}.effect-sample{border:1px solid #F1E8FF;background:linear-gradient(155deg,#fff,#fbf8ff)}.shadow-xs{box-shadow:var(--ui-shadow-xs)}.shadow-sm{box-shadow:var(--ui-shadow-sm)}.shadow-md{box-shadow:var(--ui-shadow-md)}.shadow-lg{box-shadow:var(--ui-shadow-lg)}.game-preview{background:var(--ui-gradient-multisurface);position:relative;isolation:isolate;border:1px solid #DDD0FA;box-shadow:0 25px 65px #55358b25}.game-preview:before,.tut-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 40% 54%,#FFFFFF75 0 5%,transparent 28%),radial-gradient(circle at 85% 75%,#A2EECBAA,transparent 30%)}.game-topbar,.game-objective{background:#ffffffe7;backdrop-filter:blur(24px);border:1px solid #fff;box-shadow:var(--ui-shadow-sm);border-radius:18px}.game-brand{font-family:var(--ui-font-display);color:#6d39c7;font-weight:800}.game-objective{box-shadow:var(--ui-shadow-md)}.interaction-marker{border:1px solid #fff;background:#fffe;box-shadow:0 11px 30px #6a40a044}.marker-icon{background:var(--ui-gradient-brand)}.xp-badge{background:linear-gradient(125deg,#fff4d6,#ffe8a6);box-shadow:0 3px 10px #b98f2920}.tut-scene{background:var(--ui-gradient-multisurface);isolation:isolate}.tut-portrait{background:var(--ui-gradient-brand);box-shadow:inset 0 1px #ffffff70,0 8px 20px #6f46ca2c;display:grid;place-items:center;color:#fff}.tut-portrait .ico{width:33px;height:33px}.tut-target{background:#fff;box-shadow:0 0 0 9px #a653ff26,0 0 0 20px #a653ff12,0 12px 30px #55268c25}.pattern-no{background:var(--ui-gradient-brand);color:#fff}.answer-option:hover,.sort-item:hover{border-color:#c5a0ff;box-shadow:0 5px 15px #ae64ff18}.progress-track{background:#ece4f8;height:9px}.progress-fill{background:var(--ui-gradient-progress)}.screen-icon{background:linear-gradient(145deg,#f3e6ff,#edeaff)!important}.modal-dialog{box-shadow:0 40px 115px #21133f66;border:1px solid #fff;border-radius:27px;background:linear-gradient(155deg,#fff,#fcfaff)}.modal-icon{background:var(--ui-gradient-brand);color:#fff;box-shadow:0 9px 22px #a653ff35}.motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.motion-tile{position:relative;min-height:220px;background:linear-gradient(155deg,#fff,#faf7ff);border:1px solid #E5DAF6;border-radius:21px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px #5c328e12;overflow:hidden}.motion-tile:after{content:"";position:absolute;right:-35px;top:-35px;width:130px;height:130px;background:radial-gradient(circle,#EDE2FF,transparent 70%);pointer-events:none}.motion-icon{background:var(--ui-gradient-brand);height:55px;width:55px;display:grid;place-items:center;color:#fff;border-radius:18px;margin:8px 0 22px;box-shadow:inset 0 1px #ffffff70,0 13px 25px #9257f855;position:relative;overflow:hidden}.motion-icon .ico{width:26px;height:26px}.motion-tile strong{font-family:var(--ui-font-display);font-size:18px}.motion-tile span{font-size:11px;color:#7544b0;font-weight:800;margin:5px 0}.motion-tile small{font-size:11px;color:var(--ui-muted)}.motion-float{animation:motionFloat 4s ease-in-out infinite}.motion-entrance{animation:motionEntrance 2.7s var(--ui-ease-out) infinite}.motion-pulse{animation:motionPulse 2.4s ease-out infinite}.motion-shine:after{content:"";position:absolute;inset:-50%;background:linear-gradient(95deg,transparent 35%,#FFFFFFB0 48%,transparent 61%);transform:translate(-105%) rotate(15deg);animation:motionShine 2.8s ease-in-out infinite}@keyframes motionFloat{50%{transform:translateY(-9px)}}@keyframes motionEntrance{0%{opacity:0;transform:translateY(18px) scale(.92)}20%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-3px)}}@keyframes motionPulse{0%,to{box-shadow:0 0 #a653ff43,0 13px 25px #9257f855}50%{box-shadow:0 0 0 16px #a653ff00,0 13px 25px #9257f855}}@keyframes motionShine{0%,45%{transform:translate(-115%) rotate(15deg)}80%,to{transform:translate(115%) rotate(15deg)}}.motion-grid.replay .motion-icon{animation:none}.motion-grid.replay .motion-float{animation:motionFloat 4s ease-in-out infinite}.motion-grid.replay .motion-entrance{animation:motionEntrance 2.7s var(--ui-ease-out) infinite}.motion-grid.replay .motion-pulse{animation:motionPulse 2.4s ease-out infinite}@media (max-width:1100px){.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.intro-art{height:370px}.intro-art-card{left:14px;right:14px;bottom:13px;padding:16px}.float-chip{font-size:10px}.float-chip-a{top:29%}.float-chip-b{top:14%}.ambient-label{top:14px;left:14px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-tile{padding:15px;min-height:195px}.type-playful{font-size:24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html,body.vinea-game{height:100%;overflow:hidden;background:#201833}body.vinea-game{font-size:calc(15px * var(--text-scale,1))}#game-canvas{position:fixed;inset:0}#game-canvas canvas{display:block;width:100%;height:100%;outline:none}#vinea-ui-root{position:fixed;inset:0;pointer-events:none;z-index:5}#vinea-ui-root>*{pointer-events:auto}#hud{position:absolute;inset:0;pointer-events:none;transition:opacity .4s}#hud[hidden]{display:block;opacity:0;visibility:hidden}#hud>*{pointer-events:auto}#hud.dim .game-objective,#hud.dim #markers,#hud.dim .game-controls,#hud.dim #tutorial{opacity:0;pointer-events:none}.game-objective{display:block!important;width:292px;transition:opacity .25s,transform .32s var(--ui-ease-out)}.game-objective strong{font-size:14px;margin:8px 0 6px}.game-objective p{font-size:12px;color:var(--ui-text);margin:0 0 12px;line-height:1.55}.game-objective.collapsed p,.game-objective.collapsed .progress-track,.game-objective.collapsed small{display:none}.game-objective.collapsed strong{margin-bottom:0}.game-objective.pulse{animation:objPulse 1.1s var(--ui-ease-out)}@keyframes objPulse{0%{transform:scale(.96);box-shadow:0 0 #a653ff88}60%{box-shadow:0 0 0 14px #a653ff00}to{transform:none}}.game-mission-name strong{font-size:13px}.game-brand{line-height:1}.inv{display:flex;gap:6px;align-items:center}.inv-slot{width:38px;height:38px;border-radius:11px;border:1.5px dashed #D9CDEB;display:grid;place-items:center;color:#b9a9d4;background:#faf7ff;position:relative;padding:0}.inv-slot.full{border:1px solid #D7C2F7;background:linear-gradient(160deg,#fff,#f2e9ff);color:var(--ui-brand-deep);box-shadow:var(--ui-shadow-xs);animation:popIn .4s var(--ui-ease-out)}.inv-slot.full:after{content:"";position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--ui-mint);border:2px solid #fff}@keyframes popIn{0%{transform:scale(.5);opacity:0}}#markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.interaction-marker{pointer-events:auto;left:0;top:0;transition:opacity .2s;animation:softIn .28s var(--ui-ease-out)}.interaction-marker kbd{font:800 10px var(--ui-font);background:#f2e9ff;color:var(--ui-brand-deep);border-radius:6px;padding:2px 6px;margin-left:2px}.pin{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ui-brand);box-shadow:var(--ui-shadow-xs);border:1px solid #fff;pointer-events:auto;cursor:pointer;transition:box-shadow var(--ui-motion-fast)}.pin:after{content:"";position:absolute;inset:-8px;border-radius:50%}.pin:hover{box-shadow:var(--ui-shadow-sm)}.pin:focus-visible{outline:3px solid var(--ui-brand);outline-offset:2px}.pin .ico{width:15px;height:15px}.pin.quest{background:var(--ui-gradient-brand);color:#fff;width:34px;height:34px;margin:-17px 0 0 -17px}.pin.quest:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #A653FF;animation:ring 2.4s ease-out infinite}@keyframes ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.5);opacity:0}}.pin.edge{background:var(--ui-ink);color:#fff}.pin.edge:after{content:attr(data-label);position:absolute;top:36px;left:50%;transform:translate(-50%);font:700 10px var(--ui-font);background:var(--ui-ink);color:#fff;padding:3px 8px;border-radius:8px;white-space:nowrap}@keyframes softIn{0%{opacity:0;translate:0 8px}}#tutorial{position:absolute;left:16px;bottom:22px;width:min(420px,calc(100vw - 32px));background:#fff;border-radius:20px;box-shadow:var(--ui-shadow-md);border:1px solid #fff;animation:softIn .42s var(--ui-ease-out)}#tutorial[hidden]{display:none}#tutorial .tut-bottom{padding:16px 18px}#tutorial .tut-portrait{width:56px;height:56px;border-radius:16px}#tutorial h3{font:800 16px var(--ui-font-display);margin:4px 0}#tutorial p{margin:0;font-size:12.5px}.keys{display:inline-flex;gap:3px;vertical-align:middle}.keys kbd,kbd.k{font:800 11px var(--ui-font);background:#f2e9ff;color:var(--ui-brand-deep);border-radius:6px;padding:2px 7px;border-bottom:2px solid #D7C2F7}#dialogue{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(860px,calc(100vw - 32px));background:linear-gradient(155deg,#fff,#fcfaff);border:1px solid #fff;border-radius:24px;box-shadow:var(--ui-shadow-md);z-index:60;animation:softIn .32s var(--ui-ease-out)}#dialogue[hidden]{display:none}#dialogue .tut-bottom{padding:18px 20px;gap:18px}#dialogue .tut-portrait{width:112px;height:124px;border-radius:20px;background:var(--ui-gradient-multisurface);align-self:flex-start;transition:transform .2s}#dialogue .tut-portrait img{object-fit:cover;object-position:50% 20%}#dialogue .tut-portrait.speaking{animation:talkBob 1.1s ease-in-out infinite}@keyframes talkBob{50%{transform:translateY(-3px)}}#dialogue .tut-eyebrow{font-size:11px;align-items:center}#dialogue .tut-eyebrow b{font:800 15px var(--ui-font-display);letter-spacing:0;color:var(--ui-ink);text-transform:none}#dialogue .tut-eyebrow .role{color:var(--ui-muted);font-weight:700;margin-left:8px;letter-spacing:.06em}#dialogue .line{font-size:15.5px;line-height:1.6;color:var(--ui-ink);margin:8px 0 14px;min-height:3.2em}#dialogue .choices{display:grid;gap:8px;margin-bottom:12px}#dialogue .answer-option{font-size:13.5px;min-height:46px;font-weight:650}#dialogue .answer-option:focus-visible{outline:3px solid var(--ui-brand)}#dialogue .tut-actions{align-items:center}#dialogue .tut-actions .sp{flex:1}.voice-wave{display:inline-flex;gap:2px;align-items:flex-end;height:12px;margin-left:8px}.voice-wave i{width:3px;background:var(--ui-brand);border-radius:2px;height:4px}.speaking .voice-wave i{animation:wave .7s ease-in-out infinite}.voice-wave i:nth-child(2){animation-delay:.15s}.voice-wave i:nth-child(3){animation-delay:.3s}@keyframes wave{50%{height:12px}}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:80;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}}.screen.loading{background:var(--ui-gradient-hero);flex-direction:column;gap:22px}.screen.loading img{width:min(330px,70vw)}.screen.loading .progress-track{width:min(340px,70vw)}.screen.loading p{font-size:13px;color:var(--ui-text);margin:0;min-height:1.5em}.screen.title{justify-content:flex-start;background:linear-gradient(90deg,#f8f7fdf5,#f8f7fde8 30%,#f8f7fd00 62%)}.title-card{margin-left:clamp(20px,6vw,90px);max-width:440px}.title-card img{width:300px;margin-left:-6px}.title-card h1{font:800 clamp(30px,4vw,44px)/1.05 var(--ui-font-display);letter-spacing:-.04em;margin:14px 0 10px}.title-card h1 em{font-style:normal;background:var(--ui-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.title-card p{color:var(--ui-text);font-size:14.5px;line-height:1.65;margin:0 0 22px}.title-card .stack{display:grid;gap:10px;max-width:300px}.title-card .btn{justify-content:center}.title-card small{display:block;margin-top:18px;color:var(--ui-muted);font-size:11px;line-height:1.5}.cine{position:absolute;inset:0;pointer-events:none;z-index:40}.cine:before,.cine:after{content:"";position:absolute;left:0;right:0;height:9vh;background:#17112a;transition:transform .8s var(--ui-ease-out)}.cine:before{top:0}.cine:after{bottom:0}.cine .cap{position:absolute;left:50%;bottom:calc(9vh + 26px);transform:translate(-50%);background:#fffffff0;border-radius:18px;padding:12px 22px;box-shadow:var(--ui-shadow-md);font:800 18px var(--ui-font-display);text-align:center;animation:softIn .5s var(--ui-ease-out)}.cine .cap small{display:block;font:700 11px var(--ui-font);color:var(--ui-brand);letter-spacing:.1em}.cine .skip{position:absolute;right:20px;top:calc(9vh + 16px);pointer-events:auto}.modal-overlay{position:absolute;z-index:90;animation:fadeIn .2s}.modal-dialog.wide{width:min(100%,920px)}.modal-dialog.mid{width:min(100%,640px)}.modal-dialog h2{font-family:var(--ui-font-display)}.tabs{display:flex;gap:6px;margin:16px 0 18px;flex-wrap:wrap}.tab{border:1px solid var(--ui-border);background:#fff;border-radius:12px;padding:8px 14px;font-weight:750;font-size:12.5px;color:var(--ui-text);display:inline-flex;gap:7px;align-items:center}.tab[aria-selected=true]{background:var(--ui-brand-tint);border-color:#d7c2f7;color:var(--ui-brand-deep)}.tab .ico{width:16px;height:16px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}.mcard{border:1px solid #E8E0F1;border-radius:18px;padding:15px;background:#fff;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:138px;position:relative;color:var(--ui-ink)}.mcard .n{font:800 11px var(--ui-font);letter-spacing:.1em;color:var(--ui-brand)}.mcard b{font:800 15px/1.25 var(--ui-font-display)}.mcard small{color:var(--ui-muted);font-size:11px}.mcard .st{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:800}.mcard .st .ico{width:14px;height:14px}.mcard.done{background:var(--ui-success-tint);border-color:#bee6ce}.mcard.done .st{color:var(--ui-success)}.mcard.active{border:2px solid var(--ui-brand);box-shadow:var(--ui-shadow-gloss)}.mcard.active .st{color:var(--ui-brand-deep)}.mcard.locked{background:#f6f4fa;color:#8c849c;border-style:dashed}.mcard.locked .n,.mcard.locked .st{color:#8c849c}.mcard.locked:hover{background:#f0ecf7}.page{border:1px solid #E8E0F1;border-radius:16px;padding:16px 18px;margin-bottom:12px;background:#fff}.page h4{font:800 15px var(--ui-font-display);margin:0 0 8px;display:flex;gap:8px;align-items:center}.page ul{margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:var(--ui-text)}.page .tag{font:800 10px var(--ui-font);letter-spacing:.08em;color:var(--ui-brand)}.logline{font-size:12.5px;line-height:1.6;margin:0 0 6px;color:var(--ui-text)}.logline b{color:var(--ui-ink)}.scroll{max-height:min(52vh,460px);overflow:auto;padding-right:6px}.score{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 20px}.score div{border-radius:14px;background:#f8f5ff;padding:12px;text-align:center}.score b{display:block;font:800 22px var(--ui-font-display);color:var(--ui-brand-deep)}.score small{font-size:10.5px;color:var(--ui-muted);font-weight:700}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffffcc 50%,transparent 65%);transform:translate(-120%);animation:shine 1.4s .3s var(--ui-ease-out)}@keyframes shine{to{transform:translate(120%)}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}@media (max-width:700px){.settings-grid{grid-template-columns:1fr}.score{grid-template-columns:repeat(2,1fr)}}.field-label{display:flex;justify-content:space-between;font-size:12px;font-weight:750;margin-top:12px}.mg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:20px}@media (max-width:820px){.mg{grid-template-columns:1fr}}.mg-board{border-radius:18px;background:#f4efe3;border:1px solid #E8E0F1;position:relative;overflow:hidden;align-self:start}.mg-board svg{display:block;width:100%;height:auto}.mg h3{font:800 17px var(--ui-font-display);margin:0 0 6px}.mg .helper{font-size:12.5px;color:var(--ui-text);line-height:1.6;margin:0 0 12px}.node-btn{cursor:pointer}.node-btn:focus-visible{outline:none}.node-btn:focus-visible circle.hit{stroke:#262039;stroke-width:3}.legend{display:grid;gap:6px;font-size:11.5px;color:var(--ui-text);margin:10px 0}.legend span{display:flex;gap:8px;align-items:center}.legend i{width:22px;height:10px;border-radius:3px;flex-shrink:0}.steps{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.chip{font:750 11.5px var(--ui-font);border-radius:20px;padding:5px 10px;background:#f2e9ff;color:var(--ui-brand-deep);display:inline-flex;gap:5px;align-items:center}.spot{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;padding:0;border:2px dashed #7D6A9C;background:#ffffffe6;border-radius:50%;color:var(--ui-ink);display:grid;place-items:center;cursor:pointer;transition:box-shadow var(--ui-motion-fast),background var(--ui-motion-fast)}.spot:before{content:"";position:absolute;inset:-4px;border-radius:50%}.spot:hover{box-shadow:var(--ui-shadow-sm)}.spot:focus-visible{outline:3px solid var(--ui-brand);outline-offset:3px}.spot .cap{position:absolute;pointer-events:none;white-space:nowrap;font:750 10.5px var(--ui-font);color:var(--ui-ink);background:#fffffff0;border-radius:8px;padding:2px 7px;box-shadow:var(--ui-shadow-xs)}.spot .cap.down{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.spot .cap.up{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.spot .cap.left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.spot .cap.right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.spot[aria-pressed=true]:after{content:"✓";position:absolute;top:-7px;right:-7px;width:17px;height:17px;border-radius:50%;background:var(--ui-brand);color:#fff;font:800 10px/17px var(--ui-font);text-align:center}.spot.bad:after{content:"!";background:var(--ui-danger)}.spot.good:after{background:var(--ui-success)}.spot[aria-pressed=true]{border:2px solid var(--ui-brand);background:var(--ui-brand-tint);box-shadow:var(--ui-shadow-xs)}.spot .ico{width:15px;height:15px}.spot.bad{border-color:var(--ui-danger);background:var(--ui-danger-tint)}.spot.good{border-color:var(--ui-success);background:var(--ui-success-tint)}.slot{border:2px dashed #BFA5EA;border-radius:14px;padding:10px 12px;margin-bottom:10px;background:#fbf9ff;min-height:74px;display:block;width:100%;text-align:left;color:var(--ui-ink)}.slot small{display:flex;gap:6px;align-items:center;font:800 10.5px var(--ui-font);letter-spacing:.07em;color:var(--ui-brand);text-transform:uppercase;margin-bottom:6px}.slot small .ico{width:14px;height:14px}.slot.filled{border-style:solid;background:#fff}.slot.target{border-color:var(--ui-brand);background:var(--ui-brand-tint);animation:objPulse 1s}.slot .ph{font-size:12px;color:var(--ui-muted)}.slot.off{opacity:.55;border-color:#c9c3d4;background:repeating-linear-gradient(45deg,#f4f1f8,#f4f1f8 8px,#ece7f3 8px 16px)}.card{border:1px solid #E1D7F0;background:#fff;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;text-align:left;display:flex;gap:9px;align-items:flex-start;width:100%;margin-bottom:8px;color:var(--ui-ink);box-shadow:var(--ui-shadow-xs);transition:transform .16s,border-color .16s}.card:hover{transform:translateY(-2px);border-color:#c5a0ff}.card[aria-pressed=true]{border:2px solid var(--ui-brand);background:var(--ui-brand-tint)}.card .ico{width:17px;height:17px;color:var(--ui-brand);margin-top:1px}.card small{display:block;color:var(--ui-muted);font-size:11px;margin-top:2px}.card.in{box-shadow:none;margin:0;border-color:transparent;background:transparent;padding:0}.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}.chain .slot{margin:0;min-height:120px}.chain-link{height:4px;background:#e1d7f0;border-radius:3px;margin:10px 0;position:relative;overflow:hidden}.chain-link.ok:after{content:"";position:absolute;inset:0;background:var(--ui-gradient-progress);animation:grow .8s var(--ui-ease-out)}@keyframes grow{0%{transform:scaleX(0);transform-origin:left}}.gas-toggle{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;margin:10px 0}.fictif{font:800 10px var(--ui-font);letter-spacing:.08em;color:var(--ui-warning);background:var(--ui-warning-tint);border:1px solid #F0DFB3;border-radius:8px;padding:5px 9px;display:inline-flex;gap:6px;align-items:center}.toast{align-items:flex-start;max-width:340px}.toast b{display:block}.toast span{font-weight:500;opacity:.9}.toast-root{position:absolute;bottom:auto;top:84px;right:16px}body.hc .game-objective,body.hc #dialogue,body.hc .game-topbar{background:#fff;border:2px solid var(--ui-ink)}body.hc .pin{border:2px solid var(--ui-ink)}body.reduced-motion .pin.quest:before{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}