:root{color-scheme:light;--color-bg:#fff9f5;--color-surface:#ffffff;--color-surface-muted:#fff0e8;--color-border:#f0e2dc;--color-border-strong:#e2c9bf;--color-text:#1f1420;--color-text-muted:#5e5160;--color-text-faint:#a3949c;--color-primary:#f2512c;--color-primary-hover:#e0441f;--color-primary-ink:#ffffff;--color-primary-deep:#c9301a;--color-primary-soft:#fff0e8;--gradient-primary:linear-gradient(135deg,#ff4b2b,#ff8a2f);--gradient-primary-hover:linear-gradient(135deg,#ff5a38,#ff9a45);--color-accent:#dc3d1c;--color-accent-bright:#ff9a3c;--gradient-accent:linear-gradient(135deg,#ff4b2b 10%,#ff9a3c 90%);--color-accent-soft:#ffe6dc;--color-pop:#c8d2ff;--color-pop-ink:#1f1420;--gradient-tear:linear-gradient(180deg,#9fb4ff 10%,#4d6bff 85%);--color-highlight:#d9e0ff;--color-highlight-ink:#1f1420;--color-success:#2f7d55;--color-success-soft:#e3f3ea;--color-danger:#c0392b;--color-warning-soft:#fff2be;--paper-rule:#f5e9e2;--paper-rule-gap:32px;--paper-margin:#ffc2ad;--kraft:#c8a274;--shadow-lift:0 14px 22px -4px rgba(201,48,26,0.12);--color-glass:rgba(255,249,245,0.8);--color-glass-border:rgba(31,20,32,0.08);--glass-blur:14px;--color-dark-surface:#1f1420;--color-dark-ink:#fff9f5;--player-bg:#fff9f5;--player-bg-glow:#ffe2d4;--player-ink:#1f1420;--player-ink-muted:rgba(31,20,32,0.55);--player-track:rgba(242,81,44,0.16);--player-accent:#f2512c;--player-accent-ink:#ffffff;--player-lyric-size:27px;--player-story-mark:#dc3d1c;--player-active-mark:#d9e0ff;--font-display:"Bricolage Grotesque","Inter Tight","Helvetica Neue",Arial,sans-serif;--font-body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-lyrics:"Instrument Serif","Iowan Old Style",Georgia,serif;--font-hand:"Kalam","Segoe Print","Bradley Hand",cursive;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:30px;--text-3xl:40px;--text-hero:clamp(48px,9vw,104px);--weight-regular:400;--weight-medium:600;--weight-bold:700;--leading-tight:1.05;--leading-body:1.5;--tracking-display:-0.03em;--tracking-body:-0.01em;--radius-sm:8px;--radius-md:20px;--radius-lg:26px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(31,20,32,0.06);--shadow-md:0 10px 24px -6px rgba(31,20,32,0.14);--shadow-btn:0 4px 0 var(--color-primary-deep);--shadow-chunky:0 3px 0 var(--color-border);--shadow-focus:0 0 0 3px rgba(242,81,44,0.3);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--content-width:560px;--page-width:1120px;--tap-min:48px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-base:300ms;--duration-mark:900ms}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);background-image:repeating-linear-gradient(180deg,transparent 0 calc(var(--paper-rule-gap) - 1px),var(--paper-rule) calc(var(--paper-rule-gap) - 1px) var(--paper-rule-gap));background-attachment:local;min-height:100dvh}body:before{content:"";position:fixed;top:0;bottom:0;left:max(8px,calc(50% - var(--content-width) / 2 - 6px));width:1px;background:var(--paper-margin);opacity:.55;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0;text-wrap:balance}p{margin:0}a{color:var(--color-accent);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background:var(--color-highlight);color:var(--color-highlight-ink)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.ui-mark{background-image:linear-gradient(100deg,transparent .4em,var(--color-highlight) .5em,var(--color-highlight) calc(100% - .3em),transparent calc(100% - .15em));background-repeat:no-repeat;background-position:0 72%;background-size:100% 70%;padding:0 .15em;margin:0 -.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:ui-mark var(--duration-mark) var(--ease-out) both}@keyframes ui-mark{0%{background-size:0 70%}to{background-size:100% 70%}}.ui-hand{font-family:var(--font-hand);color:var(--color-accent);letter-spacing:0}.ui-screen{min-height:100dvh;display:flex;flex-direction:column}.ui-screen__header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--color-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--space-3) var(--space-4) var(--space-3)}.ui-screen__bar{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:40px}.ui-screen__brand{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-display);color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.ui-screen__brand:before{content:"";width:12px;height:16px;background:var(--gradient-accent);-webkit-clip-path:path("M6 0C7.5 3.6 12 7.2 12 10.4A6 6 0 0 1 0 10.4C0 7.2 4.5 3.6 6 0Z");clip-path:path("M6 0C7.5 3.6 12 7.2 12 10.4A6 6 0 0 1 0 10.4C0 7.2 4.5 3.6 6 0Z");animation:ui-bob 3.2s ease-in-out infinite}@keyframes ui-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.ui-screen__back{background:none;border:0;padding:var(--space-2) var(--space-3);margin-left:calc(var(--space-3) * -1);color:var(--color-text);font-weight:var(--weight-medium);cursor:pointer;font-size:var(--text-md);min-width:72px;min-height:44px;text-align:left;border-radius:var(--radius-pill)}.ui-screen__back:hover{background:var(--color-surface-muted)}.ui-screen__spacer{min-width:64px}.ui-screen__body{flex:1 1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--space-7) * 2.5)}.ui-screen__title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.ui-screen__subtitle{color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:46ch}.ui-screen__eyebrow{font-family:var(--font-hand);font-size:var(--text-lg);line-height:1.2;color:var(--color-accent);margin-bottom:var(--space-1);letter-spacing:0;display:inline-block;transform:rotate(-1.5deg);transform-origin:left center}.ui-enter{animation:ui-enter .5s var(--ease-out)}@keyframes ui-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ui-chapters{max-width:var(--content-width);margin:var(--space-2) auto 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:var(--space-2);gap:var(--space-2)}.ui-chapter__label{font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-chapter--active .ui-chapter__label{color:var(--color-text);font-weight:var(--weight-bold)}.ui-chapter__track{height:4px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.ui-chapter__fill{height:100%;border-radius:inherit;background:var(--gradient-accent);transition:width .6s var(--ease-out)}.ui-footer{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--color-glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);border-top:1px solid var(--color-glass-border);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom))}.ui-footer .ui-btn--primary{min-height:56px;font-size:var(--text-lg)}.ui-footer .ui-btn--primary:disabled{opacity:.3;box-shadow:none}.ui-footer__inner{max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.ui-footer__note{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.ui-btn{min-height:var(--tap-min);border-radius:var(--radius-pill);border:0;padding:0 var(--space-5);font-weight:var(--weight-medium);font-size:var(--text-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background var(--duration-fast),transform .25s var(--ease-out),opacity var(--duration-fast),box-shadow var(--duration-fast);text-decoration:none}.ui-btn:active{transform:translateY(2px)}.ui-btn:disabled{opacity:.4;cursor:default;transform:none}.ui-btn--primary{background:var(--gradient-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-btn);transform:translateY(-2px);font-family:var(--font-display);letter-spacing:-.01em}.ui-btn--primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-3px);box-shadow:0 5px 0 var(--color-primary-deep)}.ui-btn--primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 0 var(--color-primary-deep)}.ui-btn--secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border-strong);box-shadow:var(--shadow-chunky)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.ui-btn--text{background:none;color:var(--color-accent);min-height:36px;padding:0 var(--space-3);font-weight:var(--weight-medium);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.ui-btn--block{width:100%}.ui-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.ui-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-tile{position:relative;min-height:64px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-chunky);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.ui-tile:hover{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ui-tile:active{transform:scale(.98)}.ui-tile--on{border-color:transparent;background:var(--gradient-primary);color:var(--color-primary-ink);animation:ui-boing .6s var(--ease-bounce)}.ui-tile--on,.ui-tile--on:hover{box-shadow:0 4px 0 var(--color-primary-deep);transform:translateY(-2px) rotate(-1deg)}.ui-tile--on .ui-tile__sub{color:rgba(255,255,255,.85)}@keyframes ui-boing{0%{transform:scale(.92)}}.ui-tile__emoji{font-size:26px;line-height:1;flex:none;transition:transform .4s var(--ease-bounce)}.ui-tile:hover .ui-tile__emoji{transform:scale(1.1) rotate(-4deg)}.ui-tile--on .ui-tile__emoji{transform:scale(1.15) rotate(-6deg)}.ui-tile__text{display:flex;flex-direction:column;min-width:0}.ui-tile__label{font-weight:var(--weight-medium)}.ui-tile__sub{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-tile__check{margin-left:auto;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--color-border-strong);flex:none;display:grid;place-items:center;font-family:var(--font-hand);font-size:22px;font-weight:700;line-height:1;color:var(--color-accent);overflow:visible}.ui-tile--on .ui-tile__check{border-color:#fff;color:#fff;animation:ui-tick .35s var(--ease-bounce)}@keyframes ui-tick{0%{transform:scale(.4) rotate(-20deg)}}.ui-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-chip{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-1);transition:background var(--duration-fast),border-color var(--duration-fast),transform .25s var(--ease-out)}.ui-chip:hover{border-color:var(--color-accent-bright)}.ui-chip--on{background:var(--color-pop);border-color:var(--color-pop);color:var(--color-pop-ink);font-weight:var(--weight-medium);animation:ui-pop .3s var(--ease-out)}.ui-chip--ghost{border-style:dashed;color:var(--color-text-muted);background:transparent}.ui-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.ui-field__label{font-weight:var(--weight-medium);font-size:var(--text-sm)}.ui-field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-field__error{font-size:var(--text-xs);color:var(--color-danger)}.ui-input,.ui-textarea{width:100%;border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-lg);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ui-input:focus,.ui-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.ui-input--hero{font-family:var(--font-hand);font-size:32px;line-height:1.2;color:var(--color-accent);text-align:center;padding:var(--space-3) var(--space-4)}.ui-textarea{min-height:140px;resize:vertical;line-height:var(--leading-body);font-size:var(--text-md);background-image:repeating-linear-gradient(180deg,transparent 0 23px,var(--paper-rule) 23px 24px);background-attachment:local;background-position:0 10px}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-text-faint);font-family:var(--font-body);font-size:var(--text-md)}.ui-input--hero::placeholder{font-size:var(--text-xl)}.ui-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-chunky)}.ui-card--muted{background:var(--color-surface-muted)}.ui-card--dark,.ui-card--muted{border-color:transparent;box-shadow:none}.ui-card--dark{background:var(--color-dark-surface);color:var(--color-dark-ink)}.ui-card__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3)}.ui-note{font-size:var(--text-sm);color:var(--color-text-muted)}.ui-tip{font-family:var(--font-hand);font-size:var(--text-md);line-height:1.3;color:var(--color-accent);display:flex;gap:var(--space-2);align-items:flex-start;letter-spacing:0}.ui-banner{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-highlight-ink);margin-bottom:var(--space-4);border:1px dashed var(--color-border-strong)}.ui-error{color:var(--color-danger);font-size:var(--text-sm)}.ui-trust{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);justify-content:center;font-size:var(--text-xs);color:var(--color-text-muted)}.ui-trust__item{display:inline-flex;gap:var(--space-1);align-items:center}.ui-trust__item>span{font-family:var(--font-hand);font-size:var(--text-md);font-weight:700;color:var(--color-accent)}.ui-bubble{display:flex;gap:var(--space-3);align-items:flex-start;margin:var(--space-4) 0}.ui-bubble__avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;color:var(--color-accent);font-size:16px;background:url(/brand/mascot/face.webp) 50%/contain no-repeat;font-size:0;animation:ui-bob 3s ease-in-out infinite}.ui-bubble__body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-top-left-radius:4px;padding:var(--space-3) var(--space-4);animation:ui-enter .4s var(--ease-out)}.ui-typing{display:inline-flex;gap:4px;padding:4px 0}.ui-typing span{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-text-faint);animation:ui-typing 1s infinite}.ui-typing span:nth-child(2){animation-delay:.15s}.ui-typing span:nth-child(3){animation-delay:.3s}@keyframes ui-typing{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.ui-tray{background:var(--color-surface);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.ui-tray__head{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2)}.ui-tray__head>span:first-child{font-family:var(--font-hand);font-size:var(--text-md);color:var(--color-accent)}.ui-tray__items{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.ui-tray__item{background:var(--color-highlight);color:var(--color-highlight-ink);font-size:var(--text-xs);padding:3px var(--space-2);border-radius:3px;transform:rotate(-1deg);animation:ui-drop .5s var(--ease-out)}.ui-tray__item:nth-child(2n){transform:rotate(.8deg)}@keyframes ui-drop{0%{transform:translateY(-14px) rotate(-8deg) scale(.8);opacity:0}}@keyframes ui-pop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.ui-strength{display:flex;align-items:center;gap:var(--space-2)}.ui-strength__dots{display:flex;gap:3px}.ui-strength__dot{width:14px;height:5px;border-radius:var(--radius-pill);background:var(--color-accent-soft);transition:background .4s var(--ease-out)}.ui-strength__dot--on{background:var(--color-primary)}.ui-example{display:flex;flex-direction:column;gap:var(--space-2)}.ui-example__from{font-family:var(--font-hand);font-size:var(--text-lg);line-height:1.3;color:var(--color-accent);letter-spacing:0}.ui-example__arrow{color:var(--color-text-faint);font-size:var(--text-sm)}.ui-example__to{font-family:var(--font-lyrics);font-size:var(--text-xl);line-height:1.3;color:var(--color-text);background-image:linear-gradient(100deg,transparent .2em,var(--color-highlight) .3em,var(--color-highlight) calc(100% - .3em),transparent calc(100% - .1em));background-repeat:no-repeat;background-position:0 75%;background-size:100% 60%;width:-moz-fit-content;width:fit-content;max-width:100%;padding:0 var(--space-1)}.ui-stages{list-style:none;padding:0;margin:0;flex-direction:column}.ui-stage,.ui-stages{display:flex;gap:var(--space-3)}.ui-stage{align-items:center;color:var(--color-text-faint);transition:color var(--duration-base)}.ui-stage__icon{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--color-border-strong);display:grid;place-items:center;flex:none;font-family:var(--font-hand);font-weight:700;font-size:20px}.ui-stage--active{color:var(--color-text);font-weight:var(--weight-medium)}.ui-stage--active .ui-stage__icon{border-radius:var(--radius-pill);border-color:var(--color-accent);border-top-color:transparent;animation:ui-spin .9s linear infinite}.ui-stage--done{color:var(--color-text)}.ui-stage--done .ui-stage__icon{border-color:var(--color-accent);color:var(--color-accent);animation:ui-tick .4s var(--ease-out)}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-progress{display:flex;flex-direction:column;gap:var(--space-2)}.ui-progress__row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.ui-progress__label{font-weight:var(--weight-medium)}.ui-progress__pct{color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-progress__track{height:10px;border-radius:var(--radius-pill);background:var(--color-accent-soft);overflow:hidden}.ui-progress__fill{height:100%;border-radius:inherit;background-color:var(--color-primary);transition:width 1s linear;background-image:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(255,255,255,.18) 6px 12px);background-size:34px 100%;animation:ui-stripes 1.2s linear infinite}@keyframes ui-stripes{to{background-position:34px 0}}.ui-lyrics{font-family:var(--font-lyrics);font-size:var(--text-xl);line-height:1.5}.ui-lyrics__section{margin-bottom:var(--space-4)}.ui-lyrics__tag{font-family:var(--font-hand);font-size:var(--text-md);color:var(--color-accent);margin-bottom:0;letter-spacing:0}.ui-lyrics__line{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;text-align:left;background:none;border:0;padding:1px 0;margin:0;font:inherit;color:inherit;cursor:default}.ui-lyrics__line--reveal{opacity:0;animation:ui-line .6s var(--ease-out) forwards}@keyframes ui-line{0%{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}.ui-lyrics__line--story{cursor:pointer;padding:1px var(--space-1);margin-left:calc(var(--space-1) * -1);border-radius:2px;background-image:linear-gradient(100deg,transparent .15em,var(--color-highlight) .25em,var(--color-highlight) calc(100% - .25em),transparent calc(100% - .1em));background-repeat:no-repeat;background-position:0 78%;background-size:100% 62%;transition:background-size .3s var(--ease-out)}.ui-lyrics__line--story:hover{background-size:100% 80%}.ui-lyrics__line--story.ui-lyrics__line--reveal{animation:ui-line .6s var(--ease-out) forwards,ui-swipe var(--duration-mark) var(--ease-out) both}@keyframes ui-swipe{0%,30%{background-size:0 62%}to{background-size:100% 62%}}.ui-lyrics__source{display:block;font-family:var(--font-hand);font-size:var(--text-md);line-height:1.3;color:var(--color-accent);margin:2px 0 var(--space-2);letter-spacing:0;animation:ui-enter .35s var(--ease-out)}.ui-lyrics__legend{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4)}.ui-lyrics__swatch{width:18px;height:10px;border-radius:2px;background:var(--color-highlight);display:inline-block;transform:skewX(-12deg);flex:none}.ui-player{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-chunky)}.ui-player__btn{width:56px;height:56px;border-radius:var(--radius-pill);border:0;background:var(--gradient-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-btn);font-size:20px;cursor:pointer;flex:none;display:grid;place-items:center;transition:transform .25s var(--ease-out)}.ui-player__btn:active{transform:translateY(3px);box-shadow:none}.ui-player__main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.ui-player__title{font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-player__bars{display:flex;align-items:flex-end;gap:2px;height:28px;cursor:pointer}.ui-player__bar{flex:1 1;border-radius:2px;background:var(--color-border);transition:background .3s}.ui-player__bar--played{background:var(--color-primary)}.ui-player__time{font-size:var(--text-xs);color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;justify-content:space-between}.ui-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.ui-checklist__item{display:flex;gap:var(--space-2);align-items:flex-start}.ui-checklist__icon{font-family:var(--font-hand);font-size:var(--text-lg);line-height:1.3;font-weight:700;color:var(--color-accent);flex:none}.ui-studio{position:relative;aspect-ratio:4/5;max-height:440px;width:100%;border-radius:var(--radius-lg);background:var(--color-dark-surface);color:var(--color-dark-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);text-align:center;overflow:hidden}.ui-studio__tape{width:min(48%,190px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.45));animation:ui-float 4s ease-in-out infinite}.ui-studio__tears{position:absolute;inset:0;pointer-events:none}.ui-studio__tears i{position:absolute;bottom:30%;width:10px;height:13px;background:var(--gradient-tear);-webkit-clip-path:path("M5 0C6.2 3 10 6 10 8.7A5 5 0 0 1 0 8.7C0 6 3.8 3 5 0Z");clip-path:path("M5 0C6.2 3 10 6 10 8.7A5 5 0 0 1 0 8.7C0 6 3.8 3 5 0Z");opacity:0;animation:ui-tear-up 5s linear infinite}.ui-studio__tears i:first-child{left:22%}.ui-studio__tears i:nth-child(2){left:72%;animation-delay:-1.6s}.ui-studio__tears i:nth-child(3){left:38%;animation-delay:-3.1s}.ui-studio__tears i:nth-child(4){left:62%;animation-delay:-4.2s}@keyframes ui-tear-up{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.9}to{transform:translateY(-180px) scale(1);opacity:0}}@keyframes ui-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-2deg)}}.ui-studio__eq{display:flex;align-items:flex-end;gap:5px;height:44px}.ui-studio__eq span{width:6px;border-radius:var(--radius-pill);background:var(--gradient-accent);animation:ui-eq 1.1s ease-in-out infinite}@keyframes ui-eq{0%,to{height:18%}50%{height:100%}}.ui-studio__msg{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-display);line-height:1.3;min-height:2.6em;animation:ui-enter .6s var(--ease-out)}.ui-studio__sub{font-family:var(--font-hand);font-size:var(--text-md);color:var(--color-accent-bright);letter-spacing:0}.ui-studio__rec{position:absolute;top:var(--space-4);left:var(--space-4);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em}.ui-studio__rec:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff4d3d;animation:ui-rec 1.4s ease-in-out infinite}@keyframes ui-rec{50%{opacity:.25}}.ui-video{width:100%;max-height:520px;border-radius:var(--radius-lg);background:var(--color-dark-surface);object-fit:cover}.ui-stack{flex-direction:column}.ui-row,.ui-stack{display:flex;gap:var(--space-3)}.ui-row{align-items:center;flex-wrap:wrap}.ui-divider{height:1px;background:var(--color-border);margin:var(--space-5) 0;border:0}.ui-pointer{text-align:center;font-family:var(--font-hand);font-size:var(--text-lg);color:var(--color-accent);padding:var(--space-2);letter-spacing:0;animation:ui-nudge 2s ease-in-out infinite}@keyframes ui-nudge{50%{transform:translateY(4px)}}.ui-center{text-align:center}.ui-mt{margin-top:var(--space-4)}.ui-collapse,.ui-mb{margin-bottom:var(--space-4)}.ui-collapse{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .65s var(--ease-out),opacity .4s var(--ease-out),margin .65s var(--ease-out)}.ui-collapse>*{overflow:hidden;min-height:0}.ui-collapse>*>.ui-card{margin-bottom:0}.ui-collapse--closed{grid-template-rows:0fr;opacity:0;margin-bottom:0}.ui-example--animate .ui-example__arrow{opacity:0;animation:ui-line .4s var(--ease-out) .5s forwards}.ui-example--animate .ui-example__to{opacity:0;animation:ui-line .5s var(--ease-out) .9s forwards,ui-swipe 1.2s var(--ease-out) .9s both}.ui-recap{display:flex;flex-direction:column}.ui-recap__row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:baseline;padding:var(--space-3) 0;border-top:1px dashed var(--color-border-strong)}.ui-recap__row:first-child{border-top:0;padding-top:0}.ui-recap__label{font-family:var(--font-hand);font-size:var(--text-md);color:var(--color-accent);letter-spacing:0}.ui-recap__value{min-width:0}.ui-recap__edit{background:none;border:0;color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.ui-picked{width:100%;min-height:56px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);text-align:left;background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 3px 0 var(--color-primary-deep);cursor:pointer;animation:ui-enter var(--duration-base) var(--ease-out)}.ui-picked__change{margin-left:auto;font-size:var(--text-sm);color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;flex:none}.ui-quote{margin:0;padding:var(--space-1) var(--space-3);border-left:2px solid var(--paper-margin);color:var(--color-accent);font-family:var(--font-hand);font-size:var(--text-md);line-height:1.35;letter-spacing:0}.ui-madlib{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-lyrics);font-size:var(--text-2xl);line-height:1.6}.ui-blank{display:inline;border:0;background:none;font:inherit;font-family:var(--font-hand);font-size:.85em;color:var(--color-accent);cursor:pointer;padding:0 2px;border-bottom:2px dashed var(--color-accent);border-radius:2px;animation:ui-blank-glow 1.6s ease-in-out infinite;letter-spacing:0}.ui-blank--active{animation:none;background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:0 6px}.ui-blank--filled{animation:ui-swipe .7s var(--ease-out) both;border-bottom:0;color:var(--color-text);background-image:linear-gradient(100deg,transparent .15em,var(--color-highlight) .25em,var(--color-highlight) calc(100% - .2em),transparent calc(100% - .05em));background-repeat:no-repeat;background-position:0 80%;background-size:100% 62%;padding:0 6px}.ui-blank--filled.ui-blank--active{background-color:var(--color-accent-soft)}@keyframes ui-blank-glow{0%,to{background-color:transparent}50%{background-color:var(--color-accent-soft)}}.ui-meter{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ui-meter__track{flex:1 1;height:8px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.ui-meter__fill{height:100%;background:var(--gradient-accent);border-radius:inherit;transition:width .5s var(--ease-out)}.ui-win{align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-highlight);color:var(--color-highlight-ink);font-weight:var(--weight-medium);animation:ui-pop .4s var(--ease-out)}.ui-dock,.ui-win{display:flex;gap:var(--space-2)}.ui-dock{flex-direction:column;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-glass-border);animation:ui-enter var(--duration-fast) var(--ease-out)}.ui-dock__head{display:flex;justify-content:space-between;align-items:center;font-weight:var(--weight-medium);font-size:var(--text-sm)}.ui-dock__row{display:flex;gap:var(--space-2)}.ui-dock__row .ui-input{font-size:var(--text-md);padding:var(--space-2) var(--space-3)}.ui-dock .ui-chip{min-height:36px;font-size:var(--text-sm)}.ui-beats{gap:var(--space-3)}.ui-beat,.ui-beats{display:flex;flex-direction:column}.ui-beat{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);gap:var(--space-2);transition:opacity var(--duration-base),border-color var(--duration-base);animation:ui-enter .5s var(--ease-out) both}.ui-beat:nth-child(2){animation-delay:.08s}.ui-beat:nth-child(3){animation-delay:.16s}.ui-beat:nth-child(4){animation-delay:.24s}.ui-beat:nth-child(n+5){animation-delay:.32s}.ui-beat--gone{opacity:.5}.ui-beat--gone .ui-beat__text{text-decoration:line-through;-webkit-text-decoration-color:var(--paper-margin);text-decoration-color:var(--paper-margin);text-decoration-thickness:2px}.ui-beat__text{font-family:var(--font-lyrics);font-size:var(--text-xl);line-height:1.35}.ui-beat__src{font-family:var(--font-hand);font-size:var(--text-md);color:var(--color-accent);letter-spacing:0}.ui-beat__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-beat__actions .ui-chip{min-height:36px}.ui-mascot{position:relative;aspect-ratio:1;width:100%;max-width:440px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#fff3ea;border:1.5px solid var(--color-border);box-shadow:var(--shadow-chunky)}.ui-mascot__layer{position:absolute;inset:0;animation:ui-mascot-in .6s var(--ease-out) both}.ui-mascot__layer--leaving{animation:ui-mascot-out .6s var(--ease-out) both}.ui-mascot__layer img,.ui-mascot__layer video{width:100%;height:100%;object-fit:cover;display:block}@keyframes ui-mascot-in{0%{opacity:0}}@keyframes ui-mascot-out{to{opacity:0}}.ui-mascot__rec{position:absolute;z-index:2;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);background:rgba(255,255,255,.85);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em}.ui-mascot__rec:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:ui-rec 1.4s ease-in-out infinite}.ui-mascot__bubble{position:absolute;z-index:2;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);margin:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-chunky);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-md);letter-spacing:-.02em;animation:ui-bubble-in .5s var(--ease-bounce) both}@keyframes ui-bubble-in{0%{opacity:0;transform:translateY(10px) scale(.96)}}