:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-width:430px;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-soft:0 18px 55px #1118271f;--shadow-control:0 10px 25px #11182714;--duration-fast:.16s;--duration-normal:.26s;--ease-out:cubic-bezier(.22, 1, .36, 1)}:root,:root[data-theme=light]{--color-bg:#f7f4ef;--color-bg-elevated:#ffffffd1;--color-surface:#fff;--color-surface-muted:#f0ece5;--color-text:#17130f;--color-text-muted:#736b62;--color-border:#382d231f;--color-primary:#6d58ff;--color-primary-contrast:#fff;--color-secondary:#f2b56b;--color-accent:#98d8c0;--color-nav:#ffffffb8;--color-overlay:#12100e3d}:root[data-theme=dark]{--color-bg:#111113;--color-bg-elevated:#1f1f23d1;--color-surface:#1d1d21;--color-surface-muted:#28282d;--color-text:#f5f3ee;--color-text-muted:#aaa4b2;--color-border:#ffffff1a;--color-primary:#9b8cff;--color-primary-contrast:#111113;--color-secondary:#f0a14a;--color-accent:#68d5c3;--color-nav:#1d1d21b3;--color-overlay:#00000073}:root[data-theme=ocean]{--color-bg:#edf7f6;--color-bg-elevated:#ffffffc7;--color-surface:#fbffff;--color-surface-muted:#dcefed;--color-text:#10211f;--color-text-muted:#526966;--color-border:#103a3d21;--color-primary:#067c89;--color-primary-contrast:#fff;--color-secondary:#e7a94f;--color-accent:#7b74dd;--color-nav:#fbffffbd;--color-overlay:#0c24283d}:root[data-theme=purple]{--color-bg:#f7f0fb;--color-bg-elevated:#fffc;--color-surface:#fff;--color-surface-muted:#efe3f6;--color-text:#211525;--color-text-muted:#75617d;--color-border:#46235321;--color-primary:#8b48dd;--color-primary-contrast:#fff;--color-secondary:#df8f6b;--color-accent:#7bc9cf;--color-nav:#ffffffbd;--color-overlay:#23112b40}*{box-sizing:border-box}html{background:var(--color-bg);min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:linear-gradient(145deg, color-mix(in srgb, var(--color-secondary) 18%, transparent), transparent 36%), linear-gradient(315deg, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 38%), var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input{font:inherit}button{border:0}#root{min-height:100dvh}.intro-video{z-index:20;background:#000;position:fixed;inset:0}.intro-video video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.splash-screen,.auth-screen,.mobile-shell{width:min(100vw, var(--app-width));background:var(--color-bg);min-height:100dvh;box-shadow:0 0 0 1px var(--color-border), var(--shadow-soft);margin:0 auto;overflow:hidden}.splash-screen{padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));place-items:center;display:grid}.splash-screen__content{justify-items:center;gap:12px;display:grid}.splash-screen h1,.auth-screen h1,.app-header h1{color:var(--color-text);letter-spacing:0;margin:0}.splash-screen h1{font-size:34px;line-height:1}.splash-screen p,.auth-screen p,.ui-card p,.prompt-panel p{color:var(--color-text-muted);margin:0}.screen{min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 18px calc(104px + env(safe-area-inset-bottom))}.auth-screen{padding:max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:24px;display:flex}.auth-screen__hero{text-align:center;justify-items:center;gap:20px;display:grid}.auth-screen h1{font-size:32px;line-height:1.08}.auth-screen__hero p{max-width:330px;margin-top:10px;font-size:15px;line-height:1.5}.auth-card{gap:12px;display:grid}.auth-card p{text-align:center;padding:4px 8px 0;font-size:12px;line-height:1.45}.auth-screen__preview{align-self:center}.mobile-shell{position:relative}.mobile-shell__page{min-height:100dvh}.app-header{justify-content:space-between;align-items:center;min-height:54px;margin-bottom:18px;display:flex}.app-header__eyebrow{color:var(--color-text-muted);margin:0 0 4px;font-size:13px}.app-header h1{font-size:30px;line-height:1.08}.home-hero{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 15%, transparent), transparent 52%), var(--color-bg-elevated);justify-content:space-between;align-items:center;gap:18px;min-height:188px;margin-bottom:16px;padding:22px;display:flex}.home-hero p{color:var(--color-text-muted);margin:0 0 10px;font-size:13px}.home-hero h2{max-width:230px;color:var(--color-text);letter-spacing:0;margin:0;font-size:27px;line-height:1.08}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-control);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px}.ui-card+.ui-card,.ui-card+.prompt-panel,.prompt-panel+.ui-card{margin-top:14px}.ui-card h2{color:var(--color-text);letter-spacing:0;margin:0 0 8px;font-size:18px;line-height:1.2}.focus-card{align-items:flex-start;gap:14px;display:flex}.focus-card__icon{width:42px;height:42px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.focus-card__icon img{width:22px;height:22px}.ui-icon{width:1em;height:1em;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat;background:currentColor;display:inline-block}.prompt-panel{border-radius:var(--radius-md);background:var(--color-surface);gap:14px;padding:18px;display:grid}.ui-button{width:100%;min-height:52px;color:var(--color-primary-contrast);background:var(--color-primary);cursor:pointer;transition:background var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex;position:relative}.ui-button--secondary{color:var(--color-text);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}.ui-button--ghost{width:auto;min-height:44px;color:var(--color-primary);background:0 0}.ui-button__icon{width:20px;height:20px}.ui-input{border:1px solid var(--color-border);width:100%;height:54px;color:var(--color-text);background:var(--color-surface);border-radius:17px;outline:none;padding:0 18px}.lumi-avatar{width:112px;height:112px;filter:drop-shadow(0 24px 34px color-mix(in srgb, var(--color-primary) 22%, transparent));position:relative}.lumi-avatar--sm{width:86px;height:86px}.lumi-avatar--lg{width:156px;height:156px}.lumi-avatar img{-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute}.lumi-avatar__body{width:100%;height:100%;inset:0}.lumi-avatar__eye{object-fit:contain;width:32%;height:32%;top:37%}.lumi-avatar__eye--left{left:27%}.lumi-avatar__eye--right{right:27%}.lumi-avatar__mouth{object-fit:contain;width:24%;height:24%;top:56%;left:38%}.bottom-nav{z-index:10;width:min(100vw, var(--app-width));height:calc(76px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-nav);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{min-width:0;color:var(--color-text-muted);cursor:pointer;background:0 0;place-items:center;gap:4px;display:grid;position:relative}.bottom-nav__item[data-active=true]{color:var(--color-primary)}.bottom-nav__pill{background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:18px;position:absolute;inset:4px 6px}.bottom-nav__icon{z-index:1;width:22px;height:22px;position:relative}.bottom-nav__item span:last-child{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1;position:relative;overflow:hidden}.empty-state{text-align:center;place-content:center;gap:8px;min-height:220px;display:grid}.profile-card{justify-items:center;gap:10px;display:grid}.settings-card{gap:12px;display:grid}.segmented-control{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.segmented-control button{min-height:38px;color:var(--color-text-muted);background:var(--color-surface-muted);cursor:pointer;border-radius:13px}.segmented-control button[data-active=true]{color:var(--color-primary-contrast);background:var(--color-primary)}.modal{z-index:30;background:var(--color-overlay);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal__panel{border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,360px);padding:18px}@media (width<=360px){.screen{padding-inline:14px}.home-hero{padding:18px}.home-hero h2{font-size:24px}}