.app{--canvas:#fcfaf7;--surface:#fff;--elevated:#f7f2ec;--ink:#1f1d1b;--ink-2:#6b6660;--ink-3:#a8a29b;--border:#ebe6e0;--border-strong:#d4cdc4;--coral:#e89f88;--sage:#a8c7b5;--lilac:#c9b8e0;--mint:#88d498;--warning:#f2d27d;--coral-strong:#c4684e;--lilac-strong:#8672b0;background:var(--canvas);color:var(--ink)}.font-sans-app{font-family:var(--font-dm-sans), system-ui, sans-serif}.font-serif-app{font-family:var(--font-dm-serif), Georgia, serif;font-weight:400}.font-mono-app{font-family:var(--font-dm-mono), ui-monospace, monospace}.sf{letter-spacing:-.01em;font-family:-apple-system,SF Pro Text,SF Pro,system-ui,Helvetica Neue,sans-serif}.paper-grain-app{pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.45  0 0 0 0 0.4  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.app-card{background:var(--surface);border:.75px solid var(--border);border-radius:24px;box-shadow:0 12px 24px #0000000f}.sys-glass{-webkit-backdrop-filter:blur(12px)saturate(1.8);background:#ffffff9e;border-radius:999px;box-shadow:inset 0 1px .5px #fffffff2,inset 0 -.5px .5px #0000000a,0 0 0 .5px #0000000f,0 6px 16px -8px #00000029}.composer-glass{-webkit-backdrop-filter:blur(18px)saturate(1.7);background:#ffffff8c;border-radius:24px;box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .75px #ffffffb3,inset 0 -1px 1px #00000008,0 0 0 .5px #0000000d,0 14px 30px -16px #3c281e2e}.glass-capsule{-webkit-backdrop-filter:blur(10px)saturate(1.6);background:#fff9;border-radius:999px;box-shadow:inset 0 1px .5px #fff,inset 0 -.5px .5px #0000000d,0 0 0 .5px #00000012,0 4px 12px -6px #00000024}.glass-prominent{background:linear-gradient(#ffffff29, #fff0 55%), var(--coral-strong);border-radius:999px;box-shadow:inset 0 1px .5px #ffffff73,inset 0 -1px 1px #0000001f,0 6px 16px -8px #c4684eb3}.tab-glass{-webkit-backdrop-filter:blur(16px)saturate(1.8);background:#ffffffa8;border-radius:999px;box-shadow:inset 0 1px .5px #fff,0 0 0 .5px #00000012,0 10px 30px -12px #00000038}.tab-selected{background:#0000000e}@property --glow-a{syntax:"<angle>";inherits:false;initial-value:0deg}.intelligence-glow{pointer-events:none;background:#e89f8812;border-radius:12px;position:absolute;inset:2px -6px}.intelligence-glow.is-card{background:0 0;border-radius:24px;inset:0}.intelligence-glow:before,.intelligence-glow:after{content:"";border-radius:inherit;background:conic-gradient(from var(--glow-a), #c4684e, #f2d27d, #c9b8e0, #e89f8840, #c4684e);-webkit-mask-composite:xor;padding:1.25px;animation:2.8s linear infinite glow-turn;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.intelligence-glow:after{filter:blur(3px);opacity:.55;padding:3px}@keyframes glow-turn{to{--glow-a:360deg}}.breathe{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.55;transform:scale(.92)}}.ios-caret{vertical-align:-4px;background:var(--coral);border-radius:1px;width:2px;height:20px;margin-left:1px;animation:1s step-end infinite ios-caret;display:inline-block}@keyframes ios-caret{50%{opacity:0}}.person-pill{vertical-align:middle;height:25px;color:var(--coral);background:#e89f882e;border-radius:999px;align-items:center;gap:6px;margin:0 1px;padding:0 10px 0 3px;font-size:16px;font-weight:600;line-height:1;display:inline-flex;position:relative;top:-1px;box-shadow:inset 0 0 0 .75px #e89f8866}.person-pill-avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.9px;font-weight:700;display:inline-flex}.sheet{background:var(--canvas);border-radius:38px 38px 0 0;overflow:hidden;box-shadow:0 -10px 40px -10px #00000040}.list-section{background:var(--surface);border-radius:22px;overflow:hidden}.reading-card{background:var(--surface);border-radius:24px;box-shadow:0 12px 24px #0000000f}.avatar{font-family:var(--font-dm-sans), system-ui, sans-serif;color:var(--ink);background:color-mix(in srgb, var(--swatch) 32%, transparent);box-shadow:inset 0 0 0 1.5px var(--swatch);border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s,color .2s;display:inline-flex}.avatar.is-off{color:var(--ink-3);box-shadow:none;outline-offset:-1px;background:#fcfaf799;outline:1px dashed #d4cdc4b3}.mic-pulse{animation:1.1s ease-out infinite mic-pulse}@keyframes mic-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@property --siri-a{syntax:"<angle>";inherits:false;initial-value:0deg}.siri-edge{background:conic-gradient(from var(--siri-a), #ff8a5b, #ff5fa2, #b26bff, #5ea8ff, #59e0c5, #ffd25a, #ff8a5b);-webkit-mask-composite:xor;filter:blur(8px);pointer-events:none;border-radius:56px;padding:10px;animation:3s linear infinite siri-turn;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes siri-turn{to{--siri-a:360deg}}@media (prefers-reduced-motion:reduce){.mic-pulse,.siri-edge,.intelligence-glow:before,.intelligence-glow:after,.breathe,.ios-caret{animation:none}}.siri-card{-webkit-backdrop-filter:blur(24px)saturate(1.6);background:#ffffffc7;border-radius:32px;box-shadow:inset 0 1px .5px #fff,0 0 0 .5px #0000000f,0 20px 40px -20px #0000004d}
:root{--phone-scale:.84}.phone-frame{width:calc(390px * var(--phone-scale) + 22px);height:calc(844px * var(--phone-scale) + 22px);border-radius:calc(56px * var(--phone-scale) + 11px);background:#1a1a19;padding:11px;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 0 3.5px #0a0a0a,0 50px 90px -40px #00000059,0 18px 36px -24px #0000004d}.phone-screen{width:calc(390px * var(--phone-scale));height:calc(844px * var(--phone-scale));border-radius:calc(56px * var(--phone-scale));isolation:isolate;clip-path:inset(0 round calc(56px * var(--phone-scale)));position:relative;overflow:hidden}.phone-canvas{width:390px;height:844px;transform:scale(var(--phone-scale));transform-origin:0 0;-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0}.phone-island{top:calc(11px + 11px * var(--phone-scale));width:calc(124px * var(--phone-scale));height:calc(36px * var(--phone-scale));background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}