.social-page{--social-surface:#111115;--social-surface-raised:#18181e;--social-line:#ffffff1a;--social-muted:#a6a6b0;color:#f2f2f5;background:radial-gradient(900px 480px at 80% -10%,#ff2d1f26,#0000 62%),radial-gradient(700px 500px at -8% 35%,#5558aa1c,#0000 65%),#08080a;min-height:100vh}.social-page a{color:inherit}.social-header{border-bottom:1px solid var(--social-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1240px;min-height:72px;margin:0 auto;padding:0 28px;display:grid}.social-brand{letter-spacing:-.04em;width:max-content;font-size:1.3rem;font-weight:850;text-decoration:none}.social-brand span{color:var(--accent)}.social-header nav{align-items:center;gap:8px;display:flex}.social-header nav a{color:var(--social-muted);border-radius:999px;padding:9px 14px;font-size:.9rem;text-decoration:none}.social-header nav a:hover,.social-header nav a.social-nav__active{color:#fff;background:#ffffff12}.social-account{justify-content:flex-end;align-items:center;gap:10px;min-width:0;font-size:.86rem;display:flex}.social-account>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.social-account button,.social-account__login{border:1px solid var(--social-line);color:#dddde3;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;text-decoration:none}.social-hero{text-align:center;max-width:880px;margin:0 auto;padding:100px 28px 86px}.social-eyebrow{color:#ff736a;letter-spacing:.16em;margin:0 0 12px;font-size:.72rem;font-weight:800}.social-hero h1{letter-spacing:-.065em;max-width:780px;margin:0 auto;font-size:clamp(2.55rem,7vw,5.8rem);line-height:.94}.social-hero>p:not(.social-eyebrow){max-width:620px;color:var(--social-muted);margin:28px auto;font-size:1.05rem;line-height:1.65}.social-primary{background:var(--accent);color:#fff;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 10px 32px #ff2d1f33}.social-primary:disabled{opacity:.62;cursor:wait}.social-feed{max-width:1240px;margin:0 auto;padding:0 28px 90px}.social-section-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.social-section-title h2{letter-spacing:-.04em;margin:0;font-size:2.1rem}.social-section-title>span{color:var(--social-muted);font-size:.82rem}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.social-card{border:1px solid var(--social-line);background:linear-gradient(145deg, #ffffff0b, transparent 55%), var(--social-surface);border-radius:18px;flex-direction:column;min-width:0;padding:20px;transition:border-color .16s,transform .16s;display:flex;overflow:hidden}.social-card:hover{border-color:#ff5a4c61;transform:translateY(-2px)}.social-card__topline{color:var(--social-muted);justify-content:space-between;gap:12px;font-size:.7rem;display:flex}.social-card__lineage{color:#ff857e;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.social-card h2{overflow-wrap:anywhere;letter-spacing:-.035em;margin:25px 0 5px;font-size:1.55rem;line-height:1.08}.social-card h2 a{text-decoration:none}.social-card__author{color:var(--social-muted);margin:0 0 20px;font-size:.84rem}.social-card__author span,.track-sheet__author span{color:#777781}.social-player{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid}.social-player audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;height:48px;display:block}.social-player--compact audio{height:40px}.social-player__duration{color:var(--social-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.social-player__error{color:#ff8d85;grid-column:1/-1;margin:0;font-size:.78rem}.social-facets{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.social-facets div{background:#ffffff09;border-radius:10px;padding:9px 10px}.social-facets dt,.track-facts dt{color:var(--social-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.social-facets dd,.track-facts dd{margin:4px 0 0;font-size:.83rem;font-weight:750}.social-card__open{border-top:1px solid var(--social-line);color:#e7e7eb;justify-content:space-between;margin-top:auto;padding-top:16px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.social-load-more{border:1px solid var(--social-line);background:var(--social-surface);color:#fff;font:inherit;cursor:pointer;border-radius:999px;margin:28px auto 0;padding:11px 18px;display:block}.social-state,.social-empty{border:1px solid var(--social-line);background:var(--social-surface);max-width:720px;color:var(--social-muted);text-align:center;border-radius:16px;margin:40px auto;padding:28px}.social-state--error{color:#ff9c96;border-color:#ff2d1f59}.social-empty h3{color:#fff;margin-top:0}.social-footer{border-top:1px solid var(--social-line);max-width:1184px;color:var(--social-muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:26px 0 42px;font-size:.82rem;display:flex}.social-footer span{color:#fff;font-weight:800}.social-page--track{padding-bottom:80px}.track-sheet{max-width:960px;margin:0 auto;padding:60px 28px}.track-sheet__back{margin-bottom:52px;font-size:.86rem;text-decoration:none;display:inline-block;color:var(--social-muted)!important}.track-sheet__heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px;display:flex}.track-sheet__heading h1{overflow-wrap:anywhere;letter-spacing:-.06em;max-width:720px;margin:0;font-size:clamp(2.5rem,7vw,5.4rem);line-height:.95}.track-sheet__heading time{color:var(--social-muted);flex:none;font-size:.74rem}.track-sheet__author{color:var(--social-muted);margin:18px 0 0}.track-listen,.track-remix{border:1px solid var(--social-line);background:var(--social-surface);border-radius:20px;padding:28px}.track-listen{grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);align-items:center;gap:36px;display:grid}.track-listen h2,.track-remix h2{letter-spacing:-.04em;margin:0;font-size:1.8rem}.track-facts{border:1px solid var(--social-line);background:var(--social-surface-raised);border-radius:16px;grid-template-columns:repeat(5,1fr);margin:18px 0;display:grid}.track-facts div{border-right:1px solid var(--social-line);min-width:0;padding:18px}.track-facts div:last-child{border-right:0}.track-facts dd{overflow-wrap:anywhere}.track-remix{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;display:grid}.track-remix p{color:var(--social-muted);margin-bottom:0;line-height:1.55}.track-remix progress,.track-remix .social-state{grid-column:1/-1;width:100%;margin:0}.track-owner-actions{background:#5a121229;border:1px solid #ff5d5d59;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:18px;padding:20px 24px;display:grid}.track-owner-actions h2{margin:0;font-size:1.2rem}.track-owner-actions>div>p:not(.social-eyebrow){color:var(--social-muted);margin:7px 0 0;line-height:1.5}.track-owner-actions button{color:#ffb0aa;font:inherit;cursor:pointer;background:0 0;border:1px solid #ff6e6e8c;border-radius:999px;padding:10px 16px}.track-owner-actions button:disabled{cursor:wait;opacity:.6}.track-owner-actions .social-state{grid-column:1/-1;margin:0}.track-report{border:1px solid var(--social-line);color:var(--social-muted);border-radius:14px;margin-top:24px;padding:18px 20px;font-size:.83rem}.track-report summary{cursor:pointer;width:max-content}.track-report form{gap:14px;max-width:580px;margin-top:18px;display:grid}.track-report label{gap:6px;display:grid}.track-report select,.track-report textarea,.track-report input:not([type=checkbox]){border:1px solid var(--social-line);color:#fff;width:100%;font:inherit;background:#0b0b0e;border-radius:8px;padding:9px 10px}.track-report input[readonly]{color:var(--social-muted)}.track-report__faith{align-items:start;grid-template-columns:auto minmax(0,1fr)!important}.track-report__faith input{margin-top:3px}.track-report__privacy{color:#ffb0aa;margin:0}.track-report button{color:#fff;width:max-content;font:inherit;cursor:pointer;background:#34343c;border:0;border-radius:999px;padding:9px 14px}@media (width<=900px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-facts{grid-template-columns:repeat(3,1fr)}.track-facts div:nth-child(3){border-right:0}.track-facts div:nth-child(n+4){border-top:1px solid var(--social-line)}}@media (width<=650px){.social-header{grid-template-columns:1fr auto;padding:12px 18px}.social-header nav{grid-area:2/1/auto/-1;justify-content:center}.social-account>span,.social-account button{display:none}.social-hero{padding:70px 20px 62px}.social-feed,.track-sheet{padding-left:18px;padding-right:18px}.social-grid,.track-listen,.track-remix,.track-owner-actions{grid-template-columns:1fr}.social-section-title,.track-sheet__heading{flex-direction:column;align-items:flex-start}.track-sheet__heading{display:flex}.track-facts{grid-template-columns:repeat(2,1fr)}.track-facts div,.track-facts div:nth-child(3){border-right:1px solid var(--social-line);border-top:1px solid var(--social-line)}.track-facts div:nth-child(odd){border-right:1px solid var(--social-line)}.track-facts div:nth-child(2n){border-right:0}.track-facts div:first-child,.track-facts div:nth-child(2){border-top:0}.social-footer{margin:0 18px}}@media (width<=420px){.social-grid{grid-template-columns:1fr}.social-account__login{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.social-card{transition:none}}:root{--bg:#060607;--device:#131316;--device-edge:#26262c;--strip:#18181d;--strip-inset:#101014;--border:#2c2c34;--text:#e9e9ee;--text-dim:#85858f;--rec:#ff2d1f;--dub:#ff9500;--play:#2fe05f;--stopped:#4a708a;--accent:#ff2d1f;--lcd-bg:#180604;--lcd-text:#ff5a3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #141419 0%, var(--bg) 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}kbd{border:1px solid var(--border);background:#1d1d23;border-bottom-width:2px;border-radius:4px;padding:0 5px;font-family:inherit;font-size:.85em}.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px;display:flex}.start__logo{letter-spacing:-.03em;margin:0;font-size:2.6rem;font-weight:800}.start__logo span{color:var(--accent)}.start__tagline{color:var(--text-dim);margin:0}.start__error{color:var(--rec);background:#ff2d1f14;border:1px solid #ff2d1f59;border-radius:8px;max-width:420px;padding:10px 14px}.start__button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:16px 34px;font-size:1.25rem;font-weight:700;transition:transform .1s,box-shadow .2s}.start__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #ff2d1f66}.start__button:disabled{opacity:.6;cursor:wait}.start__tips{color:var(--text-dim);flex-direction:column;gap:6px;max-width:520px;margin:12px 0 0;padding:0;font-size:.92rem;list-style:none;display:flex}.app3d{background:radial-gradient(1000px 600px at 50% 20%,#16161c 0%,#08080a 70%);position:fixed;inset:0;overflow:hidden}.stage,.stage__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__status{color:var(--text-dim);pointer-events:none;justify-content:center;align-items:center;font-size:1.05rem;display:flex;position:absolute;inset:0}.stage__status--error{color:var(--rec)}.stage__hand-status{z-index:4;color:#d9ffe5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#05160cd1;border:1px solid #43e87473;border-radius:999px;max-width:min(580px,100% - 88px);padding:8px 12px;font-size:.76rem;font-weight:700;line-height:1.25;position:absolute;top:16px;left:16px;box-shadow:0 8px 28px #00000052}.stage__hand-status--stale,.stage__hand-status--invalid{color:#fff0cf;background:#1e1203d6;border-color:#ffa63080}.overlay-top{pointer-events:none;z-index:5;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:14px;right:14px}.overlay-top .hbtn{pointer-events:auto}.overlay-warning{color:var(--dub);background:#0000008c;border:1px solid #ff950059;border-radius:6px;padding:4px 10px;font-size:.8rem}.overlay-bottom{z-index:5;pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute;bottom:10px;left:16px;right:16px}.overlay-bottom .footer__monitor,.overlay-bottom .footer__debug,.overlay-bottom .footer__legend{pointer-events:auto;background:#00000073;border-radius:8px;padding:6px 10px}.overlay-bottom .fps{pointer-events:none;font-variant-numeric:tabular-nums;text-align:center;min-width:64px;color:var(--text-dim);background:#00000073;border-radius:8px;padding:6px 10px;font-size:.82rem}.overlay-bottom .fps--good{color:#6fe8a3}.overlay-bottom .fps--ok{color:#ffd166}.overlay-bottom .fps--bad{color:#ff756e}.overlay-bottom .meter{pointer-events:none;background:#00000073;border-radius:8px;padding:6px 10px}.overlay-bottom .footer__hint{color:var(--text-dim);text-shadow:0 1px 2px #000;margin-left:auto;font-size:.78rem}.app{background:linear-gradient(180deg, #17171b 0%, var(--device) 8%, var(--device) 100%);border-left:1px solid var(--device-edge);border-right:1px solid var(--device-edge);flex-direction:column;max-width:1240px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 80px #000c}.panel-top{background:linear-gradient(#1c1c22,#141419);border-bottom:2px solid #000;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex;box-shadow:inset 0 1px #ffffff0d}.panel-top__brand h1{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800;line-height:1}.panel-top__brand h1 span{color:var(--accent)}.panel-top__brand small{color:var(--text-dim);letter-spacing:.35em;margin-top:3px;font-size:.6rem;display:block}.lcd{background:var(--lcd-bg);min-width:240px;color:var(--lcd-text);text-shadow:0 0 6px #ff5a3c8c;-webkit-user-select:none;user-select:none;border:2px solid #000;border-radius:6px;flex:1;padding:8px 14px;font-family:Consolas,Courier New,monospace;box-shadow:0 0 0 1px #2a2a30,inset 0 2px 8px #0009,inset 0 0 18px #ff3c1e1f}.lcd__line1{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.lcd__line2{opacity:.75;letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.lcd__line2--notice{opacity:1;animation:.8s step-end infinite lcd-blink}@keyframes lcd-blink{50%{opacity:.45}}.panel-top__metro{align-items:center;gap:6px;display:flex}.panel-top__bpm{background:var(--lcd-bg);width:64px;color:var(--lcd-text);font-variant-numeric:tabular-nums;border:1px solid #000;border-radius:6px;padding:7px 8px;font-family:Consolas,monospace}.panel-top__bpm:disabled{opacity:.45}.panel-top__volume{letter-spacing:.2em;color:var(--text-dim);flex-direction:column;gap:2px;font-size:.58rem;display:flex}.panel-top__volume input{width:110px;accent-color:var(--accent)}.hbtn{color:var(--text);cursor:pointer;background:linear-gradient(#2a2a32,#1b1b21);border:1px solid #000;border-radius:7px;padding:8px 12px;font-size:.92rem;transition:filter .1s;box-shadow:inset 0 1px #ffffff14,0 2px 3px #00000080}.hbtn:hover:not(:disabled){filter:brightness(1.2)}.hbtn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 1px #00000080}.hbtn:disabled{opacity:.35;cursor:default}.hbtn--big{min-width:130px;padding:10px 14px;font-weight:700}.hbtn--green{color:var(--play);border-color:#2fe05f80;box-shadow:inset 0 1px #ffffff14,0 0 14px #2fe05f59}.hbtn--red{color:var(--rec);border-color:#ff2d1f80;box-shadow:0 0 12px #ff2d1f4d}.hbtn--amber{color:var(--dub);border-color:#ff950080;box-shadow:0 0 12px #ff95004d}.hbtn--clear{position:relative;overflow:hidden}.hbtn--clearing{color:var(--rec)}.hbtn--clearing:after{content:"";transform-origin:0;background:#ff2d1f4d;animation:.6s linear forwards clearing;position:absolute;inset:0}@keyframes clearing{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tracks{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:10px;padding:18px;display:grid}@media (width<=860px){.tracks{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.strip{background:linear-gradient(180deg, var(--strip), var(--strip-inset));border:1px solid #000;border-radius:10px;flex-direction:column;align-items:center;gap:9px;padding:10px 10px 14px;transition:box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0006}.strip--focused{box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #3d3d4a,0 4px 12px #0006}.strip__header{align-items:center;gap:8px;width:100%;min-height:20px;display:flex}.strip__num{color:var(--text-dim);font-size:.95rem;font-style:italic;font-weight:800}.strip__badges{flex:1;gap:6px;display:flex}.strip__badges em{color:var(--text-dim);background:#101014;border-radius:4px;padding:1px 5px;font-size:.68rem;font-style:normal}.strip__led{background:var(--state-color,#2a2a30);width:8px;height:8px;box-shadow:0 0 8px var(--state-color,transparent);border-radius:50%}.strip__waveform{background:#07100a;border:1px solid #000;border-radius:4px;width:100%;height:30px;box-shadow:inset 0 1px 4px #00000080}.strip__fx{background:#101015;border:1px solid #000;border-radius:6px;flex-direction:column;gap:3px;width:100%;padding:6px 8px;display:flex}.fx-slider{align-items:center;gap:7px;display:flex}.fx-slider__label{letter-spacing:.12em;color:var(--text-dim);width:26px;font-size:.58rem;font-weight:700}.fx-slider__label--on{color:var(--dub);text-shadow:0 0 6px #ff950080}.fx-slider input{height:14px;accent-color:var(--dub);flex:1}.strip__mixer{justify-content:center;align-items:stretch;gap:12px;width:100%;display:flex}.strip__fader{writing-mode:vertical-lr;accent-color:#c9c9d4;direction:rtl;width:30px;height:138px}.strip__side{flex-direction:column;justify-content:center;gap:5px;display:flex}.strip__side .hbtn{padding:4px 9px;font-size:.78rem}.strip__stop{cursor:pointer;background:linear-gradient(#26262e,#17171c);border:1px solid #000;border-radius:6px;justify-content:center;align-items:center;width:72%;height:26px;display:flex;box-shadow:inset 0 1px #ffffff12,0 2px 3px #00000080}.strip__stop:hover:not(:disabled){filter:brightness(1.25)}.strip__stop:active:not(:disabled){transform:translateY(1px)}.strip__stop:disabled{opacity:.35;cursor:default}.strip__stop span{background:#cfcfda;border-radius:1px;width:9px;height:9px}.strip__pad{width:128px;height:128px;box-shadow:0 0 0 5px #0a0a0d, 0 0 0 6px #2e2e36, 0 6px 14px #000000b3, 0 0 26px var(--pad-glow,transparent);color:var(--text);cursor:pointer;background:radial-gradient(circle at 50% 38%,#2b2b33 0%,#17171c 55%,#0c0c10 100%);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:box-shadow .15s;display:flex;position:relative}.strip__pad:active{transform:scale(.97)}.strip__ring{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.strip__ring-bg,.strip__ring-fg{fill:none;stroke-width:8px}.strip__ring-bg{stroke:#ffffff0f}.strip__ring-fg{stroke:var(--state-color,var(--text-dim));stroke-linecap:round;filter:drop-shadow(0 0 5px var(--state-color,transparent));transition:opacity .2s}.strip__state{letter-spacing:.05em;color:var(--state-color,var(--text-dim));text-shadow:0 0 10px var(--pad-glow,transparent);font-size:1.12rem;font-weight:800}.strip__info{color:var(--text-dim);font-variant-numeric:tabular-nums;min-height:1em;font-size:.74rem}.strip__next{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.strip[data-state=empty]{--state-color:#55555f}.strip[data-state=armed]{--state-color:var(--rec);--pad-glow:#ff2d1f66}.strip[data-state=armed] .strip__pad{animation:.5s ease-in-out infinite alternate pad-pulse}.strip[data-state=recording-master],.strip[data-state=recording],.strip[data-state=closing]{--state-color:var(--rec);--pad-glow:#ff2d1f8c}.strip[data-state=overdubbing]{--state-color:var(--dub);--pad-glow:#ff950080}.strip[data-state=playing]{--state-color:var(--play);--pad-glow:#2fe05f73}.strip[data-state=stopped]{--state-color:var(--stopped);--pad-glow:#4a708a40}@keyframes pad-pulse{0%{box-shadow:0 0 0 5px #0a0a0d,0 0 0 6px #2e2e36,0 6px 14px #000000b3,0 0 10px #ff2d1f40}to{box-shadow:0 0 0 5px #0a0a0d,0 0 0 6px #2e2e36,0 6px 14px #000000b3,0 0 34px #ff2d1fa6}}.warnings{background:#ff950012;border-bottom:1px solid #ff95004d;padding:8px 20px;font-size:.88rem}.warnings p{color:var(--dub);margin:2px 0}.footer{background:linear-gradient(#141419,#101014);border-top:2px solid #000;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 20px;display:flex}.footer__monitor,.footer__debug{cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.footer__debug{color:#8beeff}.footer__debug input{accent-color:#21e6ff}.footer__hint{color:var(--text-dim);margin-left:auto;font-size:.82rem}.meter{align-items:center;gap:8px;min-width:220px;display:flex}.meter__label{color:var(--text-dim);letter-spacing:.12em;font-size:.68rem}.meter__track{background:#000;border-radius:4px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.meter__bar{transform-origin:0;background:var(--play);width:100%;height:100%;transform:scaleX(0)}.meter__clip{color:var(--rec);opacity:.15;font-size:.68rem;font-weight:800;transition:opacity .1s}.footer__legend{cursor:pointer;color:#ffd98f;align-items:center;gap:6px;font-size:.9rem;display:flex}.footer__legend input{accent-color:#ffb648}.legend{z-index:8;pointer-events:none;position:fixed;inset:0}.legend__lines{position:absolute;inset:0}.legend__line path{fill:none;stroke:#ffd98f8c;stroke-width:1.2px}.legend__line circle{fill:#ffd98f;stroke:#0009;stroke-width:1px}.legend__line--active path{stroke:#ffb648;stroke-width:2px}.legend__line--active circle{fill:#ffb648}.legend__label{pointer-events:auto;text-align:left;width:248px;height:58px;color:var(--text);cursor:pointer;background:#0c0c10e0;border:1px solid #ffd98f4d;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;padding:6px 10px;transition:border-color .12s,background .12s;display:flex;position:absolute;overflow:hidden}.legend__label:hover,.legend__label--active{background:#1a160ef2;border-color:#ffb648}.legend__label strong{letter-spacing:.02em;color:#ffd98f;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.legend__label span{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.25;display:-webkit-box;overflow:hidden}.legend__hint{pointer-events:auto;color:#ffd98f;white-space:nowrap;background:#0c0c10e0;border:1px solid #ffd98f4d;border-radius:999px;align-items:center;gap:12px;padding:6px 14px;font-size:.8rem;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.legend__hint button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.legend__hint button:hover{color:#ffb648}.legend-detail{pointer-events:auto;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.legend-detail__card{background:var(--device);border:1px solid #ffd98f59;border-radius:12px;width:min(560px,92vw);max-height:min(72vh,640px);padding:18px 22px;overflow-y:auto;box-shadow:0 18px 60px #000000b3}.legend-detail__card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.legend-detail__card h2{color:#ffd98f;margin:0;font-size:1.1rem}.legend-detail__card header button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#1d1d23;border-radius:7px;padding:4px 9px}.legend-detail__short{color:var(--text);margin:10px 0 4px;font-weight:600}.legend-detail__card p{color:var(--text-dim);margin:8px 0;font-size:.9rem;line-height:1.5}.legend-detail__card p.legend-detail__short{color:var(--text)}.legend-detail__card nav{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;font-size:.82rem;display:flex}.legend-detail__card nav button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#1d1d23;border-radius:7px;padding:5px 12px}.legend-detail__card nav button:disabled{opacity:.35;cursor:default}.settings{background:var(--device);border-left:1px solid var(--border);z-index:10;width:min(400px,92vw);padding:18px 22px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px #0009}.settings__header{justify-content:space-between;align-items:center;display:flex}.settings__header h2{margin:0}.settings__header .btn,.settings__header button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#1d1d23;border-radius:7px;padding:6px 10px}.settings__section{border-top:1px solid var(--border);margin-top:22px;padding-top:14px}.settings__section h3{margin:0 0 10px;font-size:.95rem}.settings__subpanel{border:1px solid var(--border);background:#0000002e;border-radius:8px;margin-top:12px;padding:12px}.settings__subpanel h4{color:var(--text);margin:14px 0 6px;font-size:.84rem}.settings__subpanel h4:first-child{margin-top:0}.settings__details{background:#04070e47;border:1px solid #ffffff1a;border-radius:7px;margin:14px 0;padding:9px 10px}.settings__details summary{color:var(--text);cursor:pointer;font-size:.84rem;font-weight:650}.settings__details[open] summary{margin-bottom:8px}.settings__parameter-group+.settings__parameter-group{border-top:1px solid #ffffff14;margin-top:12px;padding-top:9px}.settings__parameter-group h5{color:var(--accent);margin:0 0 5px;font-size:.76rem;font-weight:650}.settings__radio,.settings__check{cursor:pointer;align-items:baseline;gap:8px;margin:6px 0;font-size:.92rem;display:flex}.settings__radio small{color:var(--text-dim)}.settings__help{color:var(--text-dim);margin:4px 0 10px;font-size:.86rem}.settings__row{align-items:center;gap:12px;font-size:.9rem;display:flex}.settings__row input[type=range]{accent-color:var(--accent);flex:1}.settings__value{font-variant-numeric:tabular-nums;text-align:right;min-width:64px}.settings__warning{color:var(--dub);font-size:.86rem}.settings__select{color:var(--text);border:1px solid var(--border);font:inherit;background:#1d1d23;border-radius:7px;flex:1;padding:6px 8px}.settings__color{border:1px solid var(--border);cursor:pointer;background:#1d1d23;border-radius:7px;width:52px;height:32px;padding:2px}.settings__keys{color:var(--text-dim);flex-direction:column;gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.vision-preview{border:1px solid var(--border);background:#050506;border-radius:9px;width:100%;margin:10px 0 14px;position:relative;overflow:hidden}.vision-preview video{object-fit:contain;width:100%;height:100%;display:block}.vision-preview__calibration{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vision-preview__mat{fill:#2fe05f0f;stroke:var(--play);stroke-width:2px;vector-effect:non-scaling-stroke}.vision-preview__machine{fill:#21e6ff0a;stroke:#21e6ff;stroke-width:2px;vector-effect:non-scaling-stroke}.vision-preview__control{fill:#ffffff09;stroke:#ffffff7a;stroke-width:.8px;vector-effect:non-scaling-stroke}.vision-preview__control--pad{fill:#21e6ff14;stroke:#21e6ffa8}.vision-preview__control--targeted{fill:#ffd22980;stroke:#ffd229;stroke-width:2px}.vision-preview__control--contact{fill:#ff3f34a3;stroke:var(--rec);stroke-width:2.5px}.vision-preview__finger{background:var(--rec);pointer-events:none;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #000000a6}.vision-preview__finger--inside{background:var(--play)}.vision-preview__finger--target{background:#ffd229;box-shadow:0 0 0 2px #000000a6,0 0 12px #ffd229d9}.vision-preview__finger--contact{background:var(--rec);box-shadow:0 0 0 2px #000000a6,0 0 14px #ff3f34eb}.vision-calibration-status{color:var(--dub);background:#ff950014;border:1px solid #ff95004d;border-radius:999px;margin:0 0 10px;padding:4px 8px;font-size:.76rem;font-weight:700;display:inline-block}.vision-calibration-status--ready{color:var(--play);background:#2fe05f14;border-color:#2fe05f4d}.calibration{z-index:50;color:var(--text);background:radial-gradient(circle at 50% 0,#26262ecc,#0000 50%),#09090b;padding:18px clamp(14px,3vw,38px) 24px;position:fixed;inset:0;overflow:auto}.calibration__header{justify-content:space-between;align-items:flex-start;gap:20px;width:min(1500px,100%);margin:0 auto 16px;display:flex}.calibration__header h2,.calibration__header p{margin:0}.calibration__header p{color:var(--text-dim);margin-top:5px;font-size:.86rem}.calibration__layout{grid-template-columns:minmax(0,1fr) minmax(300px,370px);align-items:start;gap:clamp(16px,2.5vw,34px);width:min(1500px,100%);margin:0 auto;display:grid}.calibration__viewport{flex-direction:column;align-items:center;min-width:0;display:flex}.calibration__stage{touch-action:none;cursor:crosshair;background:#000;border:1px solid #55555f;border-radius:8px;width:min(100%,1120px);position:relative;overflow:hidden;box-shadow:0 16px 48px #00000073}.calibration__stage canvas,.calibration__polygon{width:100%;height:100%;display:block;position:absolute;inset:0}.calibration__polygon{pointer-events:none}.calibration__polygon polygon{fill:#2fe05f1f;stroke:var(--play);stroke-width:2px;vector-effect:non-scaling-stroke}.calibration__handle{z-index:2;touch-action:none;color:#fff;border:2px solid var(--dub);cursor:grab;background:#0606079e;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 12px #000000bf}.calibration__handle span{background:var(--dub);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.7rem;font-weight:800;display:grid}.calibration__handle--active,.calibration__handle:focus-visible{outline-offset:2px;border-color:#fff;outline:3px solid #ffffff52}.calibration__handle:active{cursor:grabbing}.calibration__handle:disabled{opacity:.45;cursor:not-allowed}.calibration__snapshot-actions{color:var(--text-dim);justify-content:space-between;align-self:stretch;align-items:center;gap:12px;margin-top:10px;font-size:.82rem;display:flex}.calibration__panel{border:1px solid var(--border);background:#131316f0;border-radius:10px;padding:15px;box-shadow:0 12px 36px #00000059}.calibration__panel fieldset{border:1px solid #ffffff1c;border-radius:8px;min-width:0;margin:0;padding:11px}.calibration__panel fieldset+fieldset{margin-top:12px}.calibration__panel legend{color:var(--text);padding:0 5px;font-size:.82rem;font-weight:700}.calibration__dimensions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.calibration__dimensions label{color:var(--text-dim);gap:5px;font-size:.78rem;display:grid}.calibration__dimensions label span{align-items:center;gap:6px;display:flex}.calibration__dimensions input{width:100%;min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;font-variant-numeric:tabular-nums;background:#0d0d10;border-radius:6px;padding:7px 8px}.calibration__dimensions input[aria-invalid=true]{border-color:#ff95009e}.calibration__corners{gap:7px;margin:8px 0 10px;padding:0;list-style:none;display:grid}.calibration__corners li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.calibration__corners .hbtn{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calibration__corners li>span{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.72rem}.calibration__corner--active{color:var(--dub);border-color:#ff950099}.calibration__valid{color:var(--play);margin:4px 0 9px;font-size:.84rem;font-weight:700}.calibration__quality{gap:5px;margin:0;font-size:.78rem;display:grid}.calibration__quality div{justify-content:space-between;gap:12px;display:flex}.calibration__quality dt{color:var(--text-dim)}.calibration__quality dd{font-variant-numeric:tabular-nums;margin:0}.calibration__live{min-height:2.6em;color:var(--text-dim);margin:10px 0;font-size:.78rem}.calibration__footer{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}@media (width<=850px){.calibration__layout{grid-template-columns:minmax(0,1fr)}.calibration__stage,.calibration__panel{width:100%}}@media (width<=520px){.calibration__header{flex-direction:column;align-items:stretch}.calibration__dimensions{grid-template-columns:minmax(0,1fr)}.calibration__snapshot-actions{flex-direction:column;align-items:flex-start}}@media (pointer:coarse){.calibration__handle{width:54px;height:54px}}.guides{background:var(--device);border-left:1px solid var(--border);z-index:10;flex-direction:column;width:min(480px,92vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #0009}.guides__header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #1c1c22, var(--device));justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.guides__header h2{margin:0;font-size:1.15rem}.guides__header-actions{align-items:center;gap:8px;display:flex}.guides__header-actions .btn{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#1d1d23;border-radius:7px;padding:6px 10px;font-size:.85rem}.guides__search{border-bottom:1px solid var(--border);padding:12px 22px;position:relative}.guides__search input{width:100%;color:var(--text);border:1px solid var(--border);font:inherit;background:#0d0d10;border-radius:8px;padding:10px 34px 10px 12px;font-size:.92rem}.guides__search input:focus{border-color:var(--accent);outline:none}.guides__search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.8rem;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.guides__scroll{flex:1;padding:14px 22px 28px;overflow-y:auto}.guides__section{border:1px solid var(--border);background:#0000002e;border-radius:10px;margin-top:10px;overflow:hidden}.guides__section[open]{background:#00000047}.guides__summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.guides__summary::-webkit-details-marker{display:none}.guides__summary-icon{font-size:1.2rem;line-height:1}.guides__summary-title{flex:1;font-size:.96rem;font-weight:650}.guides__summary-chevron{color:var(--text-dim);font-size:.75rem}.guides__body{color:var(--text-dim);padding:0 16px 16px;font-size:.9rem;line-height:1.55}.guides__body p{margin:10px 0}.guides__steps{flex-direction:column;gap:8px;margin:10px 0 0;padding-left:18px;list-style:decimal;display:flex}.guides__list{flex-direction:column;gap:6px;margin:10px 0 0;padding-left:18px;list-style:outside;display:flex}.guides__list li::marker{color:var(--accent)}.guides__steps li::marker{color:var(--accent)}.guides__tip{color:#b8f5c8;background:#2fe05f14;border:1px solid #2fe05f40;border-radius:8px;margin-top:12px;padding:10px 12px}.guides__warning{color:#ffb8b3;background:#ff2d1f14;border:1px solid #ff2d1f40;border-radius:8px;margin-top:12px;padding:10px 12px}.guides__resources{margin-top:16px;padding:14px 16px}.guides__resources h3{color:var(--text);margin:0 0 12px;font-size:.98rem}.guides__link-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guides__link{border:1px solid var(--border);color:var(--text);background:#121216;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.guides__link:hover{border-color:var(--accent);background:#1a1a20}.guides__link-label{font-size:.9rem;font-weight:650}.guides__link-desc{color:var(--text-dim);font-size:.8rem}.guides__empty{text-align:center;color:var(--text-dim);padding:28px 12px}.guides__footer{color:var(--text-dim);text-align:center;margin-top:22px;font-size:.78rem}@media (width<=520px){.guides{border-left:none;width:100vw}}.keys__hint{color:var(--text-dim);margin:0 0 12px;font-size:.82rem;line-height:1.5}.keys__hint kbd{font-size:.78em}.keys__notice{border:1px solid var(--dub);color:var(--text);background:#ff95001a;border-radius:6px;margin:0 0 12px;padding:8px 10px;font-size:.82rem;line-height:1.45}.keys__group{margin-top:14px}.keys__group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 6px;font-size:.72rem;font-weight:600}.keys__row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:3px 0;display:grid}.keys__label{color:var(--text);overflow-wrap:anywhere;font-size:.86rem}.keys__binding{border:1px solid var(--border);background:var(--strip-inset);min-width:122px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px;padding:5px 10px;font-size:.8rem;transition:border-color .12s,color .12s}.keys__binding:hover{border-color:var(--device-edge)}.keys__binding--armed{border-color:var(--accent);color:var(--accent)}.keys__clear{border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0;font-size:.7rem}.keys__clear:hover:not(:disabled){color:var(--text);border-color:var(--device-edge)}.keys__clear:disabled{opacity:.3;cursor:default}.keys__reset{margin-top:16px}.start__listen{border:1px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:12px;padding:10px 22px;font-size:.95rem;transition:color .12s,border-color .12s}.start__listen small{color:var(--text-dim);opacity:.75}.start__listen:hover:not(:disabled){color:var(--text);border-color:var(--device-edge)}.start__listen:disabled{opacity:.4;cursor:default}.hbtn--mic{border-color:var(--dub);color:var(--dub)}.hbtn--mic:hover{filter:brightness(1.25)}.stage__canvas{touch-action:none;-webkit-tap-highlight-color:transparent}@media (width<=820px){.start{min-height:100dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));gap:14px}.start__logo{font-size:2.2rem}.start__tagline{font-size:.95rem}.start__button,.start__listen{width:100%;max-width:340px}.start__tips{text-align:left;font-size:.82rem}.overlay-top{top:max(10px, env(safe-area-inset-top));flex-wrap:wrap;gap:6px;left:10px;right:10px}.overlay-top .hbtn{padding:7px 10px;font-size:.8rem}.overlay-bottom{bottom:max(8px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 10px;font-size:.78rem;left:10px;right:10px}.overlay-bottom .fps,.overlay-bottom .footer__debug,.overlay-bottom .footer__hint{display:none}.settings,.guides{border-left:none;width:100vw}.settings{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.guides__scroll{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (pointer:coarse){.hbtn,.btn,.start__button,.start__listen,.keys__binding,.keys__clear,.guides__summary{min-height:44px}.overlay-bottom input[type=checkbox],.settings input[type=checkbox]{width:20px;height:20px}}.start__project{color:#bfe6ff;width:min(420px,100%);font:inherit;cursor:pointer;background:#4ab3ff14;border:1px solid #4ab3ff80;border-radius:999px;gap:3px;padding:11px 22px;font-weight:700;transition:background .12s,border-color .12s,transform .1s;display:grid}.start__project small{color:var(--text-dim);font-weight:500}.start__project:hover:not(:disabled){background:#4ab3ff26;border-color:#7bcaff;transform:translateY(-1px)}.start__project:disabled{opacity:.4;cursor:default}.overlay-bottom .footer__project,.overlay-bottom .footer__publish,.overlay-bottom .footer__export{pointer-events:auto}.footer__project{color:#bfe6ff;border-color:#4ab3ff8c}.project-overlay{z-index:40;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 18%,#2f4c694d,#0000 44%),#040508d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-panel{width:min(780px,100%);max-height:min(860px,100dvh - 48px);color:var(--text);text-align:left;background:linear-gradient(155deg,#171a21,#0e1015 72%);border:1px solid #7bcaff59;border-radius:18px;flex-direction:column;font-size:.94rem;font-weight:500;line-height:1.5;display:flex;overflow:hidden;box-shadow:0 24px 90px #000000b3}.project__header{border-bottom:1px solid #ffffff17;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 16px;display:flex}.project__header h2,.project__step h3,.project__card h3{margin:0}.project__header h2{letter-spacing:-.02em;font-size:1.45rem}.project__eyebrow{color:#7bcaff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:800;display:block}.project__close{width:38px;height:38px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:50%;flex:none;font-size:1.05rem}.project__close:hover:not(:disabled){background:#ffffff1a}.project__close:disabled{opacity:.35;cursor:default}.project__body{overscroll-behavior:contain;min-height:0;padding:18px 22px 24px;overflow-y:auto}.project__intro{color:var(--text-dim);margin:0 0 18px}.project__choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project__card,.project__step,.project__error-card,.project__resume{background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px}.project__card{flex-direction:column;gap:12px;padding:18px;display:flex}.project__card p,.project__step p,.project__error-card p,.project__resume p{margin:0}.project__card .project__button{margin-top:auto}.project__step{gap:16px;padding:20px;display:grid}.project__compact-summary{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;gap:6px;margin:0;padding:10px 0;display:grid}.project__compact-summary div,.project__file-result,.project__byline{justify-content:space-between;align-items:baseline;gap:14px;min-width:0;display:flex}.project__compact-summary dt{color:var(--text-dim)}.project__compact-summary dd{text-align:right;margin:0;font-weight:700}.project__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.project__summary div{background:#00000038;border-radius:9px;gap:2px;min-width:0;padding:10px 12px;display:grid}.project__summary span{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:700}.project__summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project__field,.project__file-picker{color:var(--text-dim);gap:7px;font-size:.82rem;font-weight:700;display:grid}.project__field input,.project__file-picker{background:#00000040;border:1px solid #ffffff29;border-radius:9px}.project__field input{width:100%;color:var(--text);font:inherit;outline:none;padding:11px 12px}.project__field input:focus{border-color:#7bcaff;box-shadow:0 0 0 3px #4ab3ff29}.project__file-picker{cursor:pointer;padding:14px}.project__file-picker input{width:100%;color:var(--text);font:inherit}.project__actions,.project__conflict-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.project__actions--primary{justify-content:flex-start}.project__button{min-height:42px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff2b;border-radius:9px;padding:9px 15px;font-weight:750}.project__button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff57}.project__button--primary{color:#fff;background:linear-gradient(#287fbc,#195b8b);border-color:#4ab3ffa6}.project__button--danger{color:#ffaaa4;border-color:#ff594e99}.project__button:disabled{opacity:.38;cursor:default}.project__help,.project__byline{color:var(--text-dim);font-size:.82rem}.project__warning,.project__danger-copy,.project__error{border-radius:9px;padding:10px 12px}.project__warning{color:#ffd694;background:#ff950017;border:1px solid #ff95003d}.project__danger-copy,.project__error{color:#ffb3ad;background:#ff2d1f14;border:1px solid #ff2d1f47}.project__success{color:#8ef0b4}.project__file-result{overflow-wrap:anywhere;background:#4ab3ff12;border:1px solid #7bcaff3d;border-radius:9px;padding:12px 14px}.project__file-result span{color:var(--text-dim);white-space:nowrap}.project__working,.project__opened{text-align:center;justify-items:center}.project__working progress{accent-color:#4ab3ff;width:min(420px,100%);height:8px}.project__spinner{border:3px solid #7bcaff33;border-top-color:#7bcaff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite project-spin}.project__success-mark{color:#8ef0b4;background:#3dd67e21;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.6rem;display:grid}.project__resume{justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.project__error-card{background:#ff2d1f11;border-color:#ff2d1f47;padding:16px}.project__error-code{color:#ff827a;letter-spacing:.11em;font-size:.7rem;font-weight:800}@keyframes project-spin{to{transform:rotate(360deg)}}@media (width<=680px){.project-overlay{align-items:stretch;padding:0}.project-panel{border:0;border-radius:0;width:100%;max-height:100dvh}.project__header{padding:max(14px, env(safe-area-inset-top)) 16px 13px}.project__body{padding:15px 16px calc(18px + env(safe-area-inset-bottom))}.project__choice-grid{grid-template-columns:1fr}.project__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.project__actions,.project__conflict-actions{grid-template-columns:1fr;display:grid}.project__button{width:100%}.project__file-result,.project__byline{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start}.project__resume{flex-direction:column;align-items:stretch}.start__project{max-width:340px}}@media (pointer:coarse){.start__project,.project__button,.project__close{min-height:44px}}@media (prefers-reduced-motion:reduce){.project__spinner{animation-duration:1.8s}}