:root{--bg: #0B1426;--surface: rgba(255, 255, 255, .06);--surface-elevated: rgba(255, 255, 255, .1);--surface-solid: #132140;--text: #E8EDF2;--text-secondary: #9BAFC4;--text-tertiary: #5E7389;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--accent: #4ECDC4;--accent-soft: rgba(78, 205, 196, .15);--nap: #FFB84D;--nap-soft: rgba(255, 184, 77, .15);--night: #5BA3E8;--night-soft: rgba(91, 163, 232, .15);--insights: #818CF8;--insights-soft: rgba(129, 140, 248, .15);--success: #68D391;--success-soft: rgba(104, 211, 145, .15);--warning: #F6AD55;--error: #FC8181;--moon: #FFD93D;--gradient-bg: linear-gradient(180deg, #0B1426 0%, #0D1B2A 50%, #101E30 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--gradient-glass-elevated: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .04) 100%);--gradient-accent: linear-gradient(135deg, #4ECDC4 0%, #44A3AA 100%);--gradient-nap: linear-gradient(135deg, #FFB84D 0%, #FF9A3C 100%);--gradient-night: linear-gradient(135deg, #5BA3E8 0%, #818CF8 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-xxl: 32px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-h1: 28px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-body: 16px;--font-size-caption: 13px;--font-size-small: 11px;--line-height-h1: 34px;--line-height-h2: 30px;--line-height-h3: 26px;--line-height-body: 24px;--line-height-caption: 18px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text);background:var(--gradient-bg);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:#5ef5ec;text-decoration:underline}#root{min-height:100vh}.landing{min-height:100vh;padding:var(--space-lg);padding-bottom:var(--space-xxl)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xxl) 0;max-width:480px;margin:0 auto}.hero-badge{width:100px;height:100px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);box-shadow:0 4px 24px #4ecdc44d}.hero-emoji{font-size:48px}.hero-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 var(--space-sm)}.hero-tagline{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-secondary);margin:0 0 var(--space-xl)}.hero-cta{display:inline-block;padding:var(--space-md) var(--space-xl);background:var(--gradient-accent);color:var(--bg)!important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);border-radius:var(--radius-xl);text-decoration:none!important;transition:transform .2s,box-shadow .2s}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4ecdc466}.features{max-width:960px;margin:0 auto var(--space-xxl)}.features-title{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-bold);color:var(--text);text-align:center;margin:0 0 var(--space-xl)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.features-grid{grid-template-columns:repeat(3,1fr)}.features-grid .feature-card:first-child{grid-column:span 2}.features-grid .feature-card:nth-child(4){grid-column:span 2}}.feature-card{background:var(--gradient-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--feature-accent, var(--accent));transform:translateY(-2px)}.feature-card-emoji{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--feature-accent, var(--accent)) 20%,transparent);border:2px solid color-mix(in srgb,var(--feature-accent, var(--accent)) 40%,transparent);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:var(--space-md)}.feature-card-title{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-semibold);color:var(--text);margin:0 0 var(--space-sm)}.feature-card-desc{font-size:var(--font-size-body);line-height:1.5;color:var(--text-secondary);margin:0}.landing-footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer-cta{display:inline-block;padding:var(--space-sm) var(--space-lg);color:var(--accent)!important;font-weight:var(--font-weight-semibold);text-decoration:none!important}.footer-cta:hover{text-decoration:underline!important}.landing-footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-caption)}.landing-footer-legal a{color:var(--text-secondary)!important;font-weight:var(--font-weight-medium)}.landing-footer-legal a:hover{color:var(--accent)!important}.landing-footer-sep{color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.download-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.download-content{max-width:400px;width:100%;text-align:center}.download-back{display:inline-block;margin-bottom:var(--space-xl);color:var(--text-secondary)!important;font-size:var(--font-size-caption)}.download-back:hover{color:var(--accent)!important}.download-hero{margin-bottom:var(--space-xl)}.download-icon-wrap{width:100px;height:100px;margin:0 auto var(--space-md);border-radius:var(--radius-xl);overflow:hidden;background:var(--gradient-glass);border:1px solid var(--border)}.download-icon{width:100%;height:100%;object-fit:cover}.download-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 var(--space-sm)}.download-subtitle{font-size:var(--font-size-body);color:var(--text-secondary);margin:0}.download-fallback{margin-bottom:var(--space-xl)}.download-fallback-hint{font-size:var(--font-size-caption);color:var(--text-secondary);margin:0 0 var(--space-md)}.download-buttons{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.download-btn{display:inline-block;width:100%;max-width:240px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);text-align:center;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.download-btn:hover{transform:translateY(-2px)}.download-btn-apple{background:var(--gradient-glass);border:1px solid var(--border);color:var(--text)!important}.download-btn-apple:hover{border-color:var(--accent);box-shadow:0 8px 24px #4ecdc433}.download-btn-google{background:var(--gradient-accent);color:var(--bg)!important}.download-btn-google:hover{box-shadow:0 8px 24px #4ecdc466}.download-qr-hint{font-size:var(--font-size-caption);color:var(--text-secondary);margin:0 0 var(--space-md)}.download-qr-section{padding:var(--space-xl);background:var(--gradient-glass);border:1px solid var(--border);border-radius:var(--radius-xl)}.download-qr-wrap{display:inline-flex;padding:var(--space-md);background:var(--bg);border-radius:var(--radius-md)}.download-qr-wrap svg{display:block}.download-qr-label{font-size:var(--font-size-caption);color:var(--text-secondary);margin:var(--space-md) 0 0}.legal-page{min-height:100vh;padding:var(--space-lg);padding-bottom:var(--space-xxl)}.legal-inner{max-width:640px;margin:0 auto}.legal-back{display:inline-block;margin-bottom:var(--space-xl);color:var(--text-secondary)!important;font-size:var(--font-size-caption)}.legal-back:hover{color:var(--accent)!important}.legal-panel{padding:var(--space-xl);background:var(--gradient-glass);border:1px solid var(--border);border-radius:var(--radius-xl)}.legal-title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 var(--space-sm)}.legal-updated{font-size:var(--font-size-caption);color:var(--text-tertiary);margin:0 0 var(--space-xl)}.legal-body{font-size:var(--font-size-body);line-height:1.55;color:var(--text-secondary)}.legal-body h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-semibold);color:var(--text);margin:var(--space-xl) 0 var(--space-sm)}.legal-body h2:first-of-type{margin-top:0}.legal-body p{margin:0 0 var(--space-md)}.legal-body ul{margin:0 0 var(--space-md);padding-left:var(--space-lg)}.legal-body li{margin-bottom:var(--space-sm)}.legal-body li:last-child{margin-bottom:0}.legal-body a{color:var(--accent)}.legal-footer-nav{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);font-size:var(--font-size-caption)}.legal-footer-nav a{color:var(--accent)!important;font-weight:var(--font-weight-medium)}.legal-muted{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--text-tertiary);margin:0 0 var(--space-md)}.legal-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em;color:var(--text-secondary);word-break:break-all}.legal-ordered{margin:0 0 var(--space-md);padding-left:var(--space-lg);color:var(--text-secondary)}.legal-ordered li{margin-bottom:var(--space-sm)}.legal-ordered li:last-child{margin-bottom:0}.legal-callout{margin:0 0 var(--space-md);padding:var(--space-md);background:color-mix(in srgb,var(--nap) 8%,transparent);border:1px solid color-mix(in srgb,var(--nap) 28%,var(--border));border-radius:var(--radius-md);color:var(--text-secondary)}.legal-actions{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-sm) 0 var(--space-lg)}.legal-action-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);text-decoration:none!important;transition:transform .2s,box-shadow .2s;text-align:center}.legal-action-link:hover{transform:translateY(-1px)}.legal-action-link--primary{background:var(--gradient-accent);color:var(--bg)!important;box-shadow:0 4px 16px #4ecdc440}.legal-action-link--primary:hover{box-shadow:0 6px 20px #4ecdc459}.legal-action-link--danger{background:color-mix(in srgb,var(--error) 12%,transparent);border:1px solid color-mix(in srgb,var(--error) 45%,var(--border));color:#fecaca!important}.legal-action-link--danger:hover{border-color:color-mix(in srgb,var(--error) 60%,var(--border))}