:root{--paper-50: #FBF8F3;--paper-100: #F5F0E8;--paper-200: #ECE4D7;--ink-900: #2A2520;--ink-700: #4E463D;--ink-500: #7C7266;--ink-300: #B3A99B;--white: #FFFFFF;--teal-800: #174D45;--teal-700: #1E6357;--teal-600: #27796A;--teal-200: #BFDED5;--teal-100: #E0EEE8;--coral-600: #D14E28;--coral-500: #E86440;--coral-200: #F8CDBE;--coral-100: #FCE7DE;--priority-high: #CC4B44;--priority-high-soft: #F8E1DF;--priority-med: #DB9A2E;--priority-med-soft: #F8EDD5;--priority-low: #5E9C6F;--priority-low-soft: #E2EFE4;--mood-bright: #EFBB4B;--mood-steady: #7FB5A4;--mood-foggy: #93A0BE;--mood-heavy: #8B7BA6;--mood-tender: #DE8E7A;--bg-app: var(--paper-50);--surface-card: var(--white);--surface-sunken: var(--paper-100);--surface-brand: var(--teal-700);--text-body: var(--ink-900);--text-muted: var(--ink-500);--text-faint: var(--ink-300);--text-on-brand: #F6FBF8;--border-soft: #E9E1D4;--border-strong: #D8CDBB;--accent-record: var(--coral-500);--link: var(--teal-700);--link-hover: var(--teal-800);--focus-ring: 0 0 0 3px rgba(39, 121, 106, .35);--font-display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-mono: "Spline Sans Mono", "SF Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 19px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 40px;--weight-regular: 400;--weight-bold: 700;--weight-display: 640;--weight-display-hero: 760;--leading-tight: 1.12;--leading-snug: 1.3;--leading-body: 1.5;--tracking-display: -.02em;--tracking-caps: .08em;--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-14: 56px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--tap-min: 44px;--shadow-card: 0 1px 2px rgba(42, 37, 32, .05), 0 6px 18px rgba(42, 37, 32, .07);--shadow-float: 0 12px 32px rgba(42, 37, 32, .16);--shadow-press: inset 0 2px 4px rgba(42, 37, 32, .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-med: .25s;--duration-slow: .45s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0f0e17;color:var(--text-body);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center}#root{width:390px;height:844px;max-height:844px;border-radius:44px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #00000026,0 20px 60px #0006;background-color:var(--bg-app)}@media (max-width: 430px){body{display:block;background-color:var(--bg-app)}#root{width:100%;height:100dvh;max-height:unset;border-radius:0;box-shadow:none}}a{color:var(--link);text-decoration-thickness:1.5px;text-underline-offset:2px}a:hover{color:var(--link-hover)}.app-shell{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background-color:var(--bg-app);position:relative}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:76px;scrollbar-width:thin}@keyframes pulseRecord{0%{transform:scale(1);box-shadow:0 0 #e8644066}50%{transform:scale(1.05);box-shadow:0 0 0 16px #e8644000}to{transform:scale(1);box-shadow:0 0 #e8644000}}.pulse-recording{animation:pulseRecord 1.6s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--duration-med) var(--ease-out) both}