:root{color-scheme:dark;--color-bg: #134e44;--color-bg-raised: #1e5e53;--color-surface: #fff4e3;--color-text: #fff4e3;--color-ink: #1b2b27;--color-muted: #56645f;--color-muted-on-bg: #b7d3cb;--color-primary: #ff9b54;--color-on-primary: #1b2b27;--color-secondary: #8fd3c1;--color-on-secondary: #1b2b27;--color-success: #2a7f50;--color-warning: #a55a14;--color-focus: #8fd3c1;--color-border: rgba(255, 244, 227, .22);--color-player-bg: #1e5e53;--color-tone-love: #ff9fb0;--color-tone-polite: #b3ccff;--color-tone-rude: #ffc53d;--font-display: "Baloo 2", "Baloo Bhaijaan 2", system-ui, sans-serif;--font-body: Figtree, Tajawal, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-h1: 1.875rem;--font-size-h2: 1.25rem;--font-size-md: 1.0625rem;--font-size-sm: .875rem;--font-size-button: 1.125rem;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--line-height: 1.45;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--border-width: 2px;--shadow-card: 0 4px 0 rgba(8, 30, 26, .35);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-max-width: 480px;--tap-min: 48px;--duration-fast: .12s}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font:var(--font-weight-regular) var(--font-size-md) / var(--line-height) var(--font-body);-webkit-text-size-adjust:100%}#app{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));display:grid;gap:var(--space-4)}h1,h2{font-family:var(--font-display);font-weight:var(--font-weight-heavy);line-height:1.1;margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}p{margin:0}a{color:inherit}.muted{color:var(--color-muted-on-bg);font-size:var(--font-size-sm)}.center{text-align:center}.stack{display:grid;gap:var(--space-3)}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.card{background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.card .muted{color:var(--color-muted)}.brand{display:grid;justify-items:center;gap:var(--space-2);padding-top:var(--space-2)}.brand canvas{display:block}.huff{display:block;margin:0 auto}button,.button{font:inherit;font-size:var(--font-size-button);font-weight:var(--font-weight-bold);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-border);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button:disabled{cursor:default}.primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);width:100%;box-shadow:var(--shadow-card)}.primary:disabled{opacity:.85}.big{min-height:calc(var(--tap-min) * 1.3)}.link{border:0;background:none;padding:0;min-height:0;text-decoration:underline;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-muted-on-bg)}.suggestion{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-surface);text-align:start;border-radius:var(--radius-md);font-size:var(--font-size-md)}textarea,input[type=text]{font:inherit;width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:0;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-card)}textarea::placeholder{color:var(--color-muted)}textarea{min-height:104px;resize:vertical}.pills{display:flex;gap:var(--space-2)}.pill{flex:1;padding-inline:var(--space-2)}.pill[aria-pressed=true]{color:var(--color-ink);border-color:transparent}.pill[data-tone=love][aria-pressed=true]{background:var(--color-tone-love)}.pill[data-tone=polite][aria-pressed=true]{background:var(--color-tone-polite)}.pill[data-tone=rude][aria-pressed=true]{background:var(--color-tone-rude)}.player{display:block;height:min(58vh,calc((min(100vw,var(--page-max-width)) - 2 * var(--space-4)) * 16 / 9));width:auto;aspect-ratio:9 / 16;background:var(--color-player-bg);border-radius:var(--radius-lg);margin:0 auto;border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-card)}.beats{margin:0;padding-inline-start:var(--space-5);display:grid;gap:var(--space-1)}.beats li::marker{font-family:var(--font-display);font-weight:var(--font-weight-heavy);color:var(--color-primary)}.sources{font-size:var(--font-size-sm);color:var(--color-muted-on-bg)}.sources a{color:var(--color-text)}.send{position:relative;overflow:hidden;isolation:isolate}.send .fill{position:absolute;inset:0;z-index:-1;transform-origin:left;transform:scaleX(0);background:#1b2b2729}.send.ready .fill{display:none}.send:not(.ready){background:var(--color-bg-raised);color:var(--color-text);border-color:var(--color-bg-raised);box-shadow:none}.error{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.spinner{text-align:center;padding:var(--space-4) 0}.hidden{display:none!important}