:root{--bg:#0b0a09;--bg-2:#151311;--surface:#1c1916;--surface-2:#26221e;--line:#f3e9d817;--line-strong:#f3e9d829;--cream:#f4efe7;--paper:#f7f4ef;--paper-ink:#4a3124;--paper-rule:#6e4c3426;--muted:#a89a8a;--faint:#6e6358;--tan:#d4a373;--denim:#7fa2d8;--bokeh:#d9d27c;--rec:#c8424f;--danger:#e0707a;--accent:var(--tan);--accent-soft:#d4a37324;--accent-glow:#d4a37359;--serif:"Fondamento","Iowan Old Style","Palatino",Georgia,serif;--sans:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--script:"Sacramento","Snell Roundhand","Apple Chancery",cursive;--scrawl:"Rock Salt","Marker Felt","Chalkboard SE",cursive;--pencil:"Reenie Beanie","Bradley Hand","Chalkboard SE",cursive;--radius:20px;--ease:cubic-bezier(.22,1,.36,1)}[data-mode=melody]{--accent:var(--denim);--accent-soft:#7fa2d824;--accent-glow:#7fa2d859}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--cream);-webkit-text-size-adjust:100%;font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{min-height:100dvh;padding:max(18px,env(safe-area-inset-top))18px calc(92px + env(safe-area-inset-bottom));isolation:isolate;flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.app:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 9%,#d9d27c38 0 14px,transparent 26px),radial-gradient(circle at 84% 6%,#d9d27c29 0 20px,transparent 36px),radial-gradient(circle at 64% 15%,#ecde961f 0 10px,transparent 20px),radial-gradient(circle at 93% 31%,#d9d27c1a 0 16px,transparent 30px),radial-gradient(circle at 4% 38%,#ecde9617 0 12px,transparent 24px),radial-gradient(circle at 30% 3%,#d4a3731f 0 8px,transparent 18px),radial-gradient(ellipse 90% 55% at 70% -5%,var(--accent-glow),transparent 70%);opacity:.8;filter:blur(1.5px);transition:background .6s var(--ease);position:fixed;inset:0}.app:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .93 0 0 0 0 .85 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#ffebd203 0 2px,#0000 2px 9px,#0000000d 9px 10px,#0000 10px 23px);position:fixed;inset:0}.column{flex-direction:column;flex:1;width:100%;max-width:560px;display:flex}.brand{justify-content:space-between;align-items:center;padding:6px 2px 18px;display:flex}.wordmark{flex-wrap:wrap;align-items:baseline;column-gap:10px;min-width:0;display:flex}.wordmark h1{font-family:var(--scrawl);color:var(--tan);text-shadow:0 0 24px #d4a37340;margin:0;padding-right:4px;font-size:34px;font-weight:400;line-height:1.3;transform:rotate(-5deg)translateY(-2px)}.wordmark span{font-family:var(--pencil);color:var(--muted);font-size:23px;display:inline-block;transform:rotate(2deg)translateY(4px)}.brand-actions{flex:none;align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--tan);transition:transform .2s var(--ease),opacity .2s;background:#ffffff08;border-radius:50%;place-items:center;display:grid}.icon-btn:active{transform:scale(.92)rotate(8deg)}.icon-btn:disabled{opacity:.35}.avatar-btn{border:2px solid var(--tan);background:var(--paper)center/cover no-repeat;width:46px;height:46px;transition:transform .2s var(--ease);border-radius:50%;padding:0;overflow:hidden;box-shadow:0 0 0 3px #d4a37326,0 6px 16px #00000080}.avatar-btn:active{transform:scale(.94)rotate(-4deg)}.avatar-btn img{object-fit:cover;width:100%;height:100%;display:block}.mode-switch{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:5px;display:grid;position:relative;box-shadow:inset 0 1px 3px #0006}.mode-switch .pill{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);width:calc(50% - 5px);transition:transform .45s var(--ease);border-radius:999px;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 6px 16px #00000059,0 0 0 1px #0003}[data-mode=melody] .mode-switch .pill{transform:translate(100%)}.mode-switch button{z-index:1;height:46px;color:var(--faint);letter-spacing:.01em;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;transition:color .3s;display:flex;position:relative}.mode-switch button[aria-checked=true]{color:var(--cream)}.mode-switch button[aria-checked=true] svg{color:var(--accent)}.sheet{border-radius:var(--radius);background:var(--paper);min-height:200px;color:var(--paper-ink);animation:rise .5s var(--ease)both;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 24px 60px #0000008c,0 2px 6px #0006}.sheet:before{content:"";pointer-events:none;background:#d6604659;width:1px;position:absolute;top:0;bottom:0;left:38px}.sheet-title{font-family:var(--scrawl);transform-origin:0;color:var(--paper-ink);letter-spacing:-.01em;background:0 0;border:none;outline:none;padding:16px 20px 6px 52px;font-size:19px;font-weight:400;line-height:1.6;transform:rotate(-1.2deg)}.sheet-title::placeholder{color:#4a31244d}.sheet-body{flex:1;display:flex;position:relative}.sheet textarea{resize:none;background:transparent repeating-linear-gradient(180deg,transparent 0 33px,var(--paper-rule)33px 34px);width:100%;font-family:var(--pencil);word-spacing:.06em;color:var(--paper-ink);background-attachment:local;border:none;outline:none;flex:1;padding:5px 20px 20px 52px;font-size:27px;line-height:34px}.sheet textarea::placeholder{color:#4a312461}.interim{font-family:var(--pencil);color:#4a312473;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:24px;position:absolute;bottom:14px;left:52px;right:20px;overflow:hidden}.deck{border-radius:var(--radius);border:1px solid var(--line);min-height:250px;animation:rise .5s var(--ease)both;background:linear-gradient(#1f1a16,#171310);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0a}.deck-top{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;padding:16px 18px 0;font-size:12px;font-weight:600;display:flex}.deck-top .live{color:var(--rec);align-items:center;gap:7px;display:flex}.deck-top .live:before{content:"";background:var(--rec);width:8px;height:8px;box-shadow:0 0 10px var(--rec);border-radius:50%;animation:1.2s ease-in-out infinite blink}.note-readout{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;display:flex}.note-name{font-family:var(--scrawl);letter-spacing:-.03em;color:var(--cream);min-height:88px;font-size:64px;font-weight:400;line-height:1.35;transition:color .2s;transform:rotate(-4deg)}.note-name sub{color:var(--muted);vertical-align:baseline;margin-left:2px;font-size:.34em}.note-name.idle{color:var(--faint);opacity:.5}.tuner{width:180px;height:18px;position:relative}.tuner:before{content:"";background:repeating-linear-gradient(90deg,var(--line-strong)0 1px,transparent 1px 18px);height:1px;box-shadow:0 -4px 0 -3px var(--line-strong);position:absolute;top:50%;left:0;right:0}.tuner:after{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.tuner i{background:var(--accent);width:3px;box-shadow:0 0 10px var(--accent-glow);border-radius:2px;margin-left:-1.5px;transition:left .12s linear,opacity .2s;position:absolute;top:2px;bottom:2px}.deck-hint{color:var(--faint);text-align:center;padding:0 24px;font-size:13px}.wave{width:100%;height:84px;display:block}.timer{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--cream);letter-spacing:.04em}.review{flex-direction:column;flex:1;justify-content:center;gap:14px;padding:18px;display:flex}.field{border:1px solid var(--line);background:#00000038;border-radius:14px;outline:none;width:100%;padding:13px 15px;font-size:16px;transition:border-color .2s}.field:focus{border-color:var(--accent)}.field::placeholder{color:var(--faint)}.field.title{font-family:var(--scrawl);font-size:16px;line-height:1.6}textarea.field.jot{font-family:var(--pencil);font-size:24px;line-height:1.15}textarea.field{resize:none;min-height:70px;line-height:1.45}.player{border:1px solid var(--line);background:#00000040;border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.player .play{background:var(--accent);color:#15110e;width:44px;height:44px;box-shadow:0 4px 14px var(--accent-glow);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.player .track{cursor:pointer;touch-action:none;flex:1;align-items:center;gap:2px;height:28px;display:flex;position:relative}.player .track span{background:var(--line-strong);border-radius:2px;flex:1;transition:background .15s}.player .track span.on{background:var(--accent)}.player .time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:12px}.transport{justify-content:space-between;align-items:center;gap:12px;padding:22px 4px 4px;display:flex}.transport .side{flex:1;display:flex}.transport .side.right{justify-content:flex-end}.rec{width:104px;height:104px;transition:transform .2s var(--ease),box-shadow .4s var(--ease);background:radial-gradient(circle,#1c1815 0 18%,#0000 18.5%),repeating-radial-gradient(circle,#0f0c0a 0 2px,#1d1814 2px 4px);border:none;border-radius:50%;flex:none;padding:0;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 14px 34px #0009,inset 0 0 0 6px #0c0a09}.rec:before{content:"";background:conic-gradient(from 30deg,transparent 0 40deg,#fff0dc1a 60deg,transparent 80deg 220deg,#fff0dc12 240deg,transparent 260deg);pointer-events:none;z-index:2;border-radius:50%;position:absolute;inset:0}.rec .disc{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.rec .label{background:radial-gradient(circle,#15110e 0 3px,transparent 3.5px),radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent)80%,white),var(--accent));border-radius:50%;place-items:center;width:44px;height:44px;transition:background .4s;display:grid;box-shadow:0 0 0 3px #00000040}.rec .glyph{z-index:3;color:#15110e;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.rec:active{transform:scale(.96)}.rec.on{box-shadow:0 0 0 1px #ffffff0f,0 14px 34px #0009,inset 0 0 0 6px #0c0a09,0 0 0 10px var(--accent-soft),0 0 50px var(--accent-glow);animation:1.8s ease-in-out infinite halo}.rec.on .disc{animation:1.8s linear infinite spin}.rec.on .label{background:radial-gradient(circle,#15110e 0 3px,transparent 3.5px),radial-gradient(circle at 35% 30%,#e46b76,var(--rec))}.rec:disabled{opacity:.4}.rec-caption{text-align:center;color:var(--muted);letter-spacing:.01em;min-height:18px;margin-top:10px;font-size:13px}.rec-caption.on{color:var(--rec)}.chip-btn{border:1px solid var(--line-strong);height:44px;color:var(--cream);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;transition:background .2s,opacity .2s,border-color .2s;display:inline-flex}.chip-btn:disabled{opacity:.35}.chip-btn.primary{background:var(--accent);color:#15110e;box-shadow:0 6px 18px var(--accent-glow);border-color:#0000}.chip-btn.primary:disabled{box-shadow:none}.chip-btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.chip-btn.danger{color:var(--danger)}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions.spread>*{flex:1;justify-content:center}.notice{text-align:center;color:var(--muted);margin:12px 0 0;font-size:13px}.notice.error{color:var(--danger)}.notice.ok{color:var(--accent)}.lib-head{justify-content:space-between;align-items:baseline;margin:2px 2px 14px;display:flex}.lib-head h2{font-family:var(--scrawl);color:var(--tan);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:400;line-height:1.5;transform:rotate(-3deg)}.lib-head span{color:var(--faint);font-size:13px}.filters{gap:8px;margin-bottom:16px;display:flex}.filters button{border:1px solid var(--line);height:34px;color:var(--muted);background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.filters button[aria-pressed=true]{background:var(--cream);color:#15110e;border-color:#0000}.takes{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.take{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);animation:rise .4s var(--ease)both;border-radius:18px;overflow:hidden}.take[data-kind=lyrics]{--accent:var(--tan);--accent-soft:#d4a37324;--accent-glow:#d4a37359}.take[data-kind=melody]{--accent:var(--denim);--accent-soft:#7fa2d824;--accent-glow:#7fa2d859}.take-head{text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.take-badge{background:var(--accent-soft,#ffffff0d);width:42px;height:42px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent)25%,transparent);border-radius:12px;flex:none;place-items:center;display:grid}.take-meta{flex:1;min-width:0}.take-title{font-family:var(--scrawl);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:400;line-height:1.9;overflow:hidden}.take-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.take-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.take-lyrics{background:var(--paper);color:var(--paper-ink);font-family:var(--pencil);white-space:pre-wrap;border-radius:12px;max-height:320px;margin:0;padding:14px 16px;font-size:24px;line-height:1.25;overflow:auto}.take-note{font-family:var(--pencil);color:var(--muted);white-space:pre-wrap;margin:0;font-size:23px}.empty{text-align:center;color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:50px 20px;display:flex}.empty p{margin:0}.empty .big{font-family:var(--scrawl);color:var(--cream);font-size:18px;line-height:1.7;transform:rotate(-2deg)}.empty .portrait{object-fit:cover;border:3px solid var(--paper);width:132px;height:132px;box-shadow:0 0 0 1px var(--line-strong),0 16px 40px #0009;border-radius:50%;margin-bottom:10px;transform:rotate(-4deg)}.tabbar{left:50%;bottom:max(14px,env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px)saturate(1.4);z-index:10;background:#1b1714c7;border-radius:999px;gap:4px;padding:5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 36px #0000008c}.tabbar button{height:46px;color:var(--muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:600;transition:background .25s,color .25s;display:flex}.tabbar button[aria-selected=true]{background:var(--cream);color:#15110e}.tabbar .count{background:var(--accent);color:#15110e;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-grid}.gift{z-index:50;-webkit-backdrop-filter:blur(10px);background:#080605b8;place-items:center;padding:24px;animation:.5s both fade;display:grid;position:fixed;inset:0}.gift-card{background:var(--paper);width:100%;max-width:380px;max-height:calc(100dvh - 40px);color:var(--paper-ink);text-align:center;animation:rise .7s var(--ease).1s both;transform-origin:bottom;border-radius:24px;padding:22px 26px 24px;position:relative;overflow-y:auto;box-shadow:0 40px 90px #000000b3}.polaroid{background:#fff;margin:0 4px 18px;padding:8px 8px 46px;position:relative;transform:rotate(-2.2deg);box-shadow:0 10px 24px #3c281440,0 1px 2px #00000026}.polaroid:before{content:"";background:#ecdbb0d1;width:96px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:0 2px 5px #00000026}.polaroid img{aspect-ratio:4/3;object-fit:cover;object-position:55% 30%;width:100%;display:block}.polaroid figcaption{text-align:center;font-family:var(--scrawl);color:var(--rec);font-size:18px;line-height:1.2;position:absolute;bottom:9px;left:0;right:0;transform:rotate(-2.5deg)}.gift-card .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--rec);font-size:12px;font-weight:600}.gift-card h2{font-family:var(--serif);text-wrap:balance;margin:8px 0 10px;font-size:28px;font-weight:400;line-height:1.12}.gift-card p{font-family:var(--sans);color:#5d4a3d;margin:0 0 6px;font-size:15.5px;line-height:1.55}.gift-card .sig{font-family:var(--script);color:var(--paper-ink);margin:0 0 16px;font-size:40px;line-height:1.1}.gift-card button{background:var(--paper-ink);width:100%;height:52px;color:var(--paper);border:none;border-radius:14px;font-size:16px;font-weight:700}.tuner-sheet{--in-tune:#9fd27f;z-index:40;padding:max(18px,env(safe-area-inset-top))18px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 45% at 50% 0%,var(--accent-glow),transparent 70%),radial-gradient(circle at 14% 12%,#d9d27c29 0 12px,transparent 24px),radial-gradient(circle at 86% 22%,#d9d27c1f 0 18px,transparent 32px),var(--bg);justify-content:center;animation:.25s both fade;display:flex;position:fixed;inset:0;overflow-y:auto}.tuner-head{justify-content:space-between;align-items:center;padding:6px 2px 16px;display:flex}.tuner-head h2{font-family:var(--scrawl);color:var(--tan);margin:0;font-size:30px;font-weight:400;line-height:1.4;transform:rotate(-4deg)}.tuning-pick{text-align:left;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:18px;grid-template-columns:1fr auto;grid-template-areas:"name caret""notes caret";align-items:center;gap:2px 12px;width:100%;padding:12px 18px;display:grid;box-shadow:0 10px 28px #00000073}.tp-name{font-family:var(--scrawl);color:var(--cream);grid-area:name;font-size:16px;line-height:1.8}.tp-notes{letter-spacing:.14em;color:var(--muted);font-variant-numeric:tabular-nums;grid-area:notes;font-size:13px}.tp-caret{color:var(--tan);grid-area:caret;font-size:18px}.tuning-list{flex-direction:column;gap:16px;margin-top:14px;padding-bottom:20px;display:flex}.tuning-list h3{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 6px 4px;font-size:12px;font-weight:600}.tuning-list ul{border:1px solid var(--line);background:var(--bg-2);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.tuning-list li{align-items:center;display:flex}.tuning-list li+li{border-top:1px solid var(--line)}.tl-row{text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 16px;display:flex}.tl-row[aria-current=true]{background:var(--accent-soft)}.tl-name{font-family:var(--pencil);color:var(--cream);font-size:23px}.tl-notes{letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-size:12.5px}.tl-remove{border:none;border-left:1px solid var(--line);width:44px;color:var(--danger);background:0 0;align-self:stretch;font-size:22px}.dial{border-radius:var(--radius);border:1px solid var(--line);text-align:center;background:linear-gradient(#1c1916,#141210);flex-direction:column;align-items:center;margin-top:18px;padding:18px 16px 16px;display:flex;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0a}.dial svg{width:100%;max-width:340px;height:auto;overflow:visible}.dial-arc{fill:none;stroke:var(--line-strong);stroke-width:2px}.dial-zone{fill:none;stroke:var(--in-tune);stroke-width:8px;stroke-linecap:round;opacity:.35;transition:opacity .2s}.dial.in .dial-zone{opacity:1;filter:drop-shadow(0 0 6px var(--in-tune))}.tick{stroke:var(--faint);stroke-width:1.5px;stroke-linecap:round}.tick.zero{stroke:var(--cream);stroke-width:2.5px}.dial-label{fill:var(--faint);font-size:18px;font-family:var(--sans)}.needle{transform-box:view-box;transform-origin:150px 168px;transition:transform .12s linear}.needle line{stroke:var(--rec);stroke-width:3px;stroke-linecap:round}.needle circle{fill:var(--cream);stroke:var(--bg);stroke-width:3px}.dial.in .needle line{stroke:var(--in-tune)}.dial.idle .needle{opacity:.35}.dial-note{font-family:var(--scrawl);color:var(--cream);margin-top:6px;font-size:58px;line-height:1.3;transition:color .2s;transform:rotate(-4deg)}.dial-note sub{font-family:var(--pencil);color:var(--muted);vertical-align:baseline;margin-left:2px;font-size:.5em}.dial.in .dial-note{color:var(--in-tune)}.dial-verdict{font-family:var(--pencil);color:var(--tan);min-height:34px;font-size:28px}.dial.in .dial-verdict{color:var(--in-tune)}.dial-meta{color:var(--faint);font-variant-numeric:tabular-nums;min-height:18px;margin-top:4px;font-size:12.5px}.strings{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px;display:grid}.string-col{flex-direction:column;align-items:stretch;gap:6px;display:flex}.string-pill{border:1px solid var(--line-strong);height:58px;font-family:var(--pencil);color:var(--cream);background:#ffffff08;border-radius:16px;font-size:28px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.string-pill.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 0 22px var(--accent-glow)}.string-pill.locked{background:var(--accent);color:#15110e;border-color:#0000}.string-pill.tuned:not(.locked){border-color:var(--in-tune);color:var(--in-tune)}.string-pill .check{width:20px;height:20px;font-family:var(--sans);background:var(--in-tune);color:#10200a;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:-7px;right:-5px}.nudge{border:1px solid var(--line);height:32px;color:var(--tan);background:#ffffff08;border-radius:10px;font-size:12px}.tuner-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.capo{align-items:center;gap:8px;display:flex}.capo .chip-btn{width:44px;font-family:var(--sans);justify-content:center;padding:0;font-size:20px}.capo span{text-align:center;min-width:84px;font-family:var(--pencil);color:var(--cream);font-size:24px}.tuner-edit{flex-direction:column;gap:12px;margin-top:18px;display:flex}.app[data-night]{--bg:#070504;--bg-2:#110c09;--surface:#18110d;--surface-2:#221913;--cream:#f3e2c4;--paper:#efe2c9;--muted:#9e8a71;--faint:#635443;--line:#ffd29614;--line-strong:#ffd29626;--tan:#e2a66a;background:var(--bg)}.app[data-night]:before{filter:none;opacity:1;background:radial-gradient(circle at 47% 52px,#ffc46e80 0 10px,#ffaa5033 70px,#ff963c12 240px,#0000 520px),radial-gradient(circle at 10% 30%,#d9b46e0f 0 14px,#0000 28px),radial-gradient(circle at 90% 40%,#d9b46e0d 0 18px,#0000 34px),radial-gradient(120% 90% at 50% 30%,#0000 45%,#0009);animation:9s ease-in-out infinite lamp}.app[data-night] .sheet{box-shadow:inset 0 1px #ffffff59,0 24px 60px #000000b3,0 -30px 80px -40px #ffaa5059}.bulb{z-index:1;pointer-events:none;background:linear-gradient(#000,#3a2c22);width:2px;height:44px;margin-left:-1px;position:fixed;top:0;left:47%}.bulb span{background:radial-gradient(circle at 50% 60%,#fff4d6,#ffc46e 55%,#e8963e);border-radius:50%/60% 60% 45% 45%;width:14px;height:18px;margin-left:-7px;animation:9s ease-in-out infinite lamp;position:absolute;top:40px;left:50%;box-shadow:0 0 14px 4px #ffbe64a6,0 0 60px 20px #ffa04638}.bulb span:before{content:"";background:#4a3a2c;border-radius:2px;width:8px;height:7px;position:absolute;top:-6px;left:3px}@keyframes lamp{0%,to{opacity:1}41%{opacity:1}42%{opacity:.82}43%{opacity:.97}44%{opacity:.88}46%{opacity:1}78%{opacity:.94}}.truck{z-index:45;background:radial-gradient(ellipse 80% 60% at 50% 40%,#1b1612,var(--bg)70%);padding:env(safe-area-inset-top)0 max(18px,env(safe-area-inset-bottom));flex-direction:column;animation:.25s both fade;display:flex;position:fixed;inset:0}.truck.on{background:radial-gradient(ellipse 80% 60% at 50% 40%,#2a1215,var(--bg)70%)}.truck-hit{touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;padding:20px;display:flex}.truck-disc-wrap{place-items:center;display:grid;position:relative}.truck-word{font-family:var(--scrawl);color:#15110e;pointer-events:none;padding-top:.25em;font-size:clamp(28px,9vw,40px);line-height:1;position:absolute;transform:rotate(-6deg)}.truck.on .truck-word{color:#fff4ea}.truck-disc{aspect-ratio:1;background:radial-gradient(circle,#1c1815 0 18%,#0000 18.5%),repeating-radial-gradient(circle,#0f0c0a 0 2px,#1d1814 2px 5px);border-radius:50%;place-items:center;width:min(74vw,340px);display:grid;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 30px 70px #000000b3,inset 0 0 0 10px #0c0a09}.truck.on .truck-disc{animation:1.8s linear infinite spin,1.8s ease-in-out infinite truck-halo}.truck-label{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ecc9a0,var(--tan));border-radius:50%;width:52%;box-shadow:0 0 0 4px #00000040}.truck.on .truck-label{background:radial-gradient(circle at 35% 30%,#e46b76,var(--rec))}.truck-time{min-height:70px;font-family:var(--scrawl);color:var(--cream);font-variant-numeric:tabular-nums;font-size:54px;line-height:1.3;transform:rotate(-3deg)}.truck.on .truck-time{color:#ff8f98}.truck-say{font-family:var(--pencil);color:var(--muted);text-align:center;max-width:320px;font-size:28px;line-height:1.15}.truck-exit{border:1px solid var(--line-strong);height:48px;color:var(--muted);font-family:var(--pencil);background:#ffffff08;border-radius:999px;align-self:center;padding:0 22px;font-size:22px}@keyframes truck-halo{50%{box-shadow:0 0 0 1px #ffffff0f,0 30px 70px #000000b3,inset 0 0 0 10px #0c0a09,0 0 0 18px #c8424f2e,0 0 90px #c8424f59}}.send-to{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);width:100%;max-width:400px;animation:rise .45s var(--ease)both;border-radius:24px;padding:24px 22px 22px;box-shadow:0 40px 90px #000000b3}.send-to h2{font-family:var(--scrawl);color:var(--tan);margin:0 0 8px;font-size:21px;font-weight:400;line-height:1.5}.send-to p{color:var(--muted);margin:0 0 14px;font-size:14.5px;line-height:1.5}.send-to p b{color:var(--cream);word-break:break-all;font-weight:500}.send-to form{flex-direction:column;gap:14px;display:flex}.send-to form p{margin:0}.field.code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}.send-to .notice{margin-top:12px}.send-to-line{color:var(--faint);margin:-6px 2px 14px;font-size:13px;line-height:1.5}.send-to-line b{color:var(--muted);word-break:break-all;font-weight:500}.send-to-line button{color:var(--tan);font-family:var(--pencil);text-underline-offset:3px;background:0 0;border:none;padding:0 2px;font-size:20px;text-decoration:underline}.settings{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);width:100%;max-width:420px;max-height:calc(100dvh - 40px);animation:rise .45s var(--ease)both;border-radius:24px;padding:18px 20px 20px;overflow-y:auto;box-shadow:0 40px 90px #000000b3}.settings header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.settings header img{object-fit:cover;border:2px solid var(--tan);border-radius:50%;width:48px;height:48px;transform:rotate(-6deg)}.settings header h2{font-family:var(--scrawl);color:var(--tan);flex:1;margin:0;font-size:22px;font-weight:400;line-height:1.5}.settings section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:16px 0;display:flex}.settings section:first-of-type{border-top:none}.settings h3{font-family:var(--pencil);color:var(--cream);margin:0;font-size:26px;font-weight:400}.settings p{color:var(--muted);margin:-4px 0 0;font-size:13.5px;line-height:1.45}.settings .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings .value{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.settings p b{color:var(--cream);font-weight:500}.settings .backup-msg{color:var(--tan);margin:0}.settings .backup-msg.error{color:var(--danger)}.chip-btn.wide{justify-content:center;width:100%}.segmented{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{height:40px;color:var(--muted);font-family:var(--pencil);background:0 0;border:none;border-radius:999px;font-size:21px;transition:background .2s,color .2s}.segmented button[aria-checked=true]{background:var(--tan);color:#15110e}.mode-switch button,.chip-btn,.tabbar button,.filters button{font-family:var(--pencil);letter-spacing:.02em;font-weight:400}.mode-switch button{font-size:25px}.chip-btn{font-size:22px}.tabbar button{font-size:24px}.filters button{font-size:20px}.tabbar .count{font-family:var(--sans);letter-spacing:0;font-weight:600}.gift-card button{font-family:var(--pencil);letter-spacing:.04em;font-size:30px;font-weight:400}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.3}}@keyframes halo{50%{box-shadow:0 0 0 1px #ffffff0f,0 14px 34px #0009,inset 0 0 0 6px #0c0a09,0 0 0 18px var(--accent-soft),0 0 70px var(--accent-glow)}}@media (max-height:700px){.brand{padding-bottom:12px}.mode-switch{margin-bottom:12px}.transport{padding-top:14px}.rec{width:88px;height:88px}.note-name{min-height:68px;font-size:68px}.wave{height:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}