/* A restrained indigo palette, tactile surfaces and two complete themes. */
:root{--surface-border:#b6c3e222;--surface-shadow:0 14px 45px #02061142;--text-main:#edf1fc;--text-secondary:#b6bfd5;--theme-accent:#b8b5ff}
.theme-picker{display:inline-flex;gap:4px;border-radius:12px;border:1px solid #afbee52b;padding:4px;background:#171e2c}.theme-picker button{min-height:40px;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:500;color:#b8c2d9;background:transparent;gap:6px;border:1px solid transparent}.theme-picker button .ui-icon{width:17px;height:17px}.theme-picker button[aria-pressed=true]{color:#eeeefe;background:linear-gradient(145deg,#7d78b844,#8177c522);border-color:#b7adf34d;box-shadow:inset 0 1px #ffffff19,0 3px 8px #0002}.theme-picker button:hover{color:white;background:#ffffff0a}.site-header nav{box-shadow:inset 0 1px #ffffff08,0 6px 20px #0002}.site-header nav a.active{background:linear-gradient(140deg,#c0b8ed,#9fabe1);box-shadow:inset 0 1px #ffffff99,0 4px 12px #10122138}.app-world.violet,.app-world.mint{color:#edf0ff;background:radial-gradient(ellipse at 100% 0%,#8a8bc32c,transparent 70%),linear-gradient(145deg,#303b57,#242d42);border-color:#a9b8df3f;box-shadow:inset 0 1px #ffffff20,var(--surface-shadow)}.app-world.mint{background:radial-gradient(ellipse at 100% 0%,#668eb529,transparent 70%),linear-gradient(145deg,#293d51,#202f42)}.app-world:hover{color:#f7f8ff}.app-world p{color:#ccd4e7;opacity:1}.card-caption{color:#b8c4e0;opacity:1}.card-bottom{border-color:#c3d1f126;color:#c5cde3}.app-icon{background:linear-gradient(145deg,#d1d9ff15,#c2cbff06);border:1px solid #c4cdff36;box-shadow:inset 0 1px #ffffff27,0 8px 18px #060a1d2b;color:#d4d7fc}.round-arrow{border-color:#c5d1f33d;color:#d5def8}.card-orb{width:190px;height:190px;right:-45px;top:45px;border-color:#c0caed2e;box-shadow:inset 14px 14px 40px #b8c8ff0a,inset -14px -14px 35px #02061730,0 0 0 23px #c4c9f307,0 0 0 45px #c4c9f305;transform:rotate(-18deg) scaleY(.9)}.surface-3d{isolation:isolate;position:relative;transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .22s ease-out,box-shadow .25s,border-color .25s}.surface-3d::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,0%),#ffffff12,transparent 60%);pointer-events:none;z-index:2}.surface-3d:hover{box-shadow:inset 0 1px #ffffff40,0 25px 55px #01051755;border-color:#c6c9f57a}.kitchen-shortcut,.family-note,.panel,.practical-tile{border-color:var(--surface-border);box-shadow:inset 0 1px #ffffff0c,var(--surface-shadow)}.panel.warm,.panel.celebration,.panel.roots{background:linear-gradient(140deg,#2c3148,#20283a)}.tile-icon{color:#c4c8f0;background:#c1c6f00f;border:1px solid #bbc5ef25}.family-note>span,.shortcut-symbol{color:#c2c9ed}.shortcut-symbol{background:#bbc8ff0d}.primary-action,button.btn-primary,.btn-primary{background:linear-gradient(140deg,#c2b8ed,#a5b5e5);box-shadow:inset 0 1px #ffffff80,0 6px 18px #0a10233b}.home-experience .feature-card,.home-experience .connect-card{box-shadow:inset 0 1px #d9e1ff12,0 16px 40px #0206104a}.home-experience .feature-icon,.home-experience .mint-icon,.home-experience .amber-icon{color:#c3d2ef;border-color:#b4c7ee30;background:linear-gradient(140deg,#b7c8ef17,#b7c8ef05);box-shadow:inset 0 1px #e2eaff12,0 5px 15px #02071333}.home-experience .energy-visual i{background:linear-gradient(#a8bce4aa,#829dd008);border-color:#b2c9eeaa}
html[data-theme="light"]{color-scheme:light;--bg:#edf0f7;--ink:#202a40;--muted:#58667c;--line:#273b6420;--surface-border:#8092b936;--surface-shadow:0 14px 35px #405c8210;--text-main:#202a40;--text-secondary:#58667c;--theme-accent:#605eab}
html[data-theme="light"] body{color:#202a40;background:radial-gradient(ellipse at 80% 0%,#dde4f340,transparent 60%),#edf0f7}
html[data-theme="light"] a:hover{color:#5656a3}html[data-theme="light"] h1 em{background:linear-gradient(100deg,#6560a4,#4b729b);background-clip:text;color:transparent}
html[data-theme="light"] .site-header{border-color:#7a8bab30}html[data-theme="light"] .brand small{color:#64708b}html[data-theme="light"] .brand-mark{color:#27304d;background:linear-gradient(140deg,#d0c5f2,#b3c2e9);box-shadow:inset 0 1px #fff,0 5px 18px #52679b20}
html[data-theme="light"] .site-header nav{background:#dce2ee;border-color:#a8b5ce5c;box-shadow:inset 0 1px #ffffffaa,0 5px 15px #3f577515}html[data-theme="light"] .site-header nav a{color:#53617c}html[data-theme="light"] .site-header nav a.active{color:#353e63;background:linear-gradient(145deg,#fff,#eef0fa);box-shadow:inset 0 1px #fff,0 3px 8px #40578325;border:1px solid #b8c1dc66}html[data-theme="light"] .site-header nav a:not(.active):hover{color:#2c3650;background:#ffffff66}
html[data-theme="light"] .theme-picker{background:#dfe5ef;border-color:#a7b5cf6b}html[data-theme="light"] .theme-picker button{color:#5b6580}html[data-theme="light"] .theme-picker button[aria-pressed=true]{color:#3d456d;background:linear-gradient(#fff,#f0f2f9);border-color:#b4bfd69c;box-shadow:inset 0 1px #fff,0 3px 7px #4b5a7820}
html[data-theme="light"] .login-link,html[data-theme="light"] .subtle-button{color:#46536d;border-color:#8c9fc14f;background:#fff8}html[data-theme="light"] .intro,html[data-theme="light"] .app-welcome .intro,html[data-theme="light"] .quiet,html[data-theme="light"] .private-label,html[data-theme="light"] .eyebrow{color:#58667e}
html[data-theme="light"] .app-world.violet,html[data-theme="light"] .app-world.mint{color:#25324d;border-color:#b1bfdb88;box-shadow:inset 0 1px #ffffffdf,0 14px 40px #526d9620;background:radial-gradient(ellipse at 100% 0%,#fff9,transparent 75%),linear-gradient(135deg,#d3d9ee,#c5cfe5)}
html[data-theme="light"] .app-world.mint{background:radial-gradient(ellipse at 100% 0%,#fff9,transparent 75%),linear-gradient(135deg,#d1deed,#c2d4e5)}
html[data-theme="light"] .app-world p{color:#465772}html[data-theme="light"] .card-caption,html[data-theme="light"] .card-bottom{color:#586986}html[data-theme="light"] .card-bottom{border-color:#8b9dbc44}
html[data-theme="light"] .app-icon{color:#53648c;background:linear-gradient(140deg,#fff9,#eef3fa55);border-color:#fff9;box-shadow:inset 0 1px #fff,0 7px 15px #4f648825}html[data-theme="light"] .round-arrow{color:#586989;border-color:#7d8eae55}html[data-theme="light"] .card-orb{border-color:#fff8;box-shadow:inset 15px 15px 40px #fff5,inset -15px -15px 40px #50628915,0 0 0 23px #fff2,0 0 0 45px #fff1}
html[data-theme="light"] .kitchen-shortcut,html[data-theme="light"] .family-note,html[data-theme="light"] .panel,html[data-theme="light"] .panel.warm,html[data-theme="light"] .panel.cool,html[data-theme="light"] .panel.celebration,html[data-theme="light"] .panel.roots,html[data-theme="light"] .practical-tile{color:#25324b;background:linear-gradient(135deg,#ffffff,#e8edf7);border-color:#a2b3d052;box-shadow:inset 0 1px #fff,0 8px 25px #546a8a12}
html[data-theme="light"] .panel p,html[data-theme="light"] .kitchen-shortcut p,html[data-theme="light"] .family-note p,html[data-theme="light"] .practical-tile p,html[data-theme="light"] .empty-state p{color:#5b6b84}html[data-theme="light"] .family-note strong{color:#384665}html[data-theme="light"] .kitchen-shortcut .eyebrow{color:#687694}
html[data-theme="light"] .shortcut-symbol,html[data-theme="light"] .family-note>span,html[data-theme="light"] .tile-icon{color:#64658f;background:#6972aa0a}html[data-theme="light"] .badge{color:#596984;border-color:#8c9eb64a;background:#829ac00a}
html[data-theme="light"] footer{color:#667690;border-color:#8e9db133}html[data-theme="light"] .empty-state{border-color:#7182a44a}
html[data-theme="light"] label,html[data-theme="light"] form label,html[data-theme="light"] .auth-card>p{color:#4d5d77}html[data-theme="light"] input:not([type=checkbox]):not([type=hidden]),html[data-theme="light"] select,html[data-theme="light"] .form-control{background:#fafcff;color:#26324d;border-color:#7f90b452}
html[data-theme="light"] input:focus,html[data-theme="light"] .form-control:focus{background:#fff;color:#25314a}html[data-theme="light"] .nav-link{color:#55618c}html[data-theme="light"] .nav-pills .nav-link.active{color:#414e7a;background:#cbd4ed}html[data-theme="light"] kbd{color:#48567b;background:#dce3f2}html[data-theme="light"] .validation-message,html[data-theme="light"] .validation-errors{color:#a63248}
html[data-theme="light"] .home-experience .experience-top,html[data-theme="light"] .home-experience .experience-top>span,html[data-theme="light"] .home-experience .tools-caption,html[data-theme="light"] .home-experience .tools-heading .overline,html[data-theme="light"] .home-experience .experience-footnote{color:#5a6c89}
html[data-theme="light"] .home-experience .connect-card,html[data-theme="light"] .home-experience .feature-card{background:radial-gradient(ellipse at 90% 0%,#e3e7f5,transparent 75%),linear-gradient(135deg,#fff,#e7edf7);color:#253653;border-color:#93a7c34a;box-shadow:inset 0 1px #fff,0 14px 30px #415e8115}
html[data-theme="light"] .home-experience .connect-card h2 span{color:#5a699b}html[data-theme="light"] .home-experience .connect-card-top .overline,html[data-theme="light"] .home-experience .connect-description,html[data-theme="light"] .home-experience .connect-footer,html[data-theme="light"] .home-experience .feature-card p,html[data-theme="light"] .home-experience .feature-card>small,html[data-theme="light"] .home-experience .planned{color:#586c87}
html[data-theme="light"] .home-experience .server-status{color:#755e36}html[data-theme="light"] .home-experience .pending{color:#755e36;background:#b18c330e;border-color:#a68b5440}
html[data-theme="light"] .home-experience .cube-face{border-color:#697eaeaa;background:linear-gradient(135deg,#a2b7e344,#bdc5e822)}html[data-theme="light"] .home-experience .face-front{color:#57729f;text-shadow:0 1px #fff}html[data-theme="light"] .home-experience .holo-orbit,html[data-theme="light"] .home-experience .holo-floor{border-color:#5d78ad33}
html[data-theme="light"] .home-experience .feature-icon{color:#61769b;border-color:#8299c24a;background:linear-gradient(#fff,#dfe7f4);box-shadow:inset 0 1px #fff,0 4px 12px #43597c15}
html[data-theme="light"] .home-experience .archive-tile:hover{background:#e0e8f7;color:#273653}html[data-theme="light"] .home-experience .practical-tile>b{color:#586b93}
html[data-theme="light"] .home-experience .cinema-copy h1 em{background:none;color:#e8cfac}html[data-theme="light"] .home-experience .cinema-copy h1,html[data-theme="light"] .home-experience .lifestyle-copy h2{color:#f4f4ee}html[data-theme="light"] .home-experience .glass-action:hover{color:white}
@media(max-width:750px){.theme-picker{gap:2px;padding:3px}.theme-picker button{font-size:12px;padding:8px;min-height:40px;gap:4px}.theme-picker .ui-icon{display:none}.account-area{gap:7px}.brand{font-size:18px}.brand-mark{width:38px;height:38px}.brand small{font-size:7px;letter-spacing:1px}.surface-3d{transform:none!important}}
@media(max-width:420px){.site-header{gap:12px}.brand{gap:8px;font-size:16px}.theme-picker button{font-size:11px;padding:7px}.account-area .subtle-button{padding:7px;font-size:12px}.account-link{padding:0 3px}.account-link .ui-icon{width:21px;height:21px}.login-link{padding:7px 9px;min-height:42px;font-size:12px}.login-link .ui-icon{display:none}}
@media(prefers-reduced-motion:reduce){.surface-3d{transform:none!important;transition:none!important}}