:root{--bg-canvas: #FFFFFF;--bg-subtle: #FAFAFA;--bg-muted: #F4F4F5;--bg-elevated: #FFFFFF;--border-subtle: #EDEEF0;--border-default: #E4E4E7;--border-strong: #D4D4D8;--text-primary: #0A0A0A;--text-secondary: #52525B;--text-muted: #8A8F98;--text-disabled: #B4B4B8;--text-on-accent: #FFFFFF;--accent: #0A0A0A;--accent-hover: #1F1F22;--accent-active: #2A2A2E;--success: #15803D;--success-bg: #F0FDF4;--success-border: #BBF7D0;--danger: #B91C1C;--danger-bg: #FEF2F2;--danger-border: #FECACA;--warn: #B45309;--warn-bg: #FFFBEB;--warn-border: #FDE68A;--focus-ring: 0 0 0 1px var(--accent), 0 0 0 4px rgba(10, 10, 10, .08);--shadow-xs: 0 0 0 1px rgba(17, 24, 39, .06);--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04), 0 0 0 1px rgba(17, 24, 39, .06);--shadow-md: 0 4px 12px -2px rgba(17, 24, 39, .06), 0 0 0 1px rgba(17, 24, 39, .06);--shadow-lg: 0 8px 24px -6px rgba(17, 24, 39, .1), 0 0 0 1px rgba(17, 24, 39, .06);--shadow-pop: 0 16px 40px -10px rgba(17, 24, 39, .18), 0 0 0 1px rgba(17, 24, 39, .08);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Fraunces", "Times New Roman", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, ui-monospace, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 44px;--text-5xl: 56px;--control-h-sm: 28px;--control-h-md: 38px;--control-h-lg: 44px;--ease-out: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur-mid: .22s;--dur-slow: .38s}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-mid: 0ms;--dur-slow: 0ms}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{color-scheme:light}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}[role=tab],[role=button]{-webkit-tap-highlight-color:transparent}::selection{background:#0a0a0a1f}@media (max-width: 640px){.field input,.field textarea,.field select,input,textarea,select{font-size:16px}}h1,h2,h3,h4{margin:0;font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}h1{font-size:var(--text-3xl);line-height:1.1;letter-spacing:-.022em}h2{font-size:var(--text-xl);line-height:1.25}h3{font-size:var(--text-lg);line-height:1.3}.display{font-family:var(--font-display);font-weight:400;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80,"wght" 380;letter-spacing:-.025em;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.02;color:var(--text-primary)}p{margin:0}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}a{color:var(--text-primary);text-underline-offset:3px;text-decoration-color:var(--border-strong)}a:hover{text-decoration-color:var(--text-primary)}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-feature-settings:"ss01"}.eyebrow:before{content:"";width:14px;height:1px;background:var(--border-strong)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.btn,.btn-primary,.btn-outline,.nav-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h-md);padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-canvas);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;letter-spacing:-.005em;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #fff9,0 1px 2px #1118270a;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,transform var(--dur-fast) ease}.btn svg,.btn-primary svg,.btn-outline svg,.nav-button svg,.danger-button svg{flex:0 0 auto}.btn:hover:not(:disabled),.btn-outline:hover:not(:disabled),.nav-button:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong);box-shadow:inset 0 1px #fff9,0 1px 2px #1118270f,0 4px 8px -2px #1118270f}.btn:active:not(:disabled),.btn-outline:active:not(:disabled),.nav-button:active:not(:disabled),.btn-primary:active:not(:disabled),.danger-button:active:not(:disabled){transform:translateY(.5px);box-shadow:inset 0 1px #fff6,0 1px 1px #1118270a}.btn:disabled,.btn-primary:disabled,.btn-outline:disabled,.nav-button:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.nav-button:focus-visible,.danger-button:focus-visible{outline:none;box-shadow:var(--focus-ring),inset 0 1px #fff9}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000002e,0 1px 2px #0000002e,0 2px 4px -1px #0000001f}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0000002e,0 2px 4px #0000002e,0 6px 12px -3px #0000002e}.btn-outline{background:transparent;box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--bg-subtle);box-shadow:inset 0 1px #fff9,0 1px 2px #1118270a}.btn-lg{height:var(--control-h-lg);padding:0 20px;font-size:var(--text-base)}.btn-sm{height:var(--control-h-sm);padding:0 12px;font-size:var(--text-xs)}.danger-button{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.danger-button:hover:not(:disabled){background:#fee5e5;border-color:#fcbaba}.link-button{border:0;background:transparent;color:var(--text-primary);padding:4px 0;height:auto;font-size:var(--text-sm);font-weight:500;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer;transition:text-decoration-color var(--dur-fast) ease}.link-button:hover{text-decoration-color:var(--text-primary)}.field{display:grid;gap:6px;margin-bottom:14px}.field span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:0}.field input,.field textarea,.field select{width:100%;height:var(--control-h-md);padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-canvas);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:inset 0 1px 1px #11182706,0 1px 1px #11182705;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background var(--dur-fast) ease}.field textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical;line-height:1.55;box-shadow:inset 0 1px 1px #11182706}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field input:hover:not(:focus):not(:disabled),.field textarea:hover:not(:focus):not(:disabled),.field select:hover:not(:focus):not(:disabled){border-color:var(--border-strong);box-shadow:inset 0 1px 1px #11182708,0 1px 2px #1118270a}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);background:var(--bg-canvas);box-shadow:inset 0 1px 1px #11182706,0 0 0 4px #0a0a0a12}.field input:disabled,.field textarea:disabled,.field select:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.field input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:grayscale(1)}.field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:500;letter-spacing:0}.error{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border-default);background:var(--bg-canvas);color:var(--text-primary);border-radius:var(--radius-md);padding:10px 14px;margin:12px 0;font-size:var(--text-sm);line-height:1.5;box-shadow:var(--shadow-xs)}.error:before{content:"";width:6px;height:6px;border-radius:50%;background:#ef4444;margin-top:7px;flex:0 0 auto;box-shadow:0 0 0 2px #ef44442e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#11182773;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:16px;animation:fade-in var(--dur-mid) var(--ease-out) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body{background:var(--bg-canvas);background-image:radial-gradient(700px 360px at 80% -8%,rgba(10,10,10,.04),transparent 60%),radial-gradient(560px 320px at -10% 110%,rgba(10,10,10,.03),transparent 60%);background-attachment:fixed}.page{width:min(620px,100%);margin:0 auto;min-height:100vh;padding:28px 16px 56px;display:grid;gap:14px;align-content:start}.hero{position:relative;padding:40px 8px 28px;text-align:center;display:grid;gap:10px;justify-items:center}.hero:before{content:"";display:block;width:1px;height:28px;background:var(--border-strong);margin:0 auto 10px}.hero-eyebrow{margin:0;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:4px 0 2px;font-family:var(--font-display);font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 380;font-weight:400;font-size:clamp(36px,10vw,60px);line-height:1.04;letter-spacing:-.028em;color:var(--text-primary);max-width:min(100%,18ch);overflow-wrap:anywhere;word-break:break-word}.hero-meta{margin:0;display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;letter-spacing:0}.hero-meta-sep{color:var(--text-muted)}.hero-welcome{max-width:38ch;margin:12px auto 0;font-family:var(--font-display);font-style:italic;font-variation-settings:"opsz" 36,"SOFT" 100,"wght" 380;color:var(--text-secondary);font-size:var(--text-md);line-height:1.5}.name-gate{display:grid;gap:8px}.name-gate h2{font-family:var(--font-display);font-style:italic;font-variation-settings:"opsz" 36,"SOFT" 100,"wght" 400;font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.015em}.name-gate .btn{width:100%}.name-gate .description{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.panel{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px}.quota-strip{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px 16px;display:grid;gap:12px}.quota-strip-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.quota-name{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere;min-width:0}.quota-name svg{color:var(--text-muted);flex:0 0 auto}.quota-pills{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.quota-pill{display:inline-flex;align-items:baseline;gap:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:5px 12px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500}.quota-pill svg{align-self:center;color:var(--text-muted);flex:0 0 auto}.quota-pill strong{font-feature-settings:"tnum","ss01";color:var(--text-primary);font-weight:600;font-size:var(--text-sm);letter-spacing:-.005em}.quota-pill-meta{color:var(--text-muted)}.quota-pill--done{background:transparent;color:var(--text-muted)}.quota-pill--done strong{color:var(--text-muted)}.quota-error{margin:0;color:var(--danger);font-size:var(--text-xs)}.compose{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.compose-tabs{display:flex;gap:2px;padding:8px;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle)}.compose-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;border:0;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;position:relative}.compose-tab svg{color:var(--text-muted);flex:0 0 auto}.compose-tab:hover:not(.compose-tab--active){color:var(--text-primary);background:#ffffff80}.compose-tab--active{background:var(--bg-canvas);color:var(--text-primary);box-shadow:var(--shadow-xs)}.compose-tab--active svg{color:var(--text-primary)}.compose-tab-count{font-feature-settings:"tnum";color:var(--text-muted);font-size:var(--text-xs);font-weight:500;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:1px 7px;min-width:22px;text-align:center}.compose-tab--active .compose-tab-count{border-color:var(--border-default);color:var(--text-primary)}.compose-body{padding:22px 20px}.composer{display:grid;gap:14px}.compose-submit{width:100%}.dropzone{display:grid;justify-items:center;gap:6px;padding:28px 16px;background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease;text-align:center;font-family:inherit}.dropzone:hover:not(:disabled){background:var(--bg-muted);border-color:var(--accent)}.dropzone:disabled{opacity:.6;cursor:not-allowed}.dropzone-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--bg-canvas);border:1px solid var(--border-default);color:var(--text-primary);margin-bottom:4px;box-shadow:var(--shadow-xs)}.dropzone strong{font-size:var(--text-base);font-weight:600;color:var(--text-primary);letter-spacing:-.005em}.dropzone-hint{color:var(--text-muted);font-size:var(--text-xs)}.selected-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.selected-image{position:relative;aspect-ratio:1 / 1;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-muted)}.selected-image img{width:100%;height:100%;object-fit:cover;display:block}.selected-image button{position:absolute;right:6px;top:6px;width:26px;height:26px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#fffffff5;color:var(--danger);display:grid;place-items:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--dur-fast) ease}.selected-image button:hover{background:var(--bg-canvas)}.record-cta{display:grid;justify-items:center;gap:8px;padding:36px 16px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease;text-align:center;font-family:inherit}.record-cta:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-default)}.record-cta:disabled{opacity:.6;cursor:not-allowed}.record-cta-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);box-shadow:inset 0 1px #ffffff29,0 8px 20px -8px #0000004d,0 1px 2px #00000029;margin-bottom:6px}.record-cta strong{font-size:var(--text-base);font-weight:600;color:var(--text-primary);letter-spacing:-.005em}.recording-state{display:grid;justify-items:center;gap:10px;padding:32px 16px;text-align:center}.record-pulse{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;margin-bottom:6px}.record-pulse:before,.record-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);border:2px solid var(--danger);opacity:.6;animation:record-ring 1.6s var(--ease-out) infinite}.record-pulse:after{animation-delay:.8s}.recording-state strong{font-size:var(--text-base);color:var(--text-primary);font-weight:600}@keyframes record-ring{0%{transform:scale(1);opacity:.55}to{transform:scale(1.6);opacity:0}}.voice-preview{display:grid;gap:12px;padding:18px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.voice-preview audio{width:100%;height:40px}.voice-meta{margin:0;color:var(--text-muted);font-size:var(--text-xs);text-align:center}.voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.voice-actions .btn{width:100%}.message-quote{position:relative;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px 22px 28px;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.message-quote:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #0a0a0a12}.message-quote textarea{width:100%;min-height:130px;border:0;background:transparent;resize:vertical;padding:0;font-family:var(--font-display);font-style:italic;font-variation-settings:"opsz" 36,"SOFT" 80,"wght" 380;font-size:var(--text-lg);line-height:1.55;color:var(--text-primary);outline:none;box-shadow:none}.message-quote textarea::placeholder{color:var(--text-muted);font-family:var(--font-display);font-style:italic}.quote-mark{position:absolute;font-family:var(--font-display);font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"wght" 380;font-size:48px;line-height:1;color:var(--border-strong);-webkit-user-select:none;user-select:none;pointer-events:none}.quote-mark--open{top:-2px;left:8px}.quote-mark--close{bottom:-8px;right:14px}@media (max-width: 520px){.quote-mark{font-size:36px}.quote-mark--open{top:0;left:6px}.quote-mark--close{bottom:-2px;right:10px}.message-quote{padding:18px 18px 22px}.message-quote textarea{font-size:16px}}.message-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.char-count{color:var(--text-muted);font-feature-settings:"tnum";font-size:var(--text-xs)}.my-uploads{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:10px}.my-upload{display:grid;gap:6px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);padding:10px;min-width:0}.my-upload img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm);display:block}.my-upload audio{width:100%;min-width:0}.my-upload p{margin:0;color:var(--text-primary);line-height:1.45;overflow-wrap:anywhere;font-size:var(--text-sm)}.my-upload span{color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.my-upload small{color:var(--text-secondary);font-size:var(--text-xs);overflow-wrap:anywhere}.toast{position:sticky;bottom:16px;justify-self:center;width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:10px;background:#0f0f11;color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-pill);padding:10px 18px 10px 14px;font-weight:500;font-size:var(--text-sm);letter-spacing:-.005em;box-shadow:0 1px 2px #00000052,0 12px 28px -6px #0000005c;animation:rise var(--dur-mid) var(--ease-out) both}.toast:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff6;flex:0 0 auto}.toast svg{color:#ffffffeb;flex:0 0 auto}.toast--success:before{background:#4ade80;box-shadow:0 0 0 3px #4ade802e}.toast--error:before{background:#f87171;box-shadow:0 0 0 3px #f871712e}.toast--info:before{background:#ffffff73;box-shadow:0 0 0 3px #ffffff0f;animation:toast-pulse 1.4s ease-in-out infinite}@keyframes toast-pulse{0%,to{opacity:.5}50%{opacity:1}}.notice{margin:22vh auto 0;max-width:460px;background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;font-family:var(--font-display);font-style:italic;font-variation-settings:"opsz" 36,"SOFT" 100,"wght" 400;font-size:var(--text-lg);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:8px 0 0}footer{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);padding:24px 0 0;font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;position:relative}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:1px;background:var(--border-strong)}footer svg{color:var(--text-secondary);width:13px;height:13px}.page>*{animation:rise var(--dur-slow) var(--ease-out) both}.page>*:nth-child(1){animation-delay:60ms}.page>*:nth-child(2){animation-delay:.13s}.page>*:nth-child(3){animation-delay:.2s}.page>*:nth-child(4){animation-delay:.27s}.page>*:nth-child(5){animation-delay:.34s}@media (max-width: 640px){.page{padding:20px 14px 48px;gap:12px}.hero{padding:32px 4px 22px}.hero:before{height:22px;margin-bottom:8px}.hero-eyebrow{font-size:11px;letter-spacing:.16em}.hero-meta{font-size:13px}.panel{padding:18px 16px;border-radius:var(--radius-md)}.quota-strip{padding:14px;border-radius:var(--radius-md)}.quota-strip-head{gap:8px}.quota-pills{gap:4px}.quota-pill{padding:4px 10px}.compose{border-radius:var(--radius-md)}.compose-tabs{padding:6px}.compose-tab{height:40px;padding:0 10px;gap:6px}.compose-tab span:not(.compose-tab-count){font-size:var(--text-xs)}.compose-body{padding:18px 16px}.voice-actions{grid-template-columns:1fr}.dropzone{padding:24px 14px}.record-cta,.recording-state{padding:28px 14px}.selected-image button{width:32px;height:32px;right:6px;top:6px}.compose-tab-count{padding:1px 6px;min-width:20px;font-size:11px}}@media (max-width: 380px){.compose-tab span:not(.compose-tab-count){display:none}.compose-tab{padding:0 8px;gap:4px}.quota-pills{width:100%}.quota-pill{font-size:11px}.quota-pill strong{font-size:13px}.hero h1{font-size:clamp(32px,11vw,44px)}}@supports (padding: env(safe-area-inset-bottom)){.page{padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 32px));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.toast{bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px))}}