:root{--bg: #FFF8F0;--surface: #FFFFFF;--surface-2: #FAF3E8;--surface-3: #F0E8DA;--mint: #A8D5BA;--mint-deep: #7BBF96;--mint-soft: #E5F2EA;--blush: #F4B6B6;--blush-deep: #E89090;--blush-soft: #FCE8E8;--lavender: #C7BCE5;--lavender-deep:#A491D1;--lavender-soft:#EEE9F7;--peach: #FFD4A8;--peach-deep: #F5B57E;--peach-soft: #FFEFDD;--sky: #B8DCEF;--sky-deep: #87BBDA;--sky-soft: #E5F1F8;--butter: #FFE5A8;--butter-deep: #F5C770;--ink: #3D3142;--ink-2: #5D4F66;--ink-3: #8B7E94;--ink-4: #B8AEC0;--primary: var(--mint-deep);--primary-bg: var(--mint);--primary-soft: var(--mint-soft);--success: #6FBA85;--success-bg: #C8E8D2;--success-soft: #E5F2EA;--error: #E89090;--error-bg: #F8D5D5;--error-soft: #FCE8E8;--warn: #F5B57E;--warn-bg: #FFE5C4;--streak: #F5A623;--streak-soft: #FFE9C4;--border: rgba(61,49,66,.08);--border-strong:rgba(61,49,66,.16);--border-focus: var(--primary);--font-body: "Nunito", "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Nunito", "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-rounded: "Nunito", "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 1px 2px rgba(61,49,66,.04), 0 1px 1px rgba(61,49,66,.06);--shadow-md: 0 4px 8px rgba(61,49,66,.05), 0 2px 4px rgba(61,49,66,.04);--shadow-lg: 0 12px 28px rgba(61,49,66,.06), 0 6px 12px rgba(61,49,66,.05);--shadow-pop: 0 8px 0 rgba(61,49,66,.08);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--text: var(--ink);--muted: var(--ink-3);--muted2: var(--ink-2);--accent: var(--primary);--accent2: var(--primary-bg);--accent-dim: var(--primary-soft);--surface2: var(--surface);--border2: var(--border-strong);--form-bg: var(--surface-2);--form-border: var(--border);--quote-bg: var(--primary-soft);--quote-border: var(--border);--bar-inactive: var(--surface-3);--sans: var(--font-body);--mono: var(--font-rounded)}[data-theme=dark]{--bg: #2A2530;--surface: #332D3A;--surface-2: #3D3644;--surface-3: #463E4F;--mint-soft: #2F4338;--blush-soft: #4A363B;--lavender-soft:#3D3650;--peach-soft: #4A3D32;--sky-soft: #2F4048;--ink: #F5EFE5;--ink-2: #D8CFE0;--ink-3: #9C8FA6;--ink-4: #6B5F75;--border: rgba(245,239,229,.1);--border-strong:rgba(245,239,229,.18);--primary-soft: #2F4338;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 8px rgba(0,0,0,.25), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 12px 28px rgba(0,0,0,.3), 0 6px 12px rgba(0,0,0,.2);--shadow-pop: 0 8px 0 rgba(0,0,0,.3);--form-bg: var(--surface-2);--bar-inactive: var(--surface-3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);overflow:hidden;transition:background .4s ease,color .4s ease;font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mesh{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 50% 40% at 10% 10%,var(--mint-soft) 0%,transparent 60%),radial-gradient(ellipse 45% 35% at 95% 20%,var(--blush-soft) 0%,transparent 55%),radial-gradient(ellipse 55% 40% at 85% 90%,var(--lavender-soft) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 5% 90%,var(--peach-soft) 0%,transparent 55%);opacity:.7;transition:opacity .4s ease}[data-theme=dark] .mesh{opacity:.4}.noise{display:none}.phone{position:relative;z-index:2;width:100vw;height:100vh;background:transparent;overflow:hidden;display:flex;flex-direction:column}.app-content-wrapper{flex:1;display:flex;flex-direction:column;width:100%;max-width:720px;margin:0 auto;overflow:hidden;min-height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);position:relative}.btn-primary{width:100%;padding:16px 22px;border-radius:var(--r-md);border:none;cursor:pointer;background:var(--primary);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:800;letter-spacing:.01em;box-shadow:0 4px 0 var(--primary-bg);transition:transform .1s ease,box-shadow .1s ease,background .2s ease}.btn-primary:hover{background:var(--primary);filter:brightness(1.05)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--primary-bg)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 0 var(--primary-bg)}.btn-ghost{width:100%;padding:14px 18px;border-radius:var(--r-md);background:var(--surface);border:2px solid var(--border-strong);color:var(--ink-2);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .1s}.btn-ghost:hover{border-color:var(--ink-3);color:var(--ink)}.btn-ghost:active{transform:translateY(1px)}input,textarea,select{font-family:var(--font-body)}input::selection,textarea::selection{background:var(--primary-soft);color:var(--ink)}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.slide-up{animation:slideUp .45s cubic-bezier(.16,1,.3,1) both}.fade-in{animation:fadeIn .3s ease both}.scale-in{animation:scaleIn .35s cubic-bezier(.16,1,.3,1) both}.shake{animation:shake .5s ease}.pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1) both}.float{animation:float 2.4s ease-in-out infinite}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}.num{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700;font-family:var(--font-body)}