@font-face{font-family:Baikal;src:url(../assets/fonts/Baikal-Regular.otf)format("opentype");font-weight:400}@font-face{font-family:Lineal;src:url(../assets/fonts/Lineal-Regular.woff2)format("woff2");font-weight:400}@font-face{font-family:Lineal;src:url(../assets/fonts/Lineal-Medium.woff2)format("woff2");font-weight:500}@font-face{font-family:Lineal;src:url(../assets/fonts/Lineal-Bold.woff2)format("woff2");font-weight:700}@font-face{font-family:ABCStefan-Simple;src:url(/singles/drops/assets/fonts/ABCStefan-Simple.woff2)format("woff2"),url(../assets/fonts/ABCStefan-Simple.woff2)format("woff2"),url(/singles/drops/assets/fonts/ABCStefan-Simple.otf)format("opentype"),url(../assets/fonts/ABCStefan-Simple.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:ABCStefan-BubbleTight;src:url(/singles/drops/assets/fonts/ABCStefan-BubbleTight.woff2)format("woff2"),url(../assets/fonts/ABCStefan-BubbleTight.woff2)format("woff2"),url(/singles/drops/assets/fonts/ABCStefan-BubbleTight.otf)format("opentype"),url(../assets/fonts/ABCStefan-BubbleTight.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Crimson Pro;src:url(/singles/drops/assets/fonts/CrimsonPro-Regular.ttf)format("truetype"),url(../assets/fonts/CrimsonPro-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Crimson Pro;src:url(/singles/drops/assets/fonts/CrimsonPro-Italic.ttf)format("truetype"),url(../assets/fonts/CrimsonPro-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Crimson Pro;src:url(/singles/drops/assets/fonts/CrimsonPro-LightItalic.ttf)format("truetype"),url(../assets/fonts/CrimsonPro-LightItalic.ttf)format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Baikal;src:url(../assets/fonts/Baikal-Medium.otf)format("opentype");font-weight:500}@font-face{font-family:Baikal;src:url(../assets/fonts/Baikal-Light.otf)format("opentype");font-weight:300}@font-face{font-family:Baikal;src:url(../assets/fonts/Baikal-Bold.otf)format("opentype");font-weight:700}:root{color:var(--brand-red);font-synthesis:none;text-rendering:geometricprecision;--brand-red:#cc1e1e;--brand-red-filter:brightness(0) saturate(100%) invert(17%) sepia(84%) saturate(3076%) hue-rotate(351deg) brightness(92%) contrast(91%);--chrome-ink:#000;--chrome-ink-muted:#000000ad;--chrome-ink-hover:#000000eb;--chrome-ink-filter:brightness(0) saturate(100%);--title-font:"ABCStefan-Simple", "Lineal", Arial, sans-serif;--brand-font:"ABCStefan-BubbleTight", var(--title-font);--copy-font:"Crimson Pro", Georgia, serif;--drops-background:#fefefe;--drops-intro-desktop-scale:.875;--utility-dock-left:calc(env(safe-area-inset-left) + 28px);--utility-dock-right:28px;--utility-dock-bottom:calc(env(safe-area-inset-bottom) + 28px);--utility-share-width:108px;--utility-share-height:44px;--utility-support-size:26px;background:#fefefe;font-family:Baikal,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--drops-background)}button{color:inherit;font:inherit;letter-spacing:0;touch-action:none;-webkit-user-select:none;user-select:none;border:0}input{font:inherit}#app{background:var(--drops-background);width:100vw;height:100dvh;position:relative;overflow:hidden}#scene{cursor:none;width:100%;height:100%;display:block;position:absolute;inset:0}.splash-screen{z-index:11000;opacity:1;background:#fefefe;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0;overflow:hidden}.splash-screen.is-hiding{opacity:0;pointer-events:none}.splash-video{object-fit:contain;object-position:center center;background:#fefefe;width:min(814px,100vw);max-width:100vw;height:auto;max-height:100dvh;display:block}@media (width<=860px){.splash-video{width:100vw}}.hud{z-index:2;pointer-events:none;position:absolute;inset:0}.chrome{z-index:6;pointer-events:auto;color:var(--chrome-ink-muted);align-items:center;font-family:Lineal,Arial,sans-serif;transition:opacity .2s,transform .2s;display:flex;position:fixed}.chrome-top-left{gap:14px;top:28px;left:32px}.chrome-top-right{top:28px;right:32px}.chrome-bottom-left{bottom:calc(env(safe-area-inset-bottom) + 28px);left:32px}.chrome-bottom-right{bottom:calc(env(safe-area-inset-bottom) + 28px);gap:16px;right:32px}html.is-stripped .chrome,body.is-stripped .chrome,html.is-stripped .start-overlay,body.is-stripped .start-overlay{display:none!important}.project-name{color:var(--chrome-ink);font-family:var(--title-font);letter-spacing:0;opacity:1;white-space:nowrap;font-size:20px;font-weight:400;transform:translateY(-2px)}.brand-link{cursor:pointer;background:0 0;border:none;padding:0;display:block}.brand-logo{filter:none;width:auto;height:52px;display:block}.chrome-icon-btn{cursor:pointer;color:var(--chrome-ink-muted);touch-action:manipulation;background:0 0;border:none;align-items:center;gap:5px;padding:0;transition:color .15s;display:flex}.chrome-icon-btn:hover{color:var(--chrome-ink-hover)}.chrome-icon-btn img,.chrome-icon-btn svg{flex-shrink:0;display:block}.chrome-icon-btn img{width:18px;height:18px;filter:var(--chrome-ink-filter)}.chrome-text-btn{cursor:pointer;color:var(--chrome-ink-muted);font-family:var(--copy-font);letter-spacing:0;touch-action:manipulation;background:0 0;border:none;align-items:center;padding:0;font-size:20px;font-style:normal;font-weight:400;text-decoration:none;transition:color .15s;display:inline-flex;transform:translateY(-2px)}.chrome-text-btn:hover{color:var(--chrome-ink-hover)}.contact-label-short{display:none}.waitlist-button{cursor:pointer;color:var(--chrome-ink-muted);font-family:var(--copy-font);letter-spacing:0;touch-action:manipulation;background:0 0;border:none;padding:0;font-size:20px;font-style:normal;font-weight:400;transition:color .15s;transform:translateY(-2px)}.waitlist-button:hover{color:var(--chrome-ink-hover)}.share-button.is-copied{color:#50dc82e6}.share-button.is-error{color:#ff5a5ae6}.share-button.is-pressing{opacity:.6}.support-menu{position:relative}.support-button{width:var(--utility-support-size);height:var(--utility-support-size);-webkit-backdrop-filter:blur(18px);color:#0000006b;cursor:pointer;background:#0000000a;border:0;border-radius:999px;place-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;list-style:none;transition:transform .16s,background .16s,color .16s;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.support-button::-webkit-details-marker{display:none}.support-button::marker{content:""}.support-button:hover{color:#000000b8;background:#00000014;transform:scale(1.05)}.support-button:active{transform:scale(.94)}.support-menu[open] .support-button{color:var(--chrome-ink);background:#0000001a}.support-panel{-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform-origin:0 0;background:#fefefeeb;border-radius:18px;width:min(196px,100vw - 28px);padding:10px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px)scale(.97);box-shadow:0 18px 44px #00000024,inset 0 0 0 1px #00000024}.support-menu[open] .support-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.support-link{color:var(--chrome-ink);border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;text-decoration:none;transition:background .16s,transform .16s;display:flex}.support-link+.support-link{margin-top:6px}.support-link:hover{background:#00000014;transform:translate(-1px)}.support-link-title{letter-spacing:.12em;font-size:10px;font-weight:700}.support-link-meta{letter-spacing:.02em;opacity:.68;font-size:11px;font-weight:400}.user-panel{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.user-panel.is-claim-cta{justify-content:center}.user-panel-label{letter-spacing:.12em;opacity:.35;font-size:9px;font-weight:500}.user-panel-name{color:var(--chrome-ink);letter-spacing:.04em;opacity:.8;font-size:14px;font-weight:700}.user-panel-claim{color:var(--chrome-ink-muted);cursor:pointer;letter-spacing:.12em;touch-action:manipulation;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-block}.user-panel-claim:hover{color:var(--chrome-ink-hover)}#ui{z-index:2;pointer-events:none;position:absolute;inset:0}.loop-bar{pointer-events:auto;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.track-nav{align-items:center;gap:14px;display:flex}.nav-btn{cursor:pointer;color:#cc1e1eb8;background:#cc1e1e14;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .15s,color .15s,transform .1s;display:grid}.nav-btn:hover{color:var(--brand-red);background:#cc1e1e24}.nav-btn:active{transform:scale(.88)}.track-dots{min-width:5.6ch;color:var(--brand-red);font-family:var(--title-font);letter-spacing:.16em;text-align:center;white-space:nowrap;font-size:clamp(18px,1.7vw,28px);font-weight:400;line-height:1}.note-row{left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.note-buttons{gap:9px;display:flex}.note-button{color:#cc1e1ead;width:54px;height:54px;font-family:var(--title-font);letter-spacing:0;cursor:pointer;pointer-events:auto;background:#cc1e1e14;border-radius:50%;place-items:center;font-size:18px;font-weight:400;line-height:1;transition:background .1s,color .1s;display:grid;box-shadow:inset 0 0 0 1px #cc1e1e2e}.note-button:active{filter:brightness(1.15)}.note-button.is-on{color:#fff}.note-hint{letter-spacing:.12em;color:#cc1e1e5c;pointer-events:none;margin:0;font-size:10px;font-weight:500;display:none}@media (hover:hover) and (pointer:fine){.note-hint{display:block}}.clear-btn{color:#cc1e1ead;cursor:pointer;pointer-events:auto;background:#cc1e1e14;border:none;border-radius:50%;place-items:center;width:48px;height:48px;margin:0;padding:0;transition:color .15s,opacity .2s,transform .2s,background .15s;display:grid;position:fixed;inset:calc(50% - 54px) 32px auto auto;box-shadow:inset 0 0 0 1px #cc1e1e33}.clear-btn:hover{color:var(--brand-red);background:#cc1e1e24}.chaos-btn .btn-label,.clear-btn .btn-label{display:none}.clear-btn .btn-icon,.chaos-btn .btn-icon{filter:var(--brand-red-filter)}.drag-label{z-index:5;pointer-events:none;letter-spacing:.14em;text-transform:lowercase;white-space:nowrap;color:var(--brand-red);text-shadow:none;opacity:0;font-family:Lineal,Arial,sans-serif;font-size:13px;font-weight:500;transition:opacity .28s;position:fixed;top:0;left:0;transform:translate(-50%)}.drag-label.is-visible{opacity:.55}.drag-label.is-dismissed{opacity:0}.drag-label-text{animation:1.35s ease-in-out infinite drag-label-shake;display:block}@keyframes drag-label-shake{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-1px)rotate(-2deg)}36%{transform:translate(2px)rotate(2deg)}54%{transform:translate(-2px)rotate(-1deg)}72%{transform:translate(1px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.drag-label-text{animation:none}}.trash-zone{bottom:calc(env(safe-area-inset-bottom) + 28px);z-index:10;opacity:0;pointer-events:none;place-items:center;width:68px;height:68px;transition:opacity .22s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:fixed;left:32px;transform:translateY(16px)scale(.75)}.trash-zone.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.trash-can{filter:drop-shadow(0 6px 14px #cc1e1e38);width:40px;transition:transform .2s,filter .2s;position:relative;transform:perspective(160px)rotateX(6deg)}.trash-lid{transform-origin:50% 100%;background:#cc1e1eb8;border-radius:3px 3px 1px 1px;height:8px;margin:0 -2px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .18s;position:relative}.trash-handle{border:2px solid #cc1e1eb8;border-bottom:none;border-radius:6px 6px 0 0;width:12px;height:7px;transition:border-color .18s;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.trash-body{background:#cc1e1ea3;border-radius:2px 2px 7px 7px;justify-content:center;align-items:center;gap:5px;height:38px;margin-top:1px;transition:background .18s;display:flex;overflow:hidden}.trash-stripe{background:#fefefe80;border-radius:1px;width:2px;height:20px;transition:background .18s}.trash-zone.is-active .trash-can{filter:drop-shadow(0 8px 20px #cc1e1e6b);transform:perspective(160px)rotateX(6deg)scale(1.08)}.trash-zone.is-active .trash-lid{background:var(--brand-red);transform:rotate(-42deg)translate(-5px)translateY(-3px)}.trash-zone.is-active .trash-handle{border-color:var(--brand-red)}.trash-zone.is-active .trash-body{background:#cc1e1ee0}.trash-zone.is-active .trash-stripe{background:#ffffff4d}@keyframes trashGulp{0%{transform:perspective(160px)rotateX(6deg)scale(1.08)}25%{transform:perspective(160px)rotateX(6deg)scale(.82)rotate(-4deg)}55%{transform:perspective(160px)rotateX(6deg)scale(1.12)rotate(2deg)}80%{transform:perspective(160px)rotateX(6deg)scale(.96)rotate(-1deg)}to{transform:perspective(160px)rotateX(6deg)scale(1)}}.trash-zone.is-swallowing .trash-can{animation:.42s cubic-bezier(.36,.07,.19,.97) both trashGulp}#cursor.is-delete .cursor-ring{background:#cc1e1e24;border-color:#cc1e1eb8;transform:scale(1.1)}#cursor.is-delete .cursor-cross:before,#cursor.is-delete .cursor-cross:after{background:var(--brand-red)}#cursor{pointer-events:none;z-index:9999;will-change:transform;opacity:0;width:28px;height:28px;transition:opacity .1s;position:fixed;transform:translate(-50%,-50%)}#cursor.visible{opacity:1}.cursor-cross{position:absolute;inset:0}.cursor-cross:before,.cursor-cross:after{content:"";background:var(--brand-red);border-radius:2px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),opacity .14s,background .14s;position:absolute}.cursor-cross:before{height:2.5px;margin-top:-1.25px;top:50%;left:3px;right:3px}.cursor-cross:after{width:2.5px;margin-left:-1.25px;top:3px;bottom:3px;left:50%}.cursor-ring{border:1.5px solid #cc1e1e5c;border-radius:50%;transition:transform .18s,background .18s,border-color .18s;position:absolute;inset:0}#cursor.is-grab .cursor-cross:before{opacity:0;transform:scaleX(0)}#cursor.is-grab .cursor-cross:after{opacity:0;transform:scaleY(0)}#cursor.is-grab .cursor-ring{background:#cc1e1e1a;border-color:#cc1e1eb8;transform:scale(.82)}#cursor.is-clicking .cursor-ring{border-color:var(--brand-red);background:#cc1e1e29;transition:transform 70ms,background 70ms;transform:scale(.6)}#cursor.is-clicking.is-grab .cursor-ring{transform:scale(.55)}.welcome-overlay{z-index:7;background:0 0;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}.welcome-overlay.hidden{opacity:0;pointer-events:none}.welcome-card{aspect-ratio:442/425;text-align:center;width:min(663px,100vw - 28px);font-family:var(--copy-font);color:#606060;box-shadow:none;background:#fefefe;border:1px solid #cc1e1e73;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:clamp(40px,10.9vw,75px) clamp(30px,8.7vw,60px) clamp(34px,8.7vw,60px);display:flex;position:relative}.welcome-card>:not(.welcome-frame){z-index:1;position:relative}.welcome-frame{z-index:0;object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.welcome-kicker{color:#606060;font-family:var(--copy-font);margin:0 0 clamp(10px,2.2vw,15px);font-size:clamp(24px,6.52vw,45px);font-style:italic;font-weight:300;line-height:clamp(24px,6.52vw,45px)}.welcome-title{color:var(--brand-red);font-family:var(--brand-font);letter-spacing:0;text-transform:lowercase;margin:0 0 clamp(10px,2.2vw,15px);font-size:clamp(48px,13.02vw,90px);font-weight:700;line-height:1.3}.welcome-subtitle{color:var(--brand-red);font-family:var(--title-font);letter-spacing:0;opacity:1;text-transform:lowercase;margin:0 auto clamp(38px,8.7vw,60px);font-size:clamp(16px,4.36vw,30.14px);font-weight:400;line-height:1.1}.welcome-copy{color:#606060;width:100%;max-width:none;font-family:var(--copy-font);opacity:1;margin:0 auto clamp(28px,6.52vw,45px);font-size:clamp(14px,3.91vw,27px);font-weight:400;line-height:clamp(23px,6.52vw,45px)}.welcome-button{aspect-ratio:532/220;background:var(--brand-red);color:#fff;width:clamp(110px,28.87vw,199.5px);min-width:0;height:clamp(45px,11.94vw,82.5px);font-family:var(--copy-font);cursor:pointer;box-shadow:none;border:0;border-radius:999px;place-items:center;margin-top:0;padding:0;font-size:clamp(18px,4.6vw,31px);font-weight:400;transition:transform .16s,opacity .16s;display:grid;position:relative;overflow:hidden}.welcome-button-label{z-index:1;position:relative}.welcome-button-art{z-index:2;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.welcome-button:hover{transform:scale(1.04)}.welcome-button:active{transform:scale(.95)}@media (width>=721px){.welcome-card,.auth-card{transform:scale(var(--drops-intro-desktop-scale));transform-origin:50%}}.auth-overlay{z-index:12;background:0 0;place-items:center;transition:opacity .3s;display:grid;position:fixed;inset:0}.auth-overlay.hidden{opacity:0;pointer-events:none}.auth-card{aspect-ratio:442/425;text-align:center;width:min(663px,100vw - 28px);font-family:var(--copy-font);color:#606060;box-shadow:none;background:#fefefe;border:1px solid #cc1e1e73;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:clamp(34px,8.7vw,60px) clamp(30px,8.7vw,60px);display:flex;position:relative;overflow:hidden}.auth-card>:not(.auth-frame):not(.auth-close-x-btn){z-index:1;position:relative}.auth-frame{z-index:0;object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-close-x-btn{z-index:3;color:#cc1e1eb8;cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;line-height:0;transition:color .15s,background .15s;display:grid;position:absolute;top:clamp(12px,3vw,20px);right:clamp(12px,3vw,20px)}.auth-close-x-btn:hover{color:var(--brand-red);background:#cc1e1e14}.auth-welcome{color:var(--brand-red);font-family:var(--title-font);letter-spacing:0;text-transform:lowercase;margin:0 auto clamp(16px,4.6vw,32px);font-size:clamp(22px,6.1vw,42px);font-weight:400;line-height:1.1}.auth-subtitle{color:#606060;width:100%;font-family:var(--copy-font);opacity:1;margin:0 auto clamp(16px,4vw,28px);font-size:clamp(14px,3.25vw,22px);font-weight:400;line-height:clamp(20px,5vw,32px)}.auth-step{flex-direction:column;align-items:center;gap:clamp(10px,2.4vw,16px);width:min(100%,360px);display:flex}.auth-step.hidden{display:none}.auth-phone-input{color:#606060;width:100%;height:clamp(38px,7.5vw,52px);font-family:var(--copy-font);text-align:center;background:0 0;border:1px solid #cc1e1e73;border-radius:999px;outline:none;padding:0 18px;font-size:clamp(16px,3.6vw,22px);font-weight:400;transition:border-color .15s}.auth-phone-input:focus{border-color:var(--brand-red)}.auth-phone-input::placeholder{color:#606060;opacity:.45}.auth-code-row{justify-content:center;gap:clamp(6px,2vw,10px);width:100%;display:flex}.code-digit{color:#606060;width:clamp(34px,7vw,46px);height:clamp(38px,8vw,56px);font-family:var(--copy-font);text-align:center;caret-color:#0000;background:0 0;border:1px solid #cc1e1e73;border-radius:10px;outline:none;font-size:clamp(17px,4vw,24px);font-weight:400;transition:border-color .15s}.code-digit:focus{border-color:var(--brand-red)}.auth-action-button{background:var(--brand-red);color:#fff;width:clamp(144px,36vw,228px);height:clamp(38px,10vw,58px);font-family:var(--copy-font);letter-spacing:0;cursor:pointer;border:0;border-radius:999px;padding:0 28px;font-size:clamp(16px,3.6vw,22px);font-weight:400;transition:opacity .16s}.auth-action-button:hover{opacity:.92}.auth-action-button:active{opacity:.84}.auth-action-button:disabled{opacity:.4;cursor:default}.auth-status{color:#606060;min-height:18px;font-family:var(--copy-font);opacity:.75;margin-top:clamp(8px,2.5vw,18px);font-size:clamp(10px,2.4vw,15px);font-weight:400}.auth-fine-print{color:#606060;width:100%;font-family:var(--copy-font);text-align:center;letter-spacing:0;opacity:.72;margin:-4px 0 0;font-size:clamp(8px,1.8vw,12px);font-weight:400;line-height:1.35}.auth-site-link{color:var(--brand-red);font-family:var(--copy-font);text-underline-offset:4px;opacity:.78;margin-top:clamp(4px,1.5vw,10px);font-size:clamp(12px,2.7vw,17px);line-height:1;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .16s}.auth-site-link:hover,.auth-site-link:focus-visible{opacity:1}.start-overlay{z-index:5;background:0 0;align-content:center;place-items:center;gap:0;transition:opacity .35s,background .35s;display:grid;position:fixed;inset:0}.start-overlay.hidden{opacity:0;pointer-events:none}.start-button{background:var(--brand-red);cursor:pointer;border:0;border-radius:50%;place-items:center;width:clamp(96px,10vw,124px);min-width:0;height:clamp(96px,10vw,124px);padding:0;transition:transform .16s,opacity .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 18px 48px #cc1e1e33,inset 0 1px #fefefe38}.start-button:before{content:"";border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:24px solid #fff;width:0;height:0;margin-left:7px}.start-button:hover{transform:scale(1.07);box-shadow:0 22px 54px #cc1e1e3d}.start-button:active{transform:scale(.93)}.start-button:disabled{cursor:default;opacity:.62;transform:none}.load-status{opacity:0;max-height:0;margin-top:0;font-size:11px;font-weight:500;transition:max-height .2s,margin-top .2s,opacity .2s,transform .2s;overflow:hidden;transform:translateY(-10px)}.start-overlay[data-status=loading] .load-status,.start-overlay[data-status=error] .load-status{opacity:.72;max-height:18px;margin-top:14px;transform:translateY(0)}.start-overlay[data-status=error] .load-status{opacity:.88}@media (width<=720px){body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}:root{--utility-dock-left:calc(env(safe-area-inset-left) + 20px);--utility-dock-right:20px;--utility-dock-bottom:calc(env(safe-area-inset-bottom) + 20px);--utility-share-width:92px;--utility-share-height:38px;--utility-support-size:24px}.chrome-top-left{gap:12px;top:20px;left:20px}.chrome-top-right{top:20px;right:20px}.chrome-bottom-left{bottom:calc(env(safe-area-inset-bottom) + 20px);left:20px}.brand-logo{height:32px}.chrome-bottom-right{bottom:calc(env(safe-area-inset-bottom) + 20px);gap:14px;right:20px}.contact-label{display:none}.contact-label-short{font-size:15px;line-height:15px;display:inline}.welcome-card{width:min(663px,100vw - 28px);padding:clamp(40px,10.9vw,75px) clamp(30px,8.7vw,60px) clamp(34px,8.7vw,60px)}.welcome-subtitle{margin-bottom:clamp(38px,8.7vw,60px)}.welcome-copy{max-width:none}.welcome-button{width:clamp(110px,28.87vw,199.5px);margin-top:0}.auth-welcome{margin-bottom:8px;font-size:clamp(22px,6vw,34px);line-height:1.1}.auth-subtitle{opacity:.5;letter-spacing:1px;margin-bottom:40px;font-size:12px}.loop-bar{top:auto;bottom:calc(var(--utility-dock-bottom) + 120px);width:calc(100vw - 40px);max-width:320px}.track-nav{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0;gap:12px;padding:0}.nav-btn{width:32px;height:32px}.note-row{bottom:calc(var(--utility-dock-bottom) + 50px);gap:6px}.note-buttons{gap:8px}.note-button{width:58px;height:58px;font-size:18px}.clear-btn{right:20px}.trash-zone{bottom:calc(env(safe-area-inset-bottom) + 20px);width:60px;height:60px;left:20px}.trash-can{scale:.82}body .chaos-btn{right:20px}body:has(#trashZone.is-visible) .clear-btn{opacity:0;pointer-events:none;transform:translateY(-10px)}}html.is-stripped .loop-bar,body.is-stripped .loop-bar{bottom:calc(env(safe-area-inset-bottom) + 168px)}html.is-stripped .note-row,body.is-stripped .note-row{bottom:calc(env(safe-area-inset-bottom) + 84px)}@media (width<=720px){html.is-stripped .loop-bar,body.is-stripped .loop-bar{bottom:calc(var(--utility-dock-bottom) + 170px)}html.is-stripped .note-row,body.is-stripped .note-row{bottom:calc(var(--utility-dock-bottom) + 102px)}}.chaos-btn{-webkit-backdrop-filter:blur(18px);width:48px;height:48px;color:var(--brand-red);letter-spacing:1.5px;z-index:11;cursor:pointer;opacity:1;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#cc1e1e14;border-radius:50%;place-items:center;font-size:9px;font-weight:700;transition:opacity .2s,transform .28s cubic-bezier(.34,1.56,.64,1),background .16s;display:grid;position:fixed;inset:calc(50% + 6px) 32px auto auto;overflow:hidden;transform:scale(1)rotate(0);box-shadow:inset 0 0 0 1px #cc1e1e33}.chaos-btn .btn-icon{object-fit:contain;pointer-events:none;width:22px;height:22px;filter:var(--brand-red-filter);display:block}.chaos-btn:after{content:"";mix-blend-mode:overlay;opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;border-radius:50%;transition:opacity .25s;position:absolute;inset:0}.chaos-btn:hover{transform:scale(1.07)}.chaos-btn:hover:after{opacity:.07}.chaos-btn:active{transform:scale(.93)}.chaos-btn.is-hidden{opacity:0;pointer-events:none;transform:scale(.52)rotate(18deg)}body:has(#welcomeOverlay:not(.hidden)) .chaos-btn{opacity:0;pointer-events:none;transform:scale(.52)rotate(18deg)}body:has(#authOverlay:not(.hidden)) .chaos-btn{opacity:0;pointer-events:none;transform:scale(.52)rotate(18deg)}body:has(#startOverlay:not(.hidden)) .chaos-btn{opacity:0;pointer-events:none;transform:scale(.52)rotate(18deg)}:is(body:has(#welcomeOverlay:not(.hidden)) .chrome,body:has(#authOverlay:not(.hidden)) .chrome,body:has(#startOverlay:not(.hidden)) .chrome){opacity:0;pointer-events:none}:is(body:has(#welcomeOverlay:not(.hidden)) .chrome-top-left,body:has(#welcomeOverlay:not(.hidden)) .chrome-top-right,body:has(#authOverlay:not(.hidden)) .chrome-top-left,body:has(#authOverlay:not(.hidden)) .chrome-top-right,body:has(#startOverlay:not(.hidden)) .chrome-top-left,body:has(#startOverlay:not(.hidden)) .chrome-top-right){transform:translateY(-10px)}:is(body:has(#welcomeOverlay:not(.hidden)) .chrome-bottom-left,body:has(#welcomeOverlay:not(.hidden)) .chrome-bottom-right,body:has(#authOverlay:not(.hidden)) .chrome-bottom-left,body:has(#authOverlay:not(.hidden)) .chrome-bottom-right,body:has(#startOverlay:not(.hidden)) .chrome-bottom-left,body:has(#startOverlay:not(.hidden)) .chrome-bottom-right){transform:translateY(10px)}:is(body:has(#welcomeOverlay:not(.hidden)) .drag-label,body:has(#authOverlay:not(.hidden)) .drag-label,body:has(#startOverlay:not(.hidden)) .drag-label){opacity:0}body:has(#trashZone.is-visible) .chrome-bottom-left{opacity:0;pointer-events:none}body:has(#trashZone.is-visible) .clear-btn{opacity:0;pointer-events:none;transform:translateY(-10px)}@keyframes buttonHit{0%{transform:scale(1)rotate(0)}12%{transform:scale(1.32)rotate(-5deg)}28%{transform:scale(1.18)rotate(4deg)}44%{transform:scale(1.1)rotate(-2.5deg)}62%{transform:scale(1.05)rotate(1.5deg)}80%{transform:scale(1.02)rotate(-.5deg)}to{transform:scale(1)rotate(0)}}.chaos-btn.hit{animation:.45s ease-out buttonHit!important}.chaos-btn.hit:after{opacity:.5!important;animation:50ms step-end infinite noiseShift!important}@keyframes noiseShift{0%{background-position:0 0}20%{background-position:-22px -16px}40%{background-position:14px -24px}60%{background-position:-10px 20px}80%{background-position:24px 8px}}@keyframes chaosBodyShake{0%,to{transform:translate(0)rotate(0)}6%{transform:translate(-22px,-12px)rotate(-1.2deg)}13%{transform:translate(28px,14px)rotate(1.1deg)}21%{transform:translate(-20px,-20px)rotate(-.95deg)}29%{transform:translate(24px,9px)rotate(.9deg)}38%{transform:translate(-18px,9px)rotate(-.75deg)}47%{transform:translate(15px,-14px)rotate(.55deg)}56%{transform:translate(-10px,12px)rotate(-.4deg)}65%{transform:translate(11px,-7px)rotate(.3deg)}74%{transform:translate(-6px,8px)rotate(-.18deg)}83%{transform:translate(6px,-4px)rotate(.12deg)}92%{transform:translate(-2px,2px)rotate(-.06deg)}}@keyframes chaosBodySettle{0%,to{transform:translate(0)}22%{transform:translate(-5px,-2.5px)rotate(-.28deg)}48%{transform:translate(6px,2px)rotate(.22deg)}74%{transform:translate(-3px,-4px)rotate(-.14deg)}}body.chaos-shake{animation:.64s cubic-bezier(.36,.07,.19,.97) both chaosBodyShake}body.chaos-settle{animation:.4s ease-out both chaosBodySettle}.chaos-flash{z-index:20;pointer-events:none;opacity:0;will-change:opacity;position:fixed;inset:0}