:root{color-scheme:light;--bg:#f7f4eb;--paper:#fffefb;--ink:#243c36;--muted:#82928b;--accent:#174f49;--accent2:#337268;--soft:#e6eee7;--gold:#c9a56d;--line:#e9e9df;--shadow:0 10px 35px rgba(23,79,73,.07);--radius:22px}
*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body[data-theme="sand"]{--bg:#faf4ed;--paper:#fffdf8;--ink:#51412f;--muted:#94826f;--accent:#866649;--accent2:#b68f66;--soft:#f2e8db;--gold:#cba063;--line:#eaddcc}body[data-theme="night"]{color-scheme:dark;--bg:#142722;--paper:#1f3731;--ink:#f2f1e8;--muted:#b0beb7;--accent:#9ec8ad;--accent2:#6eab91;--soft:#29483e;--gold:#e0ba7b;--line:#3b534a;--shadow:0 10px 30px rgba(0,0,0,.1)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input,select,textarea{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:12px 13px;min-width:0;width:100%}textarea{resize:vertical;min-height:92px}input[type="checkbox"]{width:auto}input[type="file"]{font-size:13px}a{color:var(--accent2)}.app-shell{max-width:560px;margin:0 auto;min-height:100dvh;padding:0 19px calc(100px + env(safe-area-inset-bottom));position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0 22px;gap:10px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{height:42px;width:42px;display:grid;place-items:center;color:#f7deaa;background:#174f49;border-radius:15px;box-shadow:0 7px 16px #174f4926}.brand-icon svg{width:25px;height:25px}.brand-title{font-weight:800;letter-spacing:-1.5px;font-size:28px;line-height:.95}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:.4px;margin-top:5px}.header-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:15px;color:var(--ink)}svg.ico{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;flex-shrink:0}.greet{font-size:13px;color:var(--muted);font-weight:600}.page-title{font-size:27px;line-height:1.16;letter-spacing:-.8px;margin:5px 0 8px;font-weight:790}.page-sub{color:var(--muted);font-size:13px;margin:0 0 18px}.hero{background:linear-gradient(125deg,#174f49 2%,#26796a 98%);border-radius:26px;padding:25px 24px 23px;color:#fff;position:relative;overflow:hidden;min-height:185px;box-shadow:0 13px 30px #174f4920}.hero::before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff19;border-radius:50%;right:-56px;top:-56px}.hero::after{content:"";position:absolute;width:122px;height:122px;border:1px solid #ffffff21;border-radius:50%;right:15px;top:27px}.hero-tag{font-size:10px;letter-spacing:2.2px;font-weight:700;opacity:.75;text-transform:uppercase}.hero h1{font-size:29px;letter-spacing:-.8px;line-height:1.22;margin:10px 0 11px;max-width:280px}.hero p{font-size:13px;color:#e4f1e9;max-width:260px;margin:0 0 18px}.hero-btn{background:#fffcf5;color:#174f49;font-size:13px;padding:11px 16px;border:0;border-radius:40px;display:inline-flex;align-items:center;gap:7px;font-weight:740;position:relative;z-index:2}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 1px 12px;gap:10px}.section-head h2{font-size:17px;letter-spacing:-.4px;margin:0}.section-head .text-action{font-size:12px}.text-action{border:0;background:transparent;color:var(--accent2);font-weight:700;display:inline-flex;gap:4px;align-items:center;padding:6px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px 8px;text-align:center}.stat .num{font-size:23px;font-weight:800;line-height:1.15}.stat .name{font-size:10px;color:var(--muted);margin-top:5px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module{position:relative;min-height:124px;background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:17px;text-align:left;color:var(--ink);box-shadow:0 3px 13px #174f4905}.module:active{transform:scale(.98)}.module-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--accent2);margin-bottom:13px}.module-icon svg{height:20px;width:20px}.module .name{font-weight:750;font-size:14px;display:block}.module .hint{font-size:11px;color:var(--muted);display:block;margin-top:3px}.breath-promo{background:linear-gradient(115deg,#e5e9de,#eee7d7);color:#30483f;border-radius:24px;padding:23px;display:flex;gap:14px;align-items:center;position:relative;overflow:hidden}.breath-promo::after{content:'✦';position:absolute;font-size:95px;right:-6px;top:-24px;opacity:.14;color:#96794f}.breath-promo h3{margin:0 0 6px;font-size:17px}.breath-promo p{margin:0 0 12px;font-size:12px;max-width:255px}.breath-promo .pill{border:0;background:#fffef9;color:#356054;padding:9px 14px;border-radius:15px;font-size:12px;font-weight:750}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(560px,100%);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--paper) 95%,transparent);border-top:1px solid var(--line);box-shadow:0 -8px 28px #082a2410;z-index:30;backdrop-filter:blur(16px)}.nav-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:none;border:0;border-radius:14px;padding:9px 1px;color:var(--muted);font-size:10px;min-width:0}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--accent);background:var(--soft);font-weight:750}.section-content{padding-bottom:20px}.top-back{background:none;border:0;display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;padding:0;margin-bottom:15px}.action-line{display:flex;gap:9px;align-items:center;justify-content:space-between;margin:16px 0}.primary{border:0;background:var(--accent);color:var(--bg);border-radius:15px;padding:12px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:730;line-height:1.25}.primary .ico{width:18px;height:18px}body[data-theme="night"] .primary{color:#173028}.secondary{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:11px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:650}.small{padding:8px 10px;border-radius:10px;font-size:11px}.full{width:100%}.card{background:var(--paper);border:1px solid var(--line);padding:16px;border-radius:20px;margin-bottom:10px;box-shadow:0 4px 14px #174f4906}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.item-title{font-weight:720;font-size:14px;line-height:1.4;word-break:break-word}.item-sub{font-size:12px;color:var(--muted);margin-top:5px;word-break:break-word}.item-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.tiny-icon{border:0;background:var(--soft);color:var(--accent);border-radius:10px;display:grid;place-items:center;width:33px;height:33px}.tiny-icon.danger{background:#fff0ed;color:#b45d4e}.tiny-icon .ico{width:17px;height:17px}.check-round{border-radius:50%;border:1px solid #bbd3c5;width:26px;height:26px;display:grid;place-items:center;background:var(--soft);color:var(--accent);flex-shrink:0}.check-round.done{background:var(--accent);color:var(--bg)}.done-text{text-decoration:line-through;opacity:.56}.row-gap{display:flex;align-items:center;gap:11px}.empty{text-align:center;border:1px dashed var(--line);border-radius:22px;padding:31px 16px;color:var(--muted);background:var(--paper)}.empty .big{width:55px;height:55px;display:grid;place-items:center;border-radius:19px;background:var(--soft);color:var(--accent);margin:0 auto 12px}.empty p{font-size:13px;margin:5px 0 0}.empty strong{display:block;color:var(--ink);font-size:14px}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:14px -2px 18px;padding:2px}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:10px 15px;white-space:nowrap;font-size:12px;font-weight:650}.tab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;background:var(--soft);padding:9px 12px;font-weight:620;font-size:12px;color:var(--accent);display:flex;align-items:center;gap:8px}.chip .remove{background:none;border:0;color:var(--accent);padding:0;font-size:17px;line-height:1}.recipe{display:flex;gap:12px;align-items:start}.recipe-mark{font-size:25px;flex-shrink:0}.recipe .missing{margin-top:6px;font-size:11px;color:#bb8154}.recipe .good{color:#39876b}.recipe-actions{margin-top:10px;display:flex;justify-content:flex-start}.muted{color:var(--muted)}.pill-label{display:inline-block;background:var(--soft);color:var(--accent2);font-size:10px;font-weight:720;padding:5px 10px;border-radius:99px}.due-late{color:#b4534d}.due-soon{color:#b1813e}.photo{height:110px;width:110px;object-fit:cover;border-radius:12px;background:var(--soft);margin-top:10px}.mini-search{display:flex;gap:8px;margin:12px 0 17px}.mini-search input{flex:1}.quote{font-size:21px;line-height:1.5;letter-spacing:-.45px;margin:12px 0;color:var(--ink);font-weight:570}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-size:11px;font-weight:800}.breath-banner{background:linear-gradient(145deg,#e5eee7,#f6e9d2);border-radius:25px;padding:27px 23px;margin:8px 0 17px;color:#35473f}.breath-banner h2{font-size:26px;margin:8px 0 12px;line-height:1.25}.breath-banner p{font-size:13px;line-height:1.65}.breath-banner .quote{color:#385247}.audio-player{width:100%;margin-top:13px;accent-color:#286859}.small-note{border-left:3px solid var(--gold);padding-left:12px;font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0}.setting-line{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.setting-line strong{font-size:13px}.setting-line span{font-size:11px;color:var(--muted)}.setting-line select{max-width:150px}.theme-options{display:flex;gap:10px;margin-top:12px}.theme-swatch{width:61px;height:56px;border:2px solid transparent;border-radius:14px;cursor:pointer}.theme-swatch.active{outline:2px solid var(--accent);outline-offset:2px}.subheading{font-size:13px;font-weight:800;margin:24px 0 12px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#081a1588;display:flex;align-items:end;justify-content:center}.modal{background:var(--paper);width:min(560px,100%);border-radius:27px 27px 0 0;padding:23px 21px calc(23px + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto;box-shadow:0 -15px 50px #0002}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal h2{font-size:20px;letter-spacing:-.5px;margin:0}.modal .field{margin-bottom:14px}.modal label{font-size:12px;font-weight:720;display:block;margin-bottom:7px}.modal .hint{font-size:11px;color:var(--muted);margin:6px 0}.modal-foot{display:flex;gap:9px;margin-top:20px}.modal-foot>*{flex:1}.modal-close{background:var(--soft);border:0;border-radius:12px;width:35px;height:35px;display:grid;place-items:center;color:var(--ink)}.voice-action{display:flex;gap:7px;align-items:center;margin:0 0 10px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;color:var(--accent);background:var(--soft);font-weight:750;font-size:12px}.voice-action.listening{animation:pulse 1s infinite alternate}@keyframes pulse{from{opacity:.65}to{opacity:1;box-shadow:0 0 0 8px #33726818}}#toast{position:fixed;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));transform:translate(-50%,20px);width:max-content;max-width:calc(100vw - 42px);border-radius:16px;padding:12px 18px;background:#1b4f44;color:#fff;box-shadow:0 7px 22px #112f2960;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;font-size:13px;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}.loading{padding:70px;text-align:center}.line-icon{width:35px;height:35px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.minibar{display:flex;align-items:center;gap:10px}.minibar>div:nth-child(2){flex:1}.thin{font-size:11px;color:var(--muted);line-height:1.45}.soft-highlight{border:1px solid var(--line);background:var(--soft);border-radius:15px;padding:13px 14px;margin-bottom:12px;font-size:12px}.brandfoot{text-align:center;color:var(--muted);font-size:11px;padding:20px}.count-badge{font-size:11px;background:var(--soft);padding:4px 8px;border-radius:99px;color:var(--accent)}@media(min-width:560px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* LUMA 2 — mobile-first signature design and eight selectable themes */
:root{--bg:#f8f5ef;--paper:#fffcf6;--ink:#17382e;--muted:#7b817a;--accent:#174b38;--accent2:#24624b;--soft:#ebefe4;--gold:#bd914e;--line:#e7e1d4;--main-gradient:linear-gradient(135deg,#213d2e,#0f3427);--hero-accent:#f3dba7;--tilebg:#f6f1e9;--tile-shadow:0 6px 18px #493b2512;--soft-shadow:0 8px 24px #2e2b2712}
body{background:var(--bg);transition:background .25s ease,color .25s ease}
body[data-theme=signature]{color-scheme:light;--bg:#f8f5ef;--paper:#fffcf7;--ink:#17382e;--muted:#797e77;--accent:#174b38;--accent2:#24624b;--soft:#e9ede5;--gold:#bd914e;--line:#e8e0d5;--main-gradient:linear-gradient(135deg,#254231,#0c3025);--hero-accent:#f2d8a2;--tilebg:#f1eadf}
body[data-theme=linen]{color-scheme:light;--bg:#f8f0e6;--paper:#fff9f2;--ink:#493d32;--muted:#8c8071;--accent:#80634d;--accent2:#a18059;--soft:#f0e5d9;--gold:#b99058;--line:#e7d9c9;--main-gradient:linear-gradient(120deg,#765b43,#3d3024);--hero-accent:#ffe0ae;--tilebg:#efe2d3}
body[data-theme=studio]{color-scheme:light;--bg:#f0f3f5;--paper:#fefefe;--ink:#203a42;--muted:#75858d;--accent:#244b52;--accent2:#477980;--soft:#e5edef;--gold:#a78f70;--line:#dae2e6;--main-gradient:linear-gradient(125deg,#58717b,#283e47);--hero-accent:#e6f0f4;--tilebg:#fafdff}
body[data-theme=ocean]{color-scheme:light;--bg:#e8f3f4;--paper:#f9feff;--ink:#173d47;--muted:#69878a;--accent:#146570;--accent2:#2f94a0;--soft:#dceef0;--gold:#b5a27b;--line:#cde3e5;--main-gradient:linear-gradient(110deg,#0d6871,#173a51);--hero-accent:#d2eff0;--tilebg:#f7ffff}
body[data-theme=dusk]{color-scheme:dark;--bg:#101c19;--paper:#1b2a27;--ink:#f6f1e8;--muted:#a9b6af;--accent:#c7aa76;--accent2:#e0bc79;--soft:#28413a;--gold:#d1ad75;--line:#3c4e45;--main-gradient:linear-gradient(120deg,#103a2c,#031e18);--hero-accent:#f1dcae;--tilebg:#1d302a;--tile-shadow:0 7px 22px #0004;--soft-shadow:0 8px 26px #0003}
body[data-theme=clay]{color-scheme:light;--bg:#f7eeea;--paper:#fffaf7;--ink:#49352f;--muted:#927974;--accent:#995f50;--accent2:#b67d6a;--soft:#f4e5dd;--gold:#d49a62;--line:#e8d8d0;--main-gradient:linear-gradient(115deg,#a16a54,#613f38);--hero-accent:#ffe4ba;--tilebg:#f7eae1}
body[data-theme=lavender]{color-scheme:light;--bg:#f3eff7;--paper:#fdfbff;--ink:#39304a;--muted:#8c8197;--accent:#735992;--accent2:#967ab8;--soft:#eee7f6;--gold:#b49980;--line:#e3dbea;--main-gradient:linear-gradient(130deg,#795e9c,#34364b);--hero-accent:#f2e5ff;--tilebg:#f9f5fd}
body[data-theme=olive]{color-scheme:light;--bg:#f5f5e9;--paper:#fffef7;--ink:#37442c;--muted:#828971;--accent:#667147;--accent2:#8e9563;--soft:#ebeddc;--gold:#b79d57;--line:#e2e4d1;--main-gradient:linear-gradient(135deg,#5c714d,#253d31);--hero-accent:#f5e6b9;--tilebg:#f7f7eb}
.app-shell{max-width:590px;padding:0 17px calc(105px + env(safe-area-inset-bottom))}
.header{padding:20px 0 22px;gap:10px}.brand{gap:12px;min-width:0}.brand-icon-photo{width:61px;height:61px;object-fit:cover;border-radius:17px;box-shadow:0 6px 17px #1a372429;flex-shrink:0}.brand-title{font-size:34px;letter-spacing:-1.3px;line-height:1;font-weight:720}.brand-sub{font-size:12px;letter-spacing:0;color:var(--muted);margin-top:5px}.header-actions{gap:7px}.icon-btn{width:42px;height:42px;border-radius:15px;background:var(--paper);box-shadow:0 3px 10px #00000008}.icon-btn svg{width:20px;height:20px}.greet{font-size:13px;line-height:1.4;margin:0 0 9px;font-weight:500;color:var(--muted)}.greet-dot{color:var(--gold);padding:0 6px}.welcome-line{font-family:Georgia,'Times New Roman',serif;font-weight:600;color:var(--ink);font-size:clamp(23px,5.65vw,32px);line-height:1.15;letter-spacing:-.65px;margin:0 0 19px}.welcome-line::after{content:'';display:block;width:42px;height:3px;border-radius:5px;background:var(--gold);margin-top:10px}
.hero-final{min-height:206px;border-radius:23px;overflow:hidden;background:var(--main-gradient);color:#fff5e8;display:grid;grid-template-columns:49% 51%;position:relative;border:1px solid #ffffff0e;box-shadow:var(--soft-shadow)}
.hero-final-photo{background-image:linear-gradient(90deg,transparent 83%,#203e30 100%),url('assets/hero.webp');background-position:center,40% center;background-size:cover,cover;background-repeat:no-repeat}
.hero-final-copy{align-self:center;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:14px 12px 14px 0;min-width:0}
.hero-final-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,5.4vw,31px);line-height:1.13;letter-spacing:-.35px;font-weight:600;color:#fff6e8;margin:0;text-wrap:balance}
.hero-final-button{border-radius:999px;background:linear-gradient(115deg,#fef3d8,#e9cc95);box-shadow:0 4px 0 #ab8252,0 7px 15px #0002;color:#183b30;border:1px solid #ffefce;font-size:clamp(11px,3.1vw,16px);font-weight:780;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 5px;white-space:nowrap;letter-spacing:-.15px}.hero-final-button .ico{width:20px;height:20px}.hero-final-button:active{transform:translateY(2px);box-shadow:0 1px 0 #ab8252}
.stats-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 16px}
.stat-final{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:6px;row-gap:1px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft-shadow);min-height:73px;padding:8px 4px}.stat-symbol{grid-row:1/3;color:var(--accent2);display:grid;place-items:center}.stat-symbol .ico{height:23px;width:23px;stroke-width:1.65}.stat-number{font-size:25px;font-weight:790;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.stat-text{font-size:11px;color:var(--muted);line-height:1.2}
.tiles-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-final{position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate;min-height:104px;padding:12px 12px 12px 14px;color:var(--ink);border:1px solid var(--line);border-radius:19px;background:var(--tilebg);box-shadow:var(--tile-shadow);text-align:left;transition:transform .16s,box-shadow .16s}.tile-final:active{transform:scale(.98);box-shadow:0 2px 5px #0002}.tile-label{z-index:2;position:relative;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15.5px,4vw,22px);font-weight:650;line-height:1.13;max-width:74%;letter-spacing:-.25px;text-wrap:balance}.tile-photo{position:absolute;z-index:0;right:-1px;top:-1px;bottom:-1px;width:69%;background-image:linear-gradient(90deg,var(--tilebg) 0%,color-mix(in srgb,var(--tilebg) 60%,transparent) 27%,transparent 75%),var(--tile-photo);background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat}.tile-line-icon{display:none;color:var(--accent);margin-right:10px}.tile-line-icon svg{width:29px;height:29px;stroke-width:1.5}
.breath-final{border:1px solid var(--line);color:var(--ink);width:100%;margin-top:16px;min-height:76px;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;gap:9px;padding:12px 15px;text-align:left;background:linear-gradient(110deg,color-mix(in srgb,var(--soft) 82%,transparent),color-mix(in srgb,var(--paper) 70%,transparent)),url('assets/breath-strip.webp') center/cover;box-shadow:var(--tile-shadow)}.breath-title{font-family:Georgia,serif;font-size:21px;font-weight:640;white-space:nowrap}.breath-mini{font-size:11px;color:var(--muted);line-height:1.25;flex:1;margin-left:8px;max-height:38px;overflow:hidden}.breath-go{width:39px;height:39px;border-radius:50%;background:var(--accent);color:var(--paper);display:grid;place-items:center;flex:none}.breath-go svg{height:19px;width:19px}.brandfoot{color:var(--muted);text-align:center;font-size:11px;margin:25px 0 10px}
.bottom-nav{width:min(590px,100%);border-radius:21px 21px 0 0;background:color-mix(in srgb,var(--paper) 93%,transparent);box-shadow:0 -5px 20px #0000000b}.nav-item.active{background:var(--soft)}.nav-item{font-size:10px}.nav-item .ico{width:22px;height:22px}
.card,.stat-final,.tile-final{box-shadow:var(--soft-shadow)}.page-title{font-family:Georgia,serif;font-weight:650}.primary{color:#fff;background:var(--accent)}body[data-theme=dusk] .primary{color:#102019;background:#d9ba7e}.secondary{background:var(--paper)}.edit-action{background:var(--soft);color:var(--accent)}.tiny-icon{min-width:33px}
.themes-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.theme-choice{position:relative;background:var(--paper);border:2px solid var(--line);border-radius:17px;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:7px;padding:9px;color:var(--ink);min-width:0}.theme-choice.chosen{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.theme-preview{height:90px;border-radius:11px;background:var(--preview-bg);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:34px 1fr 1fr;gap:5px;padding:8px}.tp-hero{grid-column:1/3;background:var(--preview-color);border-radius:8px;position:relative}.tp-hero::after{content:'';position:absolute;left:12px;top:14px;background:var(--preview-bg);height:5px;width:50%;border-radius:5px}.tp-tile{background:color-mix(in srgb,var(--preview-bg) 76%,#fff);border:1px solid color-mix(in srgb,var(--preview-color) 20%,transparent);border-radius:6px}.theme-choice-name{font-size:12px;font-weight:680;line-height:1.35;padding:0 3px 2px}.picked{position:absolute;right:14px;bottom:11px;color:var(--accent)}.picked svg{width:17px;height:17px}
/* Theme-specific genuinely distinct visual treatments */
body[data-theme=studio] .tile-final,body[data-theme=ocean] .tile-final,body[data-theme=lavender] .tile-final,body[data-theme=olive] .tile-final{background:var(--paper);box-shadow:0 2px 7px #0000000a;border-width:1.5px;min-height:93px}
body[data-theme=studio] .tile-photo,body[data-theme=ocean] .tile-photo,body[data-theme=lavender] .tile-photo,body[data-theme=olive] .tile-photo{display:none}
body[data-theme=studio] .tile-line-icon,body[data-theme=ocean] .tile-line-icon,body[data-theme=lavender] .tile-line-icon,body[data-theme=olive] .tile-line-icon{display:flex;align-items:center;order:-1;flex:none}
body[data-theme=studio] .tile-label,body[data-theme=ocean] .tile-label,body[data-theme=lavender] .tile-label,body[data-theme=olive] .tile-label{font-family:system-ui,sans-serif;font-size:clamp(13px,3.4vw,18px);font-weight:730;max-width:none}
body[data-theme=studio] .hero-final,body[data-theme=ocean] .hero-final,body[data-theme=lavender] .hero-final,body[data-theme=olive] .hero-final{box-shadow:none}
body[data-theme=studio] .welcome-line,body[data-theme=ocean] .welcome-line,body[data-theme=lavender] .welcome-line,body[data-theme=olive] .welcome-line{font-family:system-ui,sans-serif;font-weight:770;letter-spacing:-.7px}
body[data-theme=studio] .tile-final{border-radius:13px}body[data-theme=ocean] .tile-final{border-radius:19px}body[data-theme=lavender] .tile-final{border-radius:23px}body[data-theme=olive] .tile-final{border-radius:15px}
body[data-theme=dusk] .hero-final-photo{filter:brightness(.84)}body[data-theme=dusk] .tile-photo{filter:brightness(.62)}body[data-theme=dusk] .tile-final{background:#1e3028}body[data-theme=dusk] .tile-label{color:#fff4e7}body[data-theme=dusk] .tile-photo{background-image:linear-gradient(90deg,#1e3028 0%,#1e302860 38%,transparent 78%),var(--tile-photo)}body[data-theme=dusk] .breath-final{background:linear-gradient(110deg,#18342d,#163329)}body[data-theme=dusk] .hero-final-button{color:#213929}body[data-theme=dusk] .breath-go{background:#dec48c;color:#1c3024}
body[data-theme=clay] .hero-final-photo{filter:sepia(.23)}body[data-theme=linen] .hero-final-photo{filter:sepia(.18)}
@media(max-width:380px){.app-shell{padding-left:12px;padding-right:12px}.hero-final{min-height:182px}.hero-final-copy{gap:15px}.hero-final-copy h2{font-size:21px}.hero-final-button{font-size:11px;padding:11px 4px}.brand-icon-photo{width:53px;height:53px}.brand-title{font-size:30px}.tile-final{min-height:94px;padding:10px}.tile-label{font-size:15px}.stat-symbol .ico{width:20px;height:20px}.stat-number{font-size:22px}.stat-text{font-size:10px}.breath-mini{display:none}}
@media(min-width:550px){.hero-final{min-height:240px}.hero-final-copy h2{font-size:34px}.tile-final{min-height:123px}.tile-label{font-size:23px}}
@media(prefers-reduced-motion:reduce){.tile-final,.hero-final-button{transition:none}}

/* Luma 2.2 — shopping is the first of six main tiles. */
.shopping-progress{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);padding:14px 12px;border-radius:19px;margin:8px 0 15px;box-shadow:var(--soft-shadow)}
.shopping-progress-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--soft);border-radius:13px;color:var(--accent)}
.shopping-progress-icon svg{width:23px;height:23px}
.shopping-progress>div{display:flex;flex-direction:column;flex:1;min-width:0}
.shopping-progress strong{font-size:24px;line-height:1;font-variant-numeric:tabular-nums}
.shopping-progress span:not(.shopping-progress-icon){font-size:11px;color:var(--muted)}
.shopping-cta{font-size:12px;padding:11px 12px}
.shopping-finished-message{text-align:center;color:var(--muted);padding:17px 8px 12px}
.shopping-share{margin-top:16px}
.pantry-shopping-link{margin:5px 0 15px;gap:9px}
.pantry-shopping-link svg:last-child{margin-left:auto}
@media(max-width:350px){.shopping-quicktext strong{font-size:13px}.shopping-cta{font-size:11px;padding:10px}.shopping-progress{gap:7px}}


/* LUMA 2.3: Eight visual designs with distinct composition, illustrations and type—not just color swatches. */
:root{--type-body:system-ui,-apple-system,'Segoe UI',sans-serif;--type-head:Georgia,'Times New Roman',serif;--type-tile:Georgia,'Times New Roman',serif}
body{font-family:var(--type-body)}.brand-title,.welcome-line,.page-title,.hero-final-copy h2,.tile-label,.breath-title{font-family:var(--type-head)}.tile-label{font-family:var(--type-tile)}
body[data-font=modern]{--type-body:system-ui,-apple-system,'Segoe UI',sans-serif;--type-head:system-ui,-apple-system,'Segoe UI',sans-serif;--type-tile:system-ui,-apple-system,'Segoe UI',sans-serif}
body[data-font=classic]{--type-body:Georgia,'Times New Roman',serif;--type-head:Georgia,'Times New Roman',serif;--type-tile:Georgia,'Times New Roman',serif}
body[data-font=friendly]{--type-body:'Trebuchet MS',Verdana,sans-serif;--type-head:'Trebuchet MS',Verdana,sans-serif;--type-tile:'Trebuchet MS',Verdana,sans-serif}
body[data-font=auto][data-theme=studio],body[data-font=auto][data-theme=ocean]{--type-head:system-ui,-apple-system,'Segoe UI',sans-serif;--type-tile:system-ui,-apple-system,'Segoe UI',sans-serif}
body[data-font=auto][data-theme=lavender]{--type-head:'Trebuchet MS',Verdana,sans-serif;--type-tile:'Trebuchet MS',Verdana,sans-serif}
body[data-font=auto][data-theme=olive]{--type-head:Georgia,'Times New Roman',serif;--type-tile:system-ui,-apple-system,'Segoe UI',sans-serif}
body[data-font=auto][data-theme=dusk]{--type-head:Georgia,'Times New Roman',serif;--type-tile:system-ui,-apple-system,'Segoe UI',sans-serif}
/* All themes retain the selected brand icon, 3 counters, 2-column six-button access and bottom breath card. */
/* Warm editorial: photo LEFT, title RIGHT; distinct from signature's photo RIGHT. */
body[data-theme=linen] .hero-final,body[data-theme=clay] .hero-final{grid-template-columns:46% 54%;background:var(--main-gradient)}
body[data-theme=linen] .hero-final-photo,body[data-theme=clay] .hero-final-photo{background-image:linear-gradient(90deg,transparent 68%,var(--hero-fade,#554639) 100%),url('assets/hero-linen.webp');background-size:cover;background-position:center;grid-column:1;grid-row:1}
body[data-theme=clay] .hero-final-photo{background-image:linear-gradient(90deg,transparent 75%,#704d40 100%),url('assets/hero-clay.webp')}
body[data-theme=linen] .hero-final-copy,body[data-theme=clay] .hero-final-copy{grid-column:2;grid-row:1;padding:17px 13px 17px 3px;gap:16px}
body[data-theme=linen] .hero-final-copy h2,body[data-theme=clay] .hero-final-copy h2{font-size:clamp(19px,5.1vw,29px)}
body[data-theme=linen] .tiles-final,body[data-theme=clay] .tiles-final{gap:12px}
body[data-theme=linen] .tile-final,body[data-theme=clay] .tile-final{padding:12px 8px;flex-direction:row-reverse;justify-content:space-between;min-height:101px;background:var(--paper)}
body[data-theme=linen] .tile-photo,body[data-theme=clay] .tile-photo{position:relative;display:block;inset:auto;width:48%;height:82px;flex:none;background-image:var(--editorial-photo);background-position:center;background-size:cover;border-radius:12px;filter:saturate(.75)}
body[data-theme=linen] .tile-label,body[data-theme=clay] .tile-label{max-width:55%;font-size:clamp(13px,3.65vw,20px);line-height:1.1}
body[data-theme=linen] .tile-line-icon,body[data-theme=clay] .tile-line-icon{display:none}
body[data-theme=linen] .tile-final,body[data-theme=clay] .tile-final{--tilebg:var(--paper)}
body[data-theme=clay] .tile-final{border-radius:28px 12px 28px 12px}
body[data-theme=clay] .stat-final{border-radius:25px}
body[data-theme=linen] .breath-final{border-radius:12px}
body[data-theme=clay] .breath-final{border-radius:25px;background:linear-gradient(135deg,#e9d1c2,#faf0df)}
/* Professional, airy and soft: line-icon BUTTONS, not photorealistic cards. */
body[data-theme=studio] .hero-final,body[data-theme=ocean] .hero-final,body[data-theme=lavender] .hero-final,body[data-theme=olive] .hero-final{grid-template-columns:52% 48%;border-radius:18px}
body[data-theme=studio] .hero-final-photo,body[data-theme=ocean] .hero-final-photo,body[data-theme=lavender] .hero-final-photo,body[data-theme=olive] .hero-final-photo{grid-column:2;grid-row:1;background-image:linear-gradient(90deg,var(--hero-fade,#384e53),transparent 22%),url('assets/hero-studio.webp');background-size:cover;background-position:center}
body[data-theme=ocean] .hero-final-photo{background-image:linear-gradient(90deg,#315d67,transparent 26%),url('assets/hero-ocean.webp')}
body[data-theme=lavender] .hero-final-photo{background-image:linear-gradient(90deg,#574670,transparent 24%),url('assets/hero-ocean.webp');filter:hue-rotate(65deg) saturate(.75)}
body[data-theme=olive] .hero-final-photo{background-image:linear-gradient(90deg,#556343,transparent 25%),url('assets/hero-olive.webp')}
body[data-theme=studio] .hero-final-copy,body[data-theme=ocean] .hero-final-copy,body[data-theme=lavender] .hero-final-copy,body[data-theme=olive] .hero-final-copy{grid-column:1;grid-row:1;padding:17px 3px 17px 18px;gap:18px}
body[data-theme=studio] .hero-final-copy h2,body[data-theme=ocean] .hero-final-copy h2,body[data-theme=lavender] .hero-final-copy h2,body[data-theme=olive] .hero-final-copy h2{font-size:clamp(18px,5vw,27px)}
body[data-theme=studio] .hero-final-button,body[data-theme=ocean] .hero-final-button,body[data-theme=lavender] .hero-final-button,body[data-theme=olive] .hero-final-button{font-size:clamp(10px,2.6vw,13px);box-shadow:0 3px 8px #0002;padding:12px 5px}
body[data-theme=studio] .tile-final{border-width:1px;border-radius:8px;background:#fff;box-shadow:none;min-height:88px}
body[data-theme=studio] .stat-final{border-radius:8px;box-shadow:none}
body[data-theme=studio] .breath-final{border-radius:9px;box-shadow:none}
body[data-theme=studio] .icon-btn,body[data-theme=studio] .card{border-radius:9px;box-shadow:none}
body[data-theme=ocean] .tile-final{background:linear-gradient(125deg,#fcffff,#e9f5f6);border-radius:20px;box-shadow:0 6px 22px #125d6c14;min-height:106px}
body[data-theme=ocean] .tile-line-icon{border-radius:50%;background:#dbedf0;padding:9px;margin-right:7px}
body[data-theme=ocean] .tile-line-icon svg{width:24px;height:24px}
body[data-theme=ocean] .stat-final{border-radius:22px}
body[data-theme=lavender] .tile-final{background:#fffafd;border-radius:25px;border:1px solid #e2d5eb;box-shadow:0 5px 14px #6c3e8120}
body[data-theme=lavender] .tile-line-icon{padding:8px;background:#f1e9f9;border-radius:13px;margin-right:6px}
body[data-theme=lavender] .tile-label{font-weight:650}
body[data-theme=lavender] .hero-final{border-radius:30px}
body[data-theme=lavender] .stat-final{border-radius:25px}
body[data-theme=olive] .tile-final{border-radius:12px;background:transparent;border:1px solid #cdd6c0;min-height:92px;box-shadow:none}
body[data-theme=olive] .stat-final{border-radius:12px;box-shadow:none}
body[data-theme=olive] .welcome-line{font-weight:500;font-style:italic}
body[data-theme=olive] .breath-final{border-radius:9px;box-shadow:none}
/* Prestige: deep panels, contrasting gold lines, and microphone from the previous dark concept. */
body[data-theme=dusk] .hero-final{grid-template-columns:52% 48%;min-height:219px;border:1px solid #9d80567a;box-shadow:0 16px 35px #0005}
body[data-theme=dusk] .hero-final-photo{grid-column:2;grid-row:1;background-image:linear-gradient(90deg,#09221d 0%,transparent 26%),url('assets/hero-dusk.webp');background-size:cover;background-position:center;filter:brightness(.9)}
body[data-theme=dusk] .hero-final-copy{grid-column:1;grid-row:1;padding:17px 2px 17px 15px;gap:17px}
body[data-theme=dusk] .hero-final-copy h2{font-size:clamp(19px,5.1vw,30px)}
body[data-theme=dusk] .tile-final{background:linear-gradient(145deg,#1b3029,#10221d);min-height:101px;border:1px solid #a88c5b77;border-radius:14px;box-shadow:0 7px 15px #0005}
body[data-theme=dusk] .tile-photo{display:none}
body[data-theme=dusk] .tile-line-icon{display:flex;color:#dfbf7e;margin-right:9px}
body[data-theme=dusk] .tile-line-icon svg{width:27px;height:27px}
body[data-theme=dusk] .tile-label{color:#fff3e4;font-size:clamp(13px,3.65vw,18px);font-family:var(--type-tile);max-width:none}
body[data-theme=dusk] .stat-final{background:#18312a;border:1px solid #a88c5b55}
body[data-theme=dusk] .breath-final{background:linear-gradient(130deg,#15372c,#0b261e)}
/* True preview thumbnails represent layouts, images and palette, not just solid swatches. */
.theme-choice{border-radius:13px;overflow:hidden;transition:transform .15s}.theme-choice:active{transform:scale(.985)}
.theme-choice-name{padding-right:17px}
.theme-description{font-size:10px;line-height:1.35;color:var(--muted);padding:0 3px 4px;min-height:27px}
.theme-preview{height:102px;grid-template-rows:47px 1fr 1fr;background:var(--preview-bg);gap:4px}
.theme-preview .tp-hero{background:linear-gradient(90deg,var(--preview-color),#1b423c);border-radius:8px;overflow:hidden}
.theme-preview .tp-hero:before{content:'';position:absolute;width:48%;height:100%;left:0;top:0;background:url('assets/hero.webp') center/cover;opacity:.9}
.theme-preview .tp-tile{border-radius:7px}
.theme-choice.style-left .tp-hero:before{left:auto;right:0;background:url('assets/hero-clay.webp') center/cover}
.theme-choice.style-left .tp-tile:before{content:'';display:block;width:36%;height:100%;background:#c6a788;border-radius:6px 0 0 6px}
.theme-choice.style-line .tp-hero:before{left:auto;right:0;background:url('assets/hero-studio.webp') center/cover}
.theme-choice.style-line .tp-tile{background:#fff;border-radius:4px;box-shadow:none}
.theme-choice.style-line .tp-tile:before{content:'◯';font-size:11px;color:var(--preview-color);padding-left:6px}
.theme-choice.style-dark .theme-preview .tp-tile{background:#223e34;border-color:#7c6b49}
.theme-choice.style-minimal .tp-tile{background:transparent;border-radius:1px}
.theme-choice.style-minimal .tp-hero:before{left:auto;right:0;background:url('assets/hero-olive.webp') center/cover}
.font-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.font-choice{background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:14px;padding:13px 7px;display:flex;flex-direction:column;align-items:center;gap:3px}
.font-choice.chosen{border-color:var(--accent);background:var(--soft)}
.font-sample{font-size:21px;line-height:1.2}.font-choice small{color:var(--muted);font-size:11px}
.font-modern .font-sample{font-family:system-ui,sans-serif;font-weight:700}.font-classic .font-sample{font-family:Georgia,serif;font-style:italic}.font-friendly .font-sample{font-family:'Trebuchet MS',Verdana,sans-serif;font-weight:600}
@media(max-width:390px){body[data-theme=linen] .tile-photo,body[data-theme=clay] .tile-photo{height:67px;width:44%}body[data-theme=linen] .tile-label,body[data-theme=clay] .tile-label{font-size:13px}body[data-theme=studio] .hero-final-copy,body[data-theme=ocean] .hero-final-copy,body[data-theme=lavender] .hero-final-copy,body[data-theme=olive] .hero-final-copy{padding-left:12px}}

/* Luma 2.4 — corporate default + original multi-style gallery. */
body[data-theme=corporate]{
 color-scheme:dark;
 --bg:#0e1c2c;--paper:#1b2a3c;--ink:#f5f0e8;--muted:#b6c2cd;
 --accent:#d4b473;--accent2:#e6ca8d;--soft:#25364a;--gold:#d8b978;
 --line:#415165;--main-gradient:linear-gradient(140deg,#10283d,#071321);
 --hero-accent:#f5e0b2;--tilebg:#17283a;--tile-shadow:0 6px 20px #0003;--soft-shadow:0 8px 26px #0003;
 --type-head:Georgia,'Times New Roman',serif;--type-tile:system-ui,-apple-system,'Segoe UI',sans-serif;
}
body[data-theme=corporate] .app-shell{position:relative}
body[data-theme=corporate] .header{padding-top:22px;padding-bottom:20px}
body[data-theme=corporate] .brand-icon-photo{border:1px solid #ad925baa;box-shadow:0 4px 20px #0005}
body[data-theme=corporate] .brand-title{color:#f4e4c6;font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:37px;letter-spacing:-.9px}
body[data-theme=corporate] .brand-sub{color:#c3c5ca;letter-spacing:.15px}
body[data-theme=corporate] .icon-btn{color:#f0d399;background:#19283a;border:1px solid #65708255;box-shadow:0 5px 14px #0002}
body[data-theme=corporate] .greet{color:#c8cfdb;font-size:13px}
body[data-theme=corporate] .welcome-line{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#fff3d8;letter-spacing:-.7px;font-size:clamp(21px,5.2vw,30px);line-height:1.24;font-weight:670;margin-bottom:18px}
body[data-theme=corporate] .hero-final{grid-template-columns:51% 49%;background:#142638;min-height:220px;border:1px solid #9b80493d;border-radius:20px;box-shadow:0 17px 28px #0004}
body[data-theme=corporate] .hero-final-photo{grid-column:2;grid-row:1;background-image:linear-gradient(90deg,#122538 0%,#12253811 35%,#0a15211c 100%),url('assets/hero-dusk.webp');background-position:center,50% center;background-size:cover,cover}
body[data-theme=corporate] .hero-final-copy{grid-column:1;grid-row:1;padding:20px 3px 20px 17px;gap:18px;align-self:center}
body[data-theme=corporate] .hero-final-copy h2{font-size:clamp(19px,5vw,30px);font-weight:560;line-height:1.22;color:#fff8ed}
body[data-theme=corporate] .hero-final-button{background:linear-gradient(130deg,#f4dca9,#cda965);color:#102339;border:1px solid #f9e6c4;font-weight:760;box-shadow:0 5px 14px #0004;font-size:clamp(10px,2.9vw,15px);padding:12px 8px}
body[data-theme=corporate] .hero-final-button .ico{color:#142636;flex:none}
body[data-theme=corporate] .stat-final{border-radius:14px;background:#1d3044;border:1px solid #7f789044;box-shadow:0 5px 18px #0002;min-width:0}
body[data-theme=corporate] .stat-symbol{color:#e3c689}
body[data-theme=corporate] .stat-number{color:#fff8ea}
body[data-theme=corporate] .stat-text{color:#c3cdd6}
body[data-theme=corporate] .tiles-final{gap:11px}
body[data-theme=corporate] .tile-final{border-radius:14px;background:linear-gradient(140deg,#22364a,#18283b);color:#fdf9f2;min-height:100px;display:flex;gap:10px;box-shadow:0 8px 19px #0002;border:1px solid #c1a56a5c;padding:12px}
body[data-theme=corporate] .tile-photo{display:none}
body[data-theme=corporate] .tile-line-icon{display:flex;align-items:center;flex:none;order:-1;color:#e3c58d;margin:0}
body[data-theme=corporate] .tile-line-icon .ico{width:28px;height:28px;stroke-width:1.35}
body[data-theme=corporate] .tile-label{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(12px,3.5vw,18px);font-weight:620;line-height:1.2;max-width:none;letter-spacing:-.3px}
body[data-theme=corporate] .breath-final{border-radius:16px;background:linear-gradient(110deg,#182d40e8,#14263ae5),url('assets/corporate-desk.webp') center/cover;border:1px solid #d6b77d77;color:#fff4e6;min-height:77px}
body[data-theme=corporate] .breath-title{font-family:Georgia,serif;color:#f8e3bd;font-size:21px}
body[data-theme=corporate] .breath-mini{color:#d3e0e6}
body[data-theme=corporate] .breath-go{background:#d8b674;color:#122538}
body[data-theme=corporate] .bottom-nav{background:#17283c;border:1px solid #b6a06d36;border-bottom:0;box-shadow:0 -5px 25px #0007}
body[data-theme=corporate] .nav-item.active{background:#263e51;color:#eed09d}
body[data-theme=corporate] .nav-item{color:#c1c6cc}
body[data-theme=corporate] .primary{background:#d7b678;color:#142538}
body[data-theme=corporate] .secondary{background:#26394c;color:#ffeed6}
body[data-theme=corporate] .brandfoot{color:#aab5c1}

/* The photographic / botanical themes below preserve all application controls. */
body[data-theme=botanical]{color-scheme:light;--bg:#f5f2e8;--paper:#fffdf7;--ink:#2d432e;--muted:#778471;--accent:#426949;--accent2:#668e65;--soft:#eaf0e3;--gold:#b9a875;--line:#dce4d6;--main-gradient:linear-gradient(135deg,#366748,#1c4d3c);--hero-accent:#f1e2bd;--tilebg:#fbfaf4}
body[data-theme=classicnight]{color-scheme:dark;--bg:#0b213a;--paper:#152f4a;--ink:#f8f1df;--muted:#b9c6d6;--accent:#dfbf80;--accent2:#f1dca6;--soft:#1d3c58;--gold:#e4c17e;--line:#49627d;--main-gradient:linear-gradient(135deg,#122c50,#07182e);--hero-accent:#ffe5ae;--tilebg:#19314c}
body[data-theme=blossom]{color-scheme:light;--bg:#fff5ed;--paper:#fffaf6;--ink:#483b33;--muted:#947e76;--accent:#996855;--accent2:#be8c75;--soft:#f7e7df;--gold:#d9ae80;--line:#efdccc;--main-gradient:linear-gradient(135deg,#846956,#ba8d77);--hero-accent:#fff0d9;--tilebg:#fff2e9}
body[data-theme=mountain]{color-scheme:light;--bg:#eaf3f5;--paper:#fcffff;--ink:#263f4e;--muted:#7c909b;--accent:#446e87;--accent2:#6999a6;--soft:#e0eced;--gold:#b8a582;--line:#d2e1e5;--main-gradient:linear-gradient(110deg,#27475a,#56879c);--hero-accent:#eaf4f7;--tilebg:#f4fafc}
body[data-theme=botanical] .hero-final,body[data-theme=blossom] .hero-final,body[data-theme=mountain] .hero-final{grid-template-columns:51% 49%;border-radius:24px}
body[data-theme=botanical] .hero-final-copy,body[data-theme=blossom] .hero-final-copy,body[data-theme=mountain] .hero-final-copy{grid-column:1;grid-row:1;padding:17px 1px 17px 16px;gap:17px}
body[data-theme=botanical] .hero-final-photo,body[data-theme=blossom] .hero-final-photo,body[data-theme=mountain] .hero-final-photo{grid-column:2;grid-row:1;background-image:linear-gradient(90deg,#23513c,transparent 35%),url('assets/hero-olive.webp');background-size:cover}
body[data-theme=blossom] .hero-final-photo{background-image:linear-gradient(90deg,#926a57,transparent 35%),url('assets/hero-clay.webp');filter:sepia(.14) saturate(.72)}
body[data-theme=mountain] .hero-final-photo{background-image:linear-gradient(90deg,#375e72,transparent 35%),url('assets/hero-studio.webp')}
body[data-theme=botanical] .hero-final-copy h2,body[data-theme=blossom] .hero-final-copy h2,body[data-theme=mountain] .hero-final-copy h2{font-size:clamp(17px,4.8vw,27px)}
body[data-theme=botanical] .tile-final,body[data-theme=blossom] .tile-final,body[data-theme=mountain] .tile-final{border-radius:14px;background:var(--paper);box-shadow:0 5px 13px #12341a0d;min-height:100px}
body[data-theme=botanical] .tile-photo,body[data-theme=blossom] .tile-photo,body[data-theme=mountain] .tile-photo{display:none}
body[data-theme=botanical] .tile-line-icon,body[data-theme=blossom] .tile-line-icon,body[data-theme=mountain] .tile-line-icon{display:flex;align-items:center;order:-1;flex:none;color:var(--accent);margin-right:8px}
body[data-theme=botanical] .tile-line-icon svg,body[data-theme=blossom] .tile-line-icon svg,body[data-theme=mountain] .tile-line-icon svg{width:28px;height:28px;stroke-width:1.4}
body[data-theme=botanical] .tile-label,body[data-theme=blossom] .tile-label,body[data-theme=mountain] .tile-label{font-family:var(--type-tile);font-size:clamp(13px,3.6vw,19px);max-width:none}
body[data-theme=blossom] .tile-final{border-radius:23px;box-shadow:0 6px 18px #8e6a5230}
body[data-theme=mountain] .tile-final{border-radius:10px;border:1px solid #acc2cc;box-shadow:none}
body[data-theme=mountain] .welcome-line{font-family:system-ui,-apple-system,sans-serif}
body[data-theme=classicnight] .hero-final{grid-template-columns:50% 50%;border:1px solid #c3a66e75;min-height:215px;background:radial-gradient(ellipse at 87% 0%,#174b77 0%,#081e36 74%)}
body[data-theme=classicnight] .hero-final-photo{grid-column:2;grid-row:1;background:linear-gradient(90deg,#09213d 0%,transparent 36%),url('assets/hero-dusk.webp') center/cover;filter:sepia(.2)}
body[data-theme=classicnight] .hero-final-copy{grid-column:1;grid-row:1;padding:15px 1px 15px 15px;gap:16px}
body[data-theme=classicnight] .hero-final-copy h2{font-size:clamp(19px,5vw,28px)}
body[data-theme=classicnight] .tile-final{background:#102e50;border:1px solid #a98d59b0;border-radius:13px;box-shadow:0 5px 17px #0004;gap:8px}
body[data-theme=classicnight] .tile-photo{display:none}
body[data-theme=classicnight] .tile-line-icon{display:flex;order:-1;color:#ead49c}
body[data-theme=classicnight] .tile-line-icon .ico{width:28px;height:28px;stroke-width:1.35}
body[data-theme=classicnight] .tile-label{font-family:var(--type-tile);font-size:clamp(13px,3.55vw,18px);color:#fff1d9;max-width:none}
body[data-theme=classicnight] .stat-final{border-color:#9c85575e;background:#122e4c}
body[data-theme=classicnight] .breath-final{background:linear-gradient(130deg,#112f51,#0d2140);border-color:#ba985e73}
body[data-theme=classicnight] .breath-go{background:#ebcc86;color:#12253a}
body[data-theme=classicnight] .primary{background:#d6b476;color:#142537}
body[data-theme=lavender] .hero-final-photo{background-image:linear-gradient(90deg,#574670,transparent 24%),url('assets/hero-ocean.webp');filter:hue-rotate(65deg) saturate(.75)}

/* Small, visual, easy-to-select theme swatches — no explanatory paragraphs per card. */
.theme-choice{gap:5px}.theme-choice-name{font-size:13px;font-weight:720;white-space:normal;padding:3px 4px 5px}
.theme-choice .theme-description{display:none}
.theme-choice.preview-corporate .theme-preview{background:#0f2135;border:1px solid #b69b66}
.theme-choice.preview-corporate .tp-hero{background:linear-gradient(105deg,#142a42,#182b3d)}
.theme-choice.preview-corporate .tp-hero:before{background:url('assets/hero-dusk.webp') center/cover;left:auto;right:0;width:48%;height:100%;position:absolute;content:''}
.theme-choice.preview-corporate .tp-tile{background:#21374e;border-color:#b69b6688}
.theme-choice.preview-botanical .theme-preview{background-image:url('assets/preview-botanical.webp');background-size:cover;background-position:center 28%}
.theme-choice.preview-classicnight .theme-preview{background-image:url('assets/preview-classicnight.webp');background-size:cover;background-position:center 28%}
.theme-choice.preview-blossom .theme-preview{background-image:url('assets/preview-blossom.webp');background-size:cover;background-position:center 28%}
.theme-choice.preview-mountain .theme-preview{background-image:url('assets/preview-mountain.webp');background-size:cover;background-position:center 28%}
.theme-choice.preview-lavender .theme-preview{background-image:url('assets/preview-lavender.webp');background-size:cover;background-position:center 28%}
.theme-choice.preview-botanical .theme-preview > *, .theme-choice.preview-classicnight .theme-preview > *,.theme-choice.preview-blossom .theme-preview > *, .theme-choice.preview-mountain .theme-preview > *, .theme-choice.preview-lavender .theme-preview > *{opacity:0}
.theme-choice.preview-corporate .tp-hero:after{background:#d8b674}
/* Improve mobile ergonomics at 320–360 CSS pixels. */
@media(max-width:390px){body[data-theme=corporate] .hero-final-copy{padding-left:12px;gap:13px}body[data-theme=corporate] .tile-final{padding:9px 8px;gap:6px}body[data-theme=corporate] .tile-line-icon .ico{height:23px;width:23px}body[data-theme=corporate] .tile-label{font-size:12px}body[data-theme=corporate] .hero-final-button{padding:10px 5px}}
/* Explicit font choice must override the typeface attached to a theme. */
body[data-font=modern]{--type-body:system-ui,-apple-system,'Segoe UI',sans-serif;--type-head:system-ui,-apple-system,'Segoe UI',sans-serif;--type-tile:system-ui,-apple-system,'Segoe UI',sans-serif}
body[data-font=classic]{--type-body:Georgia,'Times New Roman',serif;--type-head:Georgia,'Times New Roman',serif;--type-tile:Georgia,'Times New Roman',serif}
body[data-font=friendly]{--type-body:'Trebuchet MS',Verdana,sans-serif;--type-head:'Trebuchet MS',Verdana,sans-serif;--type-tile:'Trebuchet MS',Verdana,sans-serif}

/* Luma 2.5: the ACTUAL original navy/gold corporate home the user approved.
   This deliberately overrides v2.4's dark tiles and green hero while
   leaving other themes and application functionality unchanged. */
body[data-theme=corporate]{--bg:#101e30;--paper:#fbf7f0;--ink:#f6f0e7;--muted:#c9c8c5;--line:#bdc6d04d;--soft:#273e52}
body[data-theme=corporate] .app-shell::before{content:'';position:absolute;inset:0 0 auto;z-index:0;height:305px;background:linear-gradient(to bottom,rgba(13,27,44,.5),rgba(14,28,45,.38) 30%,rgba(15,29,46,.52) 69%,#101e30 100%),url('assets/corporate-office.webp') center top / cover no-repeat;pointer-events:none;opacity:.98}
body[data-theme=corporate] .header,body[data-theme=corporate] .section-content{position:relative;z-index:1}
body[data-theme=corporate] .header{height:110px;display:flex;justify-content:center;padding:16px 0 14px;position:relative}
body[data-theme=corporate] .brand{display:flex;align-items:center;gap:9px;justify-content:center;flex-direction:row}
body[data-theme=corporate] .brand-icon-photo{height:38px;width:38px;border-radius:11px;box-shadow:0 3px 11px #0005;border:1px solid #d6b87575}
body[data-theme=corporate] .brand-title{font:500 43px/1 Georgia,'Times New Roman',serif;color:#fbf0de;letter-spacing:0;text-shadow:0 2px 12px #0006}
body[data-theme=corporate] .brand-sub{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#e0d3bd;margin-top:9px}
body[data-theme=corporate] .header-actions{position:absolute;right:0;top:21px;gap:6px}
body[data-theme=corporate] .icon-btn{width:34px;height:35px;border:0;background:#1123379e;color:#edd6aa;border-radius:10px;box-shadow:none}
body[data-theme=corporate] .header-actions .icon-btn:first-child{display:none}
body[data-theme=corporate] .greet{font-weight:500;font-size:13px;text-align:center;color:#eddfc7;margin:8px 0 6px;text-shadow:0 2px 10px #0009}
body[data-theme=corporate] .greet-dot{color:#d7b375}
body[data-theme=corporate] .welcome-line{font:500 clamp(20px,5.1vw,31px)/1.2 Georgia,serif;color:#fff4e5;text-align:center;margin:0 0 30px;text-shadow:0 2px 10px #0008;letter-spacing:-.3px}
/* Original approved horizontal voice bar, with REAL gold metallic microphone at right. */
body[data-theme=corporate] .corp-voice-card{margin:0;width:100%;display:flex;align-items:center;gap:13px;text-align:left;position:relative;min-height:114px;padding:12px 14px 12px 16px;border-radius:26px;border:2px solid #fbf5e8;background:linear-gradient(125deg,#fffefb,#e9e6e0);color:#111c29;box-shadow:0 9px 23px #07142177, inset 0 0 0 1px #b4a58c66}
body[data-theme=corporate] .corp-voice-card:active{transform:scale(.99)}
body[data-theme=corporate] .corp-voice-wave{display:flex;gap:3px;align-items:center;justify-content:center;flex:none;width:24px;height:42px}
body[data-theme=corporate] .corp-voice-wave i{display:block;background:#182638;width:3px;border-radius:3px;height:10px}
body[data-theme=corporate] .corp-voice-wave i:nth-child(2),body[data-theme=corporate] .corp-voice-wave i:nth-child(4){height:24px}
body[data-theme=corporate] .corp-voice-wave i:nth-child(3){height:39px}
body[data-theme=corporate] .corp-voice-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
body[data-theme=corporate] .corp-voice-text strong{font-size:clamp(17px,4.5vw,25px);font-weight:770;line-height:1.11;color:#151b25;letter-spacing:-.6px}
body[data-theme=corporate] .corp-voice-text small{font-size:clamp(10px,2.75vw,13px);color:#51575c;line-height:1.28}
body[data-theme=corporate] .corp-mic-photo{height:91px;width:85px;flex:none;display:block;overflow:hidden;position:relative;border-radius:25px;background:#102236;border:2px solid #caa76d;box-shadow:0 3px 15px #141c2859,0 0 0 3px #fef7ed}
body[data-theme=corporate] .corp-mic-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 44%;}
body[data-theme=corporate] .stats-final{margin-top:17px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-theme=corporate] .stat-final{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;row-gap:0;align-items:center;justify-items:start;text-align:left;min-height:66px;padding:10px 7px;border-radius:12px;border:1px solid #e2c68a5a;background:linear-gradient(145deg,#203449cf,#142338bd);box-shadow:0 4px 16px #06132455}
body[data-theme=corporate] .stat-symbol{grid-row:1 / 3;grid-column:1;color:#e7c68a}
body[data-theme=corporate] .stat-symbol svg{width:20px;height:20px}
body[data-theme=corporate] .stat-number{grid-row:1;grid-column:2;font:600 19px/1.1 Georgia,serif;color:#fef6e7}
body[data-theme=corporate] .stat-text{grid-row:2;grid-column:2;font-size:10px;color:#dfd8ce;word-break:break-word}
body[data-theme=corporate] .tiles-final{margin-top:24px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-theme=corporate] .tile-final{position:relative;min-height:83px;border-radius:17px;border:1px solid #eee4d8;background:linear-gradient(125deg,#fffefa,#e9e7e5);display:flex;flex-direction:row;align-items:center;gap:9px;padding:10px 22px 10px 11px;color:#13202c;box-shadow:0 5px 12px #0003;text-align:left;overflow:hidden;justify-content:flex-start}
body[data-theme=corporate] .tile-final:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--category-color,#8aa1ab);box-shadow:1px 0 4px #0002}
body[data-theme=corporate] .tile-thoughts{--category-color:#628ac1}
body[data-theme=corporate] .tile-shopping{--category-color:#bda37a}
body[data-theme=corporate] .tile-pantry{--category-color:#b2a391}
body[data-theme=corporate] .tile-family{--category-color:#93aa99}
body[data-theme=corporate] .tile-items{--category-color:#a995af}
body[data-theme=corporate] .tile-expiry{--category-color:#8da4b7}
body[data-theme=corporate] .tile-photo{display:none}
body[data-theme=corporate] .tile-line-icon{display:flex;order:-1;align-items:center;flex:none;color:#202631;margin:0}
body[data-theme=corporate] .tile-line-icon .ico{height:27px;width:27px;stroke-width:1.75}
body[data-theme=corporate] .tile-label{font-family:var(--type-tile);font-size:clamp(13px,3.7vw,19px);line-height:1.15;font-weight:680;color:#111923;letter-spacing:-.45px;margin:0;max-width:none;overflow-wrap:normal}
body[data-theme=corporate] .tile-final:after{content:'›';position:absolute;right:9px;top:50%;transform:translateY(-54%);font:300 29px/1 system-ui;color:#1f2d39}
body[data-theme=corporate] .tile-final:active{transform:scale(.985);box-shadow:0 2px 5px #0003}
body[data-theme=corporate] .breath-final{position:relative;margin-top:26px;border-radius:19px;min-height:95px;border:1px solid #c5ae7b;background:linear-gradient(90deg,#13273dd9,#243b53c2),url('assets/corporate-mountain.webp') center/cover;color:#fff8e9;padding:16px 55px 16px 19px;box-shadow:0 9px 19px #08132066}
body[data-theme=corporate] .breath-title{font:500 clamp(22px,5.2vw,29px)/1.1 Georgia,serif;color:#f7e5c2}
body[data-theme=corporate] .breath-mini{font:italic 12px/1.4 Georgia,serif;color:#ebdfd1}
body[data-theme=corporate] .breath-go{border:2px solid #cba86d;border-radius:50%;background:#0d1b2d;color:#f1d6a3;width:45px;height:45px;position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center}
body[data-theme=corporate] .breath-go svg{width:22px;height:22px}
body[data-theme=corporate] .brandfoot{font-size:11px;opacity:.7}
@media(max-width:360px){body[data-theme=corporate] .corp-voice-card{gap:7px;padding:10px}body[data-theme=corporate] .corp-mic-photo{width:64px;height:78px}body[data-theme=corporate] .tile-final{padding-left:7px;gap:5px}body[data-theme=corporate] .tile-line-icon svg{width:23px;height:23px}body[data-theme=corporate] .tile-label{font-size:12px}body[data-theme=corporate] .tile-final:after{right:5px}}


/* === Luma 2.6: exact approved original CORPORATE composition (other themes intact) === */
body[data-theme="corporate"]{--bg:#102034;--paper:#f9f7f3;--ink:#f3eee4;--muted:#bfc9d3;--accent:#d9b776;--accent2:#e1c58e;--soft:#24364a;--line:#60778c;--gold:#e3be7f;color-scheme:dark}
body[data-theme="corporate"][data-page="home"]{background:#101f31}
body[data-theme="corporate"][data-page="home"] .app-shell{padding:0 16px 28px;max-width:550px;min-height:100dvh;background:linear-gradient(180deg,#13273a 0%,#15273b 45%,#101e30 100%);overflow:hidden}
body[data-theme="corporate"][data-page="home"] .app-shell::before{content:'';position:absolute;z-index:0;left:0;right:0;top:0;height:255px;background:linear-gradient(180deg,rgba(12,26,44,.32) 0%,rgba(12,26,44,.26) 29%,rgba(12,26,44,.08) 65%,#12243a 100%),url('assets/corporate-original-desk.webp') center top / 100% 255px no-repeat;opacity:1;pointer-events:none}
body[data-theme="corporate"][data-page="home"] .section-content{position:relative;z-index:1;margin-top:0}
body[data-theme="corporate"][data-page="home"] .header{position:relative;z-index:1;height:126px;margin:0;display:flex;align-items:flex-start;justify-content:center;padding:12px 0 0;background:transparent}
.corp-header .corp-menu{position:absolute;top:17px;left:0}
.corp-header .corp-right-actions{position:absolute;top:17px;right:0;display:flex;gap:2px}
.corp-header .corp-top-action{display:grid;place-items:center;width:34px;height:36px;border:0;background:#15273c18;color:#f4d9a2;border-radius:10px;padding:6px}
.corp-header .corp-top-action .ico{width:24px;height:24px;stroke-width:1.8}
.corp-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f7edda;text-align:center;gap:0}
.corp-brand>div{display:flex;flex-direction:column;align-items:center}
.corp-brand-title{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.0;letter-spacing:.2px;text-shadow:0 2px 6px #06132189}
.corp-brand-sub{font:600 9px/1.6 system-ui,sans-serif;letter-spacing:3.4px;margin-top:6px;color:#f0e1cd;white-space:nowrap}
.corp-leaf-mark{display:none} /* screenshot uses a small leaf; brand remains centered, uncluttered */
body[data-theme="corporate"][data-page="home"] .corp-top-caption{height:102px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:4px;margin:-2px 0 0;color:#f6e5cb;text-shadow:0 2px 7px #06101dd9;overflow:hidden}
.corp-date{font:500 12px/1.2 system-ui,sans-serif;color:#e2c18c;text-transform:capitalize}
.corp-daily{font:italic 500 clamp(13px,3.9vw,19px)/1.15 Georgia,serif;max-width:100%;color:#f6ebdc}
body[data-theme="corporate"][data-page="home"] .corp-voice-card{margin:0;display:flex;align-items:center;width:100%;height:106px;min-height:106px;border-radius:24px;padding:11px 15px;gap:13px;border:2px solid #f8f4ec;background:linear-gradient(132deg,#fdfbf8 0%,#f0f0ed 59%,#e4e2dd 100%);color:#18273a;box-shadow:0 10px 20px #070f1d45,0 0 0 1px #bb9c66a1;position:relative}
body[data-theme="corporate"][data-page="home"] .corp-voice-wave{display:flex;width:28px;height:43px;align-items:center;justify-content:center;gap:3px;flex:none}
body[data-theme="corporate"][data-page="home"] .corp-voice-wave i{display:block;background:#1c2b40;border-radius:8px;width:3px;height:12px}
body[data-theme="corporate"][data-page="home"] .corp-voice-wave i:nth-child(2),body[data-theme="corporate"][data-page="home"] .corp-voice-wave i:nth-child(4){height:27px}
body[data-theme="corporate"][data-page="home"] .corp-voice-wave i:nth-child(3){height:42px}
body[data-theme="corporate"][data-page="home"] .corp-voice-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;min-width:0}
body[data-theme="corporate"][data-page="home"] .corp-voice-text strong{font:750 clamp(16px,4.6vw,23px)/1.1 system-ui,sans-serif;letter-spacing:-.5px;white-space:nowrap;color:#121d2b}
body[data-theme="corporate"][data-page="home"] .corp-voice-text small{font:400 clamp(10px,2.7vw,13px)/1.15 system-ui,sans-serif;color:#424c57;max-width:190px}
body[data-theme="corporate"][data-page="home"] .corp-mic-action{display:grid;place-items:center;flex:none;width:78px;height:78px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 27%,#25405a,#0d1b30 76%);color:#fbfbff;border:4px solid #e3bf7e;box-shadow:0 0 0 4px #fffefb,0 6px 13px #0e1c324f,inset 0 0 11px #243850}
body[data-theme="corporate"][data-page="home"] .corp-mic-action .ico{width:34px;height:34px;stroke-width:1.85}
body[data-theme="corporate"][data-page="home"] .stats-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:19px 0 0;min-height:64px}
body[data-theme="corporate"][data-page="home"] .stat-final{border:0;border-radius:0;min-height:62px;padding:7px 7px 7px 9px;background:none;box-shadow:none;display:grid;grid-template-columns:27px 1fr;grid-template-rows:28px 20px;gap:0 7px;align-items:center;justify-items:start;position:relative}
body[data-theme="corporate"][data-page="home"] .stat-final:not(:last-child):after{content:'';height:42px;width:1px;background:#d6c7b776;position:absolute;right:0;top:9px}
body[data-theme="corporate"][data-page="home"] .stat-symbol{grid-column:1;grid-row:1/3;color:#e0b980}
body[data-theme="corporate"][data-page="home"] .stat-symbol .ico{width:25px;height:25px;stroke-width:1.65}
body[data-theme="corporate"][data-page="home"] .stat-text{grid-column:2;grid-row:1;font:500 clamp(9px,2.45vw,12px)/1.1 system-ui,sans-serif;color:#f6f2ec;word-break:normal}
body[data-theme="corporate"][data-page="home"] .stat-number{grid-column:2;grid-row:2;font:500 clamp(21px,6vw,27px)/1 Georgia,serif;color:#f2d4a3}
body[data-theme="corporate"][data-page="home"] .tiles-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 9px;margin:22px 0 0}
body[data-theme="corporate"][data-page="home"] .tile-final{min-height:76px;display:flex;align-items:center;justify-content:flex-start;position:relative;border-radius:19px;padding:11px 19px 11px 13px;gap:8px;border:1px solid #ede8e2;color:#172436;background:linear-gradient(126deg,#fefdfa 0%,#f5f4f0 68%,#e7e5e2 100%);box-shadow:0 2px 9px #0b121b77;overflow:hidden;text-align:left}
body[data-theme="corporate"][data-page="home"] .tile-final:before{position:absolute;content:'';left:0;top:0;bottom:0;width:5px;background:var(--category-color,#8da8bd);box-shadow:1px 0 3px #17263833}
body[data-theme="corporate"][data-page="home"] .tile-final:after{display:none}
body[data-theme="corporate"][data-page="home"] .tile-line-icon{display:grid;order:0;place-items:center;margin:0;flex:none;width:35px;height:39px;color:#182536}
body[data-theme="corporate"][data-page="home"] .tile-line-icon .ico{width:30px;height:30px;stroke-width:1.8}
body[data-theme="corporate"][data-page="home"] .tile-label{font:650 clamp(12px,3.3vw,17px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.35px;color:#152335;flex:1;min-width:0;overflow-wrap:normal}
body[data-theme="corporate"][data-page="home"] .tile-arrow{display:grid;flex:none;place-items:center;width:12px;color:#152335}
body[data-theme="corporate"][data-page="home"] .tile-arrow .ico{width:17px;height:17px;stroke-width:2.4}
body[data-theme="corporate"][data-page="home"] .tile-thoughts{--category-color:#587eae}
body[data-theme="corporate"][data-page="home"] .tile-shopping{--category-color:#bca17e}
body[data-theme="corporate"][data-page="home"] .tile-pantry{--category-color:#a9a091}
body[data-theme="corporate"][data-page="home"] .tile-family{--category-color:#8ba996}
body[data-theme="corporate"][data-page="home"] .tile-items{--category-color:#ab94b3}
body[data-theme="corporate"][data-page="home"] .tile-expiry{--category-color:#83a7c4}
body[data-theme="corporate"][data-page="home"] .breath-final{position:relative;min-height:91px;margin-top:24px;display:flex;align-items:center;gap:11px;padding:14px 64px 14px 13px;border-radius:18px;border:1.6px solid #d5c7b0;background:linear-gradient(90deg,#112339ed 0%,#1a3047e6 58%,#283e4bc2 100%),url('assets/corporate-mountain.webp') center/cover;color:#f3ebdc;box-shadow:0 3px 14px #010e1b66}
body[data-theme="corporate"][data-page="home"] .breath-leaf{display:grid;place-items:center;flex:none;width:36px;color:#e2bf83}
body[data-theme="corporate"][data-page="home"] .breath-leaf .ico{width:34px;height:34px;stroke-width:1.35}
body[data-theme="corporate"][data-page="home"] .breath-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;border-left:1px solid #d4c5a4aa;padding-left:12px;text-align:left}
body[data-theme="corporate"][data-page="home"] .breath-title{font:500 clamp(20px,5.4vw,27px)/1 Georgia,serif;color:#f6ede1}
body[data-theme="corporate"][data-page="home"] .breath-mini{display:block;font:italic 11px/1.15 Georgia,serif;color:#d7d9d8;max-height:25px;overflow:hidden}
body[data-theme="corporate"][data-page="home"] .breath-go{display:grid;position:absolute;right:14px;top:50%;transform:translateY(-50%);place-items:center;width:48px;height:48px;border:2.5px solid #e2bb81;border-radius:50%;background:radial-gradient(circle,#0c1c2ee8,#182a40ec);color:#f5eedc;box-shadow:0 0 0 1px #213b50}
body[data-theme="corporate"][data-page="home"] .breath-go .ico{width:26px;height:26px}
body[data-theme="corporate"][data-page="home"] .brandfoot{display:none}
body[data-theme="corporate"][data-page="home"] .bottom-nav{display:none}
@media(max-width:365px){body[data-theme="corporate"][data-page="home"] .app-shell{padding-inline:11px}body[data-theme="corporate"][data-page="home"] .tile-final{gap:5px;padding:8px 17px 8px 8px}body[data-theme="corporate"][data-page="home"] .tile-line-icon{width:27px}body[data-theme="corporate"][data-page="home"] .tile-line-icon .ico{width:24px;height:24px}body[data-theme="corporate"][data-page="home"] .tile-label{font-size:12px}body[data-theme="corporate"][data-page="home"] .corp-mic-action{width:67px;height:67px}}
@media(prefers-reduced-motion:reduce){body[data-theme="corporate"][data-page="home"] .tile-final,body[data-theme="corporate"][data-page="home"] .corp-voice-card{transition:none}}

/* Original reference: gold leaf is an intrinsic part of the centered Luma wordmark. */
body[data-theme="corporate"][data-page="home"] .corp-leaf-mark{display:block;position:absolute;top:19px;left:calc(50% - 91px);width:28px;height:37px;opacity:.95}
body[data-theme="corporate"][data-page="home"] .breath-final{background:linear-gradient(90deg,#112339f2 0%,#192d42d9 51%,#1e31408a 100%),url('assets/corporate-mountain.webp') center / cover}

/* Luma 2.7: selected corporate home screen, preserving all existing app behaviours. */
body[data-theme="corporate"][data-page="home"] .app-shell{
  background:linear-gradient(180deg,#112237 0%,#15273c 52%,#101e30 100%);
}
body[data-theme="corporate"][data-page="home"] .app-shell::before{
  height:166px;
  background:linear-gradient(180deg,rgba(14,29,48,.28) 0%,rgba(14,29,48,.09) 42%,rgba(14,29,48,.00) 79%,#12243a 100%),
             url('assets/corporate-original-desk.webp') center top / 100% 166px no-repeat;
}
body[data-theme="corporate"][data-page="home"] .header{height:84px;padding-top:10px}
.corp-header .corp-menu,.corp-header .corp-right-actions{top:16px}
body[data-theme="corporate"][data-page="home"] .corp-brand-title{font-size:40px}
body[data-theme="corporate"][data-page="home"] .corp-leaf-mark{top:17px}
body[data-theme="corporate"][data-page="home"] .corp-top-caption{
  height:70px;gap:4px;margin:0;justify-content:flex-start;padding-top:1px;
}
body[data-theme="corporate"][data-page="home"] .corp-date{font-size:12px;color:#efc88e;line-height:1.3}
body[data-theme="corporate"][data-page="home"] .corp-daily{font-size:clamp(14px,4vw,17px);line-height:1.2;max-width:94%;color:#f8f0e5}
body[data-theme="corporate"][data-page="home"] .corp-voice-card{
 height:103px;min-height:103px;
 border-radius:22px;padding:10px 11px 10px 13px;
 box-shadow:0 5px 18px #05101e5c, 0 0 0 1px #e6d0a233;
}
body[data-theme="corporate"][data-page="home"] .corp-mic-action{
  width:82px;height:82px;min-width:82px;
  border:0;
  background:#112237 url('assets/corporate-metal-microphone.webp') center / cover no-repeat;
  border-radius:50%;
  box-shadow:0 4px 10px #1d2a3b65;
}
body[data-theme="corporate"][data-page="home"] .corp-voice-text strong{font-size:clamp(16px,4.25vw,20px)}
body[data-theme="corporate"][data-page="home"] .corp-voice-text small{font-size:clamp(11px,2.8vw,13px);max-width:210px}
body[data-theme="corporate"][data-page="home"] .stats-final{margin-top:15px;min-height:59px}
body[data-theme="corporate"][data-page="home"] .stat-final{min-height:59px;padding:5px 4px 5px 8px;grid-template-columns:27px 1fr;grid-template-rows:26px 22px;gap:0 5px}
body[data-theme="corporate"][data-page="home"] .stat-text{font-size:clamp(9px,2.42vw,12px)}
body[data-theme="corporate"][data-page="home"] .stat-number{font-size:clamp(23px,6vw,29px)}
body[data-theme="corporate"][data-page="home"] .tiles-final{margin-top:17px;gap:9px 9px}
body[data-theme="corporate"][data-page="home"] .tile-final{min-height:76px;border-radius:17px}
body[data-theme="corporate"][data-page="home"] .breath-final{margin-top:22px;min-height:84px}
body[data-theme="corporate"][data-page="home"] button.corp-voice-card:active,
body[data-theme="corporate"][data-page="home"] button.tile-final:active {transform:scale(.985)}
body[data-theme="corporate"][data-page="home"] button:focus-visible{outline:3px solid #e6bf7a;outline-offset:3px}
@media(max-width:365px){
 body[data-theme="corporate"][data-page="home"] .header{height:80px}
 body[data-theme="corporate"][data-page="home"] .corp-top-caption{height:70px}
 body[data-theme="corporate"][data-page="home"] .corp-mic-action{width:70px;height:70px;min-width:70px}
 body[data-theme="corporate"][data-page="home"] .corp-voice-card{gap:7px}
 body[data-theme="corporate"][data-page="home"] .corp-voice-text strong{letter-spacing:-.6px;font-size:15px}
}

/* ============================================================
   Luma 2.8 — reference-matched calm corporate home + real profile
   Only applies to the corporate home, leaving 12 other themes intact.
   ============================================================ */
body[data-theme="corporate"][data-page="home"] .app-shell{
  background:linear-gradient(180deg,#112237,#13263b 52%,#101e30 100%);
  padding:0 16px 35px;
}
body[data-theme="corporate"][data-page="home"] .app-shell::before{
  height:193px;
  background:linear-gradient(to bottom,rgba(10,24,42,.24) 0%,rgba(11,28,47,.03) 42%,rgba(12,29,47,.03) 73%,#13263b 100%),
    url('assets/corporate-original-desk.webp') center top / cover no-repeat;
}
body[data-theme="corporate"][data-page="home"] .header{
  height:80px;min-height:80px;padding-top:11px;
}
body[data-theme="corporate"][data-page="home"] .corp-hero-spacer{
  height:95px;pointer-events:none;
}
body[data-theme="corporate"][data-page="home"] .corp-voice-card{
  min-height:105px;height:105px;margin:0;gap:11px;
  border-radius:23px;padding:12px 12px 12px 15px;
  background:linear-gradient(115deg,#fffdf9 0%,#f5f3ef 52%,#e4e1dd 100%);
  border:1.5px solid #fff9ef;box-shadow:0 8px 22px #0a14284f;
}
body[data-theme="corporate"][data-page="home"] .corp-voice-text strong{font-size:clamp(17px,4.55vw,22px);font-weight:750;letter-spacing:-.55px}
body[data-theme="corporate"][data-page="home"] .corp-voice-text small{font-size:clamp(10px,2.85vw,13px);line-height:1.26;color:#4a5057;max-width:210px}
body[data-theme="corporate"][data-page="home"] .corp-mic-action{
  display:block;flex:none;width:79px;height:79px;min-width:79px;border:0;
  background:#102339 url('assets/corporate-metal-microphone.webp') center/cover no-repeat;
  border-radius:50%;box-shadow:0 3px 10px #0c1c3255;
}
body[data-theme="corporate"][data-page="home"] .stats-final{margin-top:19px;min-height:61px}
body[data-theme="corporate"][data-page="home"] .stat-final{min-height:59px}
body[data-theme="corporate"][data-page="home"] .tiles-final{margin-top:19px;gap:9px 9px}
body[data-theme="corporate"][data-page="home"] .tile-final{
  min-height:79px;height:79px;gap:9px;padding:7px 15px 7px 9px;
  border-radius:17px;background:linear-gradient(125deg,#fffdf9,#eeece8);
  box-shadow:0 4px 13px #0814265e;
}
body[data-theme="corporate"][data-page="home"] .tile-final::before{width:4px}
body[data-theme="corporate"][data-page="home"] .tile-line-icon{display:none}
body[data-theme="corporate"][data-page="home"] .tile-small-photo{
  flex:none;display:block;width:54px;height:56px;overflow:hidden;
  border-radius:11px;background:#eee8dc;border:1px solid #e9e1d6;
}
body[data-theme="corporate"][data-page="home"] .tile-small-photo img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
body[data-theme="corporate"][data-page="home"] .tile-label{
  flex:1;min-width:0;max-width:none;font:650 clamp(12px,3.2vw,17px)/1.12 Georgia,serif;
  color:#152235;letter-spacing:-.28px;
}
body[data-theme="corporate"][data-page="home"] .tile-arrow{width:12px}
body[data-theme="corporate"][data-page="home"] .tile-arrow .ico{width:16px}
body[data-theme="corporate"][data-page="home"] .breath-final{
  margin-top:25px;min-height:92px;border-radius:20px;
  background:linear-gradient(90deg,#102036ef 0%,#172e45d3 52%,#233b4a61 100%),
    url('assets/corporate-mountain.webp') center/cover no-repeat;
  border-color:#d8c5a8;
}
body[data-theme="corporate"][data-page="home"] .breath-mini{
  display:block;max-height:34px;font-size:clamp(10px,2.75vw,12px);line-height:1.24;
}
body[data-theme="corporate"][data-page="home"] .corp-right-actions{gap:0;right:0;top:16px}
body[data-theme="corporate"][data-page="home"] .corp-profile-action{
  border-radius:50%;border:1px solid #ebd1a766;
  width:31px;height:31px;align-self:center;position:relative;margin:1px 2px;
}
.corp-profile-thumb{width:100%;height:100%;object-fit:cover;border-radius:50%}
.corp-profile-initial{font-size:13px;line-height:1;color:#f8d6a4}
/* Other themes get the same tiny illustrated thumb but keep their layout controls. */
body:not([data-theme="corporate"]) .tile-small-photo{display:none}
/* Profile page / personalization. */
.profile-settings-link{width:100%;display:flex;align-items:center;text-align:left;color:var(--ink);margin-bottom:14px;gap:12px}
.profile-mini-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:var(--accent);background:var(--soft);overflow:hidden;flex:none}
.profile-mini-avatar img{width:100%;height:100%;object-fit:cover}
.profile-intro{display:flex;align-items:center;gap:17px;margin:14px 0 18px}
.profile-intro h2{font:600 23px/1.2 Georgia,serif;margin:0 0 7px;color:var(--ink)}
.profile-intro p{margin:0;color:var(--muted);font-size:13px}
.profile-photo-lg{width:82px;height:82px;display:grid;place-items:center;flex:none;border-radius:21px;background:var(--soft);font:600 32px Georgia,serif;color:var(--accent);overflow:hidden}
.profile-photo-lg img{width:100%;height:100%;object-fit:cover}
.profile-form h3{margin:0 0 16px;color:var(--ink);font-size:17px}
.profile-form .field{margin-bottom:13px}
.profile-form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.profile-form-actions button{max-width:100%}
.profile-section-title{margin:22px 0 12px;font:600 21px Georgia,serif;color:var(--ink)}
.profile-links{display:grid;gap:9px}
button.profile-link{display:flex;align-items:center;gap:12px;text-align:left;width:100%;color:var(--ink);padding:13px}
.profile-link .ico{flex:none;color:var(--accent);height:21px;width:21px}
.profile-link span{flex:1}
.profile-link strong{font-variant-numeric:tabular-nums;color:var(--accent)}
.profile-privacy{margin:15px 0}
.profile-backup{width:100%;display:flex;justify-content:center;gap:10px;align-items:center}
body[data-theme="corporate"] .profile-photo-lg{background:#263b50;border:1px solid #bd9c61;color:#efd19e}
body[data-theme="corporate"] .profile-mini-avatar{background:#263b50;color:#efd19e}
body[data-theme="corporate"] .profile-settings-link{background:#1d3045;color:#fff0da;border:1px solid #bb986d77}
body[data-theme="corporate"] .profile-settings-link .item-title{color:#fff0da}
@media(max-width:380px){
 body[data-theme="corporate"][data-page="home"] .corp-hero-spacer{height:86px}
 body[data-theme="corporate"][data-page="home"] .tile-final{padding-left:7px;gap:6px}
 body[data-theme="corporate"][data-page="home"] .tile-small-photo{width:47px;height:49px}
 body[data-theme="corporate"][data-page="home"] .tile-label{font-size:clamp(11px,3.1vw,14px)}
 body[data-theme="corporate"][data-page="home"] .corp-mic-action{width:70px;height:70px;min-width:70px}
 body[data-theme="corporate"][data-page="home"] .corp-voice-text strong{font-size:clamp(15px,4.4vw,18px)}
 body[data-theme="corporate"][data-page="home"] .corp-profile-action{width:27px;height:27px}
}
/* Final readability and reference-art refinements */
body[data-theme="corporate"][data-page="home"] .app-shell::before{
  background:linear-gradient(180deg,#10223814 0%,#1022380a 63%,#13263b 100%),
    url('assets/corporate-original-desk.webp') center top / 100% 193px no-repeat;
}
body[data-theme="corporate"]:not([data-page="home"]) .app-shell::before{background:none;height:0}
body[data-theme="corporate"] .profile-intro,
body[data-theme="corporate"] .profile-form,
body[data-theme="corporate"] .profile-link{background:#fdf9f1;color:#1c2a3b;border:1px solid #e9dfd2}
body[data-theme="corporate"] .profile-intro h2,
body[data-theme="corporate"] .profile-form h3,
body[data-theme="corporate"] .profile-form label,
body[data-theme="corporate"] .profile-link span{color:#18263a}
body[data-theme="corporate"] .profile-intro p{color:#596777}
body[data-theme="corporate"] .profile-form input,
body[data-theme="corporate"] .profile-form textarea{background:#fffefb;color:#172538;border:1px solid #c7ced5}
body[data-theme="corporate"] .profile-form input::placeholder,
body[data-theme="corporate"] .profile-form textarea::placeholder{color:#718092}
body[data-theme="corporate"] .profile-form .primary{background:#d6b478;color:#13243a}
body[data-theme="corporate"] .profile-form .secondary{background:#233c52;color:#fff7e9}
body[data-theme="corporate"] .profile-link .ico,
body[data-theme="corporate"] .profile-link strong{color:#745b32}
body[data-theme="corporate"] .profile-photo-lg{background:#203950;color:#edd1a0}
body[data-theme="corporate"] .profile-settings-link{color:#fff7ea}
/* Profile content is long enough to scroll; keep the form unobstructed. */
body[data-page="profile"] .bottom-nav{display:none}
body[data-page="profile"] .app-shell{padding-bottom:35px}
body[data-theme="corporate"][data-page="home"] .tile-label{font-family:var(--type-tile,Georgia,'Times New Roman',serif)}

/* Luma 2.9 — A single elegant live date below the logo; daily thought only in Günün Nefesi. */
body[data-theme="corporate"][data-page="home"] .header{
  height:100px;min-height:100px;
}
body[data-theme="corporate"][data-page="home"] .corp-brand{
  gap:3px;
}
body[data-theme="corporate"][data-page="home"] .corp-today-date{
  display:block;
  margin-top:3px;
  font:600 clamp(12px,3.2vw,14px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#f9e4bf;
  letter-spacing:.25px;
  text-shadow:0 2px 5px #071526,0 1px 2px #071526;
  white-space:nowrap;
}
body[data-theme="corporate"][data-page="home"] .corp-hero-spacer{
  height:75px;
}
body[data-theme="corporate"][data-page="home"] .breath-final{
  min-height:107px;
  padding-top:13px;padding-bottom:13px;
}
body[data-theme="corporate"][data-page="home"] .breath-title{
  font-size:clamp(21px,5.15vw,26px);
  line-height:1.12;
  color:#fff4e4;
}
body[data-theme="corporate"][data-page="home"] .breath-mini{
  font:normal 500 clamp(13px,3.45vw,15px)/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#fff5e7;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  max-height:none;
  text-shadow:0 1px 4px #101f33;
}
body[data-theme="corporate"][data-page="home"] .breath-info{
  gap:6px;
}
@media(max-width:380px){
 body[data-theme="corporate"][data-page="home"] .corp-hero-spacer{height:66px}
 body[data-theme="corporate"][data-page="home"] .breath-final{padding-right:64px}
 body[data-theme="corporate"][data-page="home"] .breath-leaf{width:27px}
 body[data-theme="corporate"][data-page="home"] .breath-info{padding-left:9px;gap:4px}
}

/* Luma 3.0 — EXACT approved photographed corporate header and refined one-line navigation. */
body[data-theme="corporate"][data-page="home"] .app-shell {
  padding:0 12px 28px !important;
  max-width:550px;
  overflow:visible;
  background:linear-gradient(180deg,#192a3e 0%,#102036 100%);
}
body[data-theme="corporate"][data-page="home"] .app-shell::before {
  background:none !important; height:0 !important;
  content:none !important;
}
body[data-theme="corporate"][data-page="home"] .header.corp-reference-header {
  width:calc(100% + 24px); height:auto; min-height:0;
  position:relative; z-index:2; margin:0 -12px; padding:0 !important;
  border:none; display:block; line-height:0;
}
.corp-reference-photo{display:block;width:100%;height:auto;aspect-ratio:1152/384;object-fit:fill;pointer-events:none}
.corp-reference-action{position:absolute;top:3%;height:36%;max-height:48px;width:12%;max-width:54px;min-height:42px;border:0;background:transparent;z-index:4;border-radius:14px;cursor:pointer;touch-action:manipulation}
.corp-reference-action:focus-visible{outline:3px solid #e0bb7b;outline-offset:-3px}
.corp-reference-action:active{background:#efd3a81d}
.corp-reference-menu{left:3%}
.corp-reference-bell{right:8.2%}
.corp-reference-settings{right:0}
body[data-theme="corporate"][data-page="home"] .corp-reference-date{
  position:absolute;z-index:3;display:block;left:50%;top:45.5%;transform:translateX(-50%);
  font:italic 500 clamp(11px,2.75vw,13px)/1.3 Georgia,'Times New Roman',serif;
  white-space:nowrap;letter-spacing:.1px;color:#f5d6a5;
  text-shadow:0 1px 3px #091321,0 2px 8px #091321,0 1px 9px #091321;
  padding:0 8px;
}
.corp-reference-en-sub{position:absolute;top:31%;left:34%;width:37%;text-align:center;
  color:#f3ead8;background:#17283c;padding:0 2px;
  font:500 clamp(7px,1.6vw,9px)/1.3 system-ui,sans-serif;letter-spacing:2px}
body[data-theme="corporate"][data-page="home"] .corp-hero-spacer{display:none!important}
body[data-theme="corporate"][data-page="home"] .corp-voice-card{
  margin:0;min-height:90px;height:90px;padding:9px 12px 9px 14px;gap:9px;
  border-radius:20px;background:linear-gradient(126deg,#fffefb,#eae8e5);
  border:1px solid #f4ecdf;box-shadow:0 5px 15px #06122078;
}
body[data-theme="corporate"][data-page="home"] .corp-voice-wave{width:24px;gap:2px}
body[data-theme="corporate"][data-page="home"] .corp-voice-text strong{font:750 clamp(15px,4.3vw,20px)/1.12 system-ui,sans-serif;letter-spacing:-.5px}
body[data-theme="corporate"][data-page="home"] .corp-voice-text small{font:400 clamp(10px,2.65vw,13px)/1.25 system-ui,sans-serif;max-width:none}
body[data-theme="corporate"][data-page="home"] .corp-mic-action{
  width:70px!important;height:70px!important;min-width:70px!important;
  background:#11243b url('assets/corporate-metal-microphone.webp') center/cover no-repeat;
  border-radius:50%;border:0;box-shadow:0 3px 9px #111b345c;
}
body[data-theme="corporate"][data-page="home"] .stats-final{margin-top:10px;min-height:57px}
body[data-theme="corporate"][data-page="home"] .stat-final{padding:4px 4px;grid-template-columns:22px 1fr;grid-template-rows:25px 20px;column-gap:3px;min-height:55px}
body[data-theme="corporate"][data-page="home"] .stat-symbol .ico{width:20px;height:20px;stroke-width:1.55}
body[data-theme="corporate"][data-page="home"] .stat-text{font-size:clamp(8px,2.1vw,11px);letter-spacing:-.15px}
body[data-theme="corporate"][data-page="home"] .stat-number{font-size:clamp(21px,5.6vw,27px)}
body[data-theme="corporate"][data-page="home"] .tiles-final{margin-top:13px;gap:9px 8px}
body[data-theme="corporate"][data-page="home"] .tile-final{
  min-height:72px;height:72px;display:flex;flex-direction:row;align-items:center;
  padding:6px 8px 6px 9px;gap:7px;border-radius:16px;
  border:1px solid #f1ede8;background:linear-gradient(130deg,#fffefb,#ebe8e3);
  box-shadow:0 3px 10px #07172a50;
}
body[data-theme="corporate"][data-page="home"] .tile-final::before{width:3px;opacity:.7}
body[data-theme="corporate"][data-page="home"] .tile-small-photo{
  display:block!important;flex:0 0 34px;width:34px;height:36px;
  border:0;border-radius:8px;background:transparent;overflow:hidden;opacity:.93;
}
body[data-theme="corporate"][data-page="home"] .tile-small-photo img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(.94);
}
body[data-theme="corporate"][data-page="home"] .tile-label{
  display:block;flex:1 1 auto;min-width:0;max-width:none;
  font:650 clamp(10.7px,3.05vw,14px)/1.1 Georgia,'Times New Roman',serif;
  letter-spacing:-.3px;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  color:#18293a;
}
body[data-theme="corporate"][data-page="home"] .tile-items .tile-label,
body[data-theme="corporate"][data-page="home"] .tile-expiry .tile-label{
  font-size:clamp(10.1px,2.8vw,12.8px);letter-spacing:-.55px;
}
body[data-theme="corporate"][data-page="home"] .tile-arrow{display:none!important}
body[data-theme="corporate"][data-page="home"] .breath-final{
  margin-top:19px;min-height:96px;padding:10px 61px 10px 11px;gap:7px;
  border-radius:19px;background:linear-gradient(90deg,#12243bf0 0%,#1a3044df 45%,#29435372 100%),
    url('assets/corporate-mountain.webp') center/cover no-repeat;
}
body[data-theme="corporate"][data-page="home"] .breath-title{font-size:clamp(20px,5.15vw,26px)}
body[data-theme="corporate"][data-page="home"] .breath-mini{font-size:clamp(11px,2.9vw,14px);line-height:1.2;display:block;max-height:36px;overflow:hidden}
body[data-theme="corporate"][data-page="home"] .breath-leaf{width:27px}
body[data-theme="corporate"][data-page="home"] .breath-leaf svg{width:25px;height:25px}
body[data-theme="corporate"][data-page="home"] .breath-info{padding-left:8px;gap:6px}
@media(max-width:360px){
 body[data-theme="corporate"][data-page="home"] .tile-final{padding:5px 5px 5px 6px;gap:4px;min-height:68px;height:68px}
 body[data-theme="corporate"][data-page="home"] .tile-small-photo{flex-basis:27px;width:27px;height:32px}
 body[data-theme="corporate"][data-page="home"] .tile-label{font-size:10.5px;letter-spacing:-.45px}
 body[data-theme="corporate"][data-page="home"] .tile-items .tile-label,body[data-theme="corporate"][data-page="home"] .tile-expiry .tile-label{font-size:9.9px;letter-spacing:-.65px}
 body[data-theme="corporate"][data-page="home"] .corp-mic-action{width:60px!important;height:60px!important;min-width:60px!important}
 body[data-theme="corporate"][data-page="home"] .corp-voice-card{min-height:84px;height:84px}
}
@media(prefers-reduced-motion:reduce){body[data-theme="corporate"][data-page="home"] .corp-reference-action,body[data-theme="corporate"][data-page="home"] .tile-final{transition:none}}

/* Corporate theme picker previews the actual chosen desk image. */
.theme-choice.preview-corporate .tp-hero:before{background:url('assets/corporate-approved-exact.webp') center/cover no-repeat;left:0;right:0;width:100%}

/* Luma 3.1 — High-contrast interior surfaces and *real* visual theme scenes. */
body[data-theme="corporate"]:not([data-page="home"]){
 color-scheme:light;
 --bg:#eef1f4;--paper:#fffdfa;--ink:#1a2b3d;--muted:#526477;
 --accent:#214a69;--accent2:#1e5376;--soft:#e8eef3;--line:#cdd5dc;
 --gold:#bb985e;
}
body[data-theme="corporate"]:not([data-page="home"]) .app-shell{background:#f2f4f6}
body[data-theme="corporate"]:not([data-page="home"]) .header{background:linear-gradient(110deg,#f9fafb,#e9edf2);border-bottom:1px solid #d7dfe6;margin:0 -19px 10px;padding:22px 19px 16px}
body[data-theme="corporate"]:not([data-page="home"]) .brand-title{color:#20384c}
body[data-theme="corporate"]:not([data-page="home"]) .brand-sub{color:#536575}
body[data-theme="corporate"]:not([data-page="home"]) .page-title{color:#172d41}
body[data-theme="corporate"]:not([data-page="home"]) :is(.page-sub,.top-back,.thin,.item-sub,.small-note,.modal .hint,.tab:not(.active),.font-choice small,.setting-line span){color:#4a5d6e;opacity:1}
body[data-theme="corporate"]:not([data-page="home"]) :is(.card,.modal,.empty,.shopping-progress,.font-choice,.theme-choice,.tab:not(.active)){background:#fffdf9;color:#172b3c}
body[data-theme="corporate"]:not([data-page="home"]) :is(.card,.modal,.empty,.shopping-progress,.font-choice,.theme-choice,.tab:not(.active)){border-color:#c8d2dc}
body[data-theme="corporate"]:not([data-page="home"]) :is(.item-title,.modal h2,.modal label,.field label,.setting-line strong,.subheading,.theme-choice-name,.font-choice){color:#192d3f}
body[data-theme="corporate"]:not([data-page="home"]) :is(.top-back,.text-action){color:#214c69}
body[data-theme="corporate"]:not([data-page="home"]) .icon-btn{background:#213951;color:#f5d9ac}
body[data-theme="corporate"]:not([data-page="home"]) :is(.tabs .active,.tab.active){background:#223e58;color:#fff;border-color:#223e58}
body[data-theme="corporate"]:not([data-page="home"]) :is(input,textarea,select){background:#fff;color:#15283a;border-color:#adbcc9}
body[data-theme="corporate"]:not([data-page="home"]) :is(input,textarea)::placeholder{color:#586a7a}
body[data-theme="corporate"]:not([data-page="home"]) .profile-settings-link{background:#20384d;color:#fff6e9}
body[data-theme="corporate"]:not([data-page="home"]) .profile-settings-link :is(.item-title,.thin){color:#fff6e9}
body[data-theme="corporate"]:not([data-page="home"]) .theme-choice.chosen{box-shadow:0 0 0 2px #b28a50;border-color:#9c763b}
body[data-theme="corporate"]:not([data-page="home"]) .primary{background:#bb985e;color:#152839}
body[data-theme="corporate"]:not([data-page="home"]) .card.minibar{color:#182d42!important}
body[data-theme="corporate"]:not([data-page="home"]) .check-round.done{color:#fff}
body[data-theme="corporate"]:not([data-page="home"]) .pill-label{color:#224a66;background:#e6eef3}
body[data-theme="corporate"]:not([data-page="home"]) .profile-mini-avatar{background:#e6edf3;color:#244761}
body[data-theme="corporate"]:not([data-page="home"]) .profile-link :is(.item-title,.thin){color:#192e40}
body[data-theme="corporate"]:not([data-page="home"]) .bottom-nav{background:#16283c}
body[data-theme="corporate"]:not([data-page="home"]) .nav-item{color:#edf0f5}
body[data-theme="corporate"]:not([data-page="home"]) .nav-item.active{background:#2f4d68;color:#ffe0a8}
/* General legibility: avoid near-white on pastel and near-black on dark surfaces. */
body:not([data-theme="corporate"]) :is(.page-sub,.thin,.item-sub,.small-note){font-size:max(12px,1em);opacity:1}
body .theme-choice-name{font-weight:750}
body .tab{font-weight:700}
body button:focus-visible{outline:3px solid #d4a756;outline-offset:2px}

/* The following themed home artwork is derived from the very mockups shown in the gallery.
   The masthead, scenic image, voice card, buttons, and text treatment all change together. */
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .app-shell{
 padding:0 15px calc(108px + env(safe-area-inset-bottom));
}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header{
 position:relative;min-height:174px;display:flex;align-items:center;justify-content:center;
 flex-direction:column;margin:0 -15px 16px;padding:18px 18px 11px;
 background-image:linear-gradient(180deg,transparent 30%,var(--bg) 100%),var(--theme-scene);
 background-size:cover;background-position:center top;
}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header .brand{
 flex-direction:column;gap:7px;text-align:center;position:relative;z-index:2;
}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header .brand-icon-photo{width:48px;height:48px;border-radius:16px;box-shadow:0 4px 16px #0002}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header .brand-title{font:600 36px/1.08 var(--type-head);letter-spacing:-.4px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header .brand-sub{font-size:11px;letter-spacing:.3px;font-weight:650}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header .header-actions{position:absolute;right:10px;top:12px;z-index:4;gap:5px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .header .icon-btn{width:35px;height:35px;border-radius:11px;backdrop-filter:blur(8px)}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .greet{font-size:12px;text-align:center;margin-top:1px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .welcome-line{font:550 clamp(18px,5vw,23px)/1.2 var(--type-head);text-align:center;margin:4px 0 18px;letter-spacing:-.25px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .hero-final{min-height:188px;grid-template-columns:56% 44%;border-radius:22px;box-shadow:0 10px 28px #0002}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .hero-final-photo{grid-column:2;grid-row:1;filter:none;background-position:center;background-size:cover}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .hero-final-copy{grid-column:1;grid-row:1;padding:14px 4px 14px 15px;gap:16px;justify-content:center}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .hero-final-copy h2{font-size:clamp(18px,5vw,26px);line-height:1.17}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .hero-final-button{font-size:clamp(10px,2.8vw,13px);padding:11px 6px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .stats-final{margin-top:12px;gap:8px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .stat-final{min-height:77px;border-radius:13px;padding:10px 4px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tiles-final{gap:9px;margin-top:12px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tile-final{min-height:84px;padding:11px;border-radius:15px;gap:8px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tile-label{font:650 clamp(12px,3.6vw,17px)/1.14 var(--type-tile);max-width:none}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tile-line-icon{display:grid;place-items:center;flex:none;order:-1;margin-right:3px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tile-line-icon .ico{height:25px;width:25px;stroke-width:1.4}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tile-photo{display:none}
body[data-theme="botanical"]{--theme-scene:url('assets/theme-scene-botanical.webp')}
body[data-theme="botanical"][data-page="home"] .hero-final{background:linear-gradient(120deg,#315e42,#19452f)}
body[data-theme="botanical"][data-page="home"] .hero-final-photo{background-image:linear-gradient(90deg,#22503a,transparent 25%),url('assets/hero-olive.webp')}
body[data-theme="botanical"][data-page="home"] .tile-final{background:linear-gradient(115deg,#fffcf1,#f1eee0);border:1px solid #c7d2b3;color:#21442e}
body[data-theme="botanical"][data-page="home"] .tile-line-icon{color:#3c6947}
body[data-theme="botanical"][data-page="home"] .breath-final{background:linear-gradient(95deg,#ecebdc,#e2ecd9),url('assets/theme-scene-botanical.webp') center/cover}
body[data-theme="classicnight"]{--theme-scene:url('assets/theme-scene-classicnight.webp')}
body[data-theme="classicnight"][data-page="home"] .hero-final{background:linear-gradient(120deg,#152e4f,#081b30);border:1px solid #a88b52}
body[data-theme="classicnight"][data-page="home"] .hero-final-photo{background-image:linear-gradient(90deg,#0d2542,transparent 25%),url('assets/hero-dusk.webp')}
body[data-theme="classicnight"][data-page="home"] .tile-final{background:linear-gradient(135deg,#173354,#0b213a);border:1px solid #a98a54;color:#f9e2ab}
body[data-theme="classicnight"][data-page="home"] .tile-label{color:#f9e6b8}
body[data-theme="classicnight"][data-page="home"] .tile-line-icon{color:#edc67e}
body[data-theme="classicnight"][data-page="home"] .stat-final{background:#122d4a;border:1px solid #ae8b58}
body[data-theme="classicnight"][data-page="home"] .breath-final{background:linear-gradient(100deg,#152f4d,#0c223d);border:1px solid #a88956}
body[data-theme="lavender"]{--theme-scene:url('assets/theme-scene-lavender.webp')}
body[data-theme="lavender"][data-page="home"] .hero-final{background:linear-gradient(135deg,#705786,#4c385e)}
body[data-theme="lavender"][data-page="home"] .hero-final-photo{background-image:linear-gradient(90deg,#5e4977,transparent 25%),url('assets/hero-ocean.webp');filter:hue-rotate(58deg) saturate(.75)}
body[data-theme="lavender"][data-page="home"] .tile-final{background:#fbf4ff;border:1px solid #d8c2e5;border-radius:23px;box-shadow:0 6px 13px #7b558624}
body[data-theme="lavender"][data-page="home"] .tile-line-icon{background:#eadcf2;border-radius:12px;padding:6px;color:#715486}
body[data-theme="lavender"][data-page="home"] .breath-final{background:linear-gradient(105deg,#f3e7f4,#e5d8ee);border:1px solid #d4bde4}
body[data-theme="blossom"]{--theme-scene:url('assets/theme-scene-blossom.webp')}
body[data-theme="blossom"][data-page="home"] .hero-final{background:linear-gradient(120deg,#a78369,#70533f)}
body[data-theme="blossom"][data-page="home"] .hero-final-photo{background-image:linear-gradient(90deg,#906b55,transparent 25%),url('assets/hero-linen.webp')}
body[data-theme="blossom"][data-page="home"] .tile-final{background:#fff9f3;border:1px solid #e2c9af;border-radius:23px;box-shadow:0 6px 17px #ad846620}
body[data-theme="blossom"][data-page="home"] .tile-line-icon{color:#946c50}
body[data-theme="blossom"][data-page="home"] .breath-final{background:linear-gradient(100deg,#f9ede4,#efdfcd);border:1px solid #dbbc9e}
body[data-theme="mountain"]{--theme-scene:url('assets/theme-scene-mountain.webp')}
body[data-theme="mountain"][data-page="home"] .hero-final{background:linear-gradient(120deg,#376578,#234559)}
body[data-theme="mountain"][data-page="home"] .hero-final-photo{background-image:linear-gradient(90deg,#355f71,transparent 25%),url('assets/hero-studio.webp')}
body[data-theme="mountain"][data-page="home"] .tile-final{background:#f8fdff;border:1px solid #a8c0cd;border-radius:11px;box-shadow:0 5px 13px #285e7314}
body[data-theme="mountain"][data-page="home"] .tile-line-icon{color:#386a7e}
body[data-theme="mountain"][data-page="home"] .breath-final{background:linear-gradient(100deg,#e5f0f1,#d3e4e8);border:1px solid #a8c5d1}
/* The preview card reuses exactly the scenery that appears on its selectable home screen. */
.theme-choice.preview-botanical .theme-preview{background:url('assets/theme-scene-botanical.webp') center/cover}
.theme-choice.preview-classicnight .theme-preview{background:url('assets/theme-scene-classicnight.webp') center/cover}
.theme-choice.preview-lavender .theme-preview{background:url('assets/theme-scene-lavender.webp') center/cover}
.theme-choice.preview-blossom .theme-preview{background:url('assets/theme-scene-blossom.webp') center/cover}
.theme-choice.preview-mountain .theme-preview{background:url('assets/theme-scene-mountain.webp') center/cover}
.theme-choice.preview-botanical .theme-preview > *, .theme-choice.preview-classicnight .theme-preview > *,
.theme-choice.preview-lavender .theme-preview > *, .theme-choice.preview-blossom .theme-preview > *,
.theme-choice.preview-mountain .theme-preview > *{opacity:1}
.theme-choice.preview-botanical .tp-hero:before{background:url('assets/hero-olive.webp') center/cover}
.theme-choice.preview-classicnight .tp-hero:before{background:url('assets/hero-dusk.webp') center/cover}
.theme-choice.preview-lavender .tp-hero:before{background:url('assets/hero-ocean.webp') center/cover}
.theme-choice.preview-blossom .tp-hero:before{background:url('assets/hero-linen.webp') center/cover}
.theme-choice.preview-mountain .tp-hero:before{background:url('assets/hero-studio.webp') center/cover}
@media(max-width:370px){
 body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .hero-final-copy{padding-left:10px}
 body[data-page="home"]:is([data-theme="botanical"],[data-theme="classicnight"],[data-theme="lavender"],[data-theme="blossom"],[data-theme="mountain"]) .tile-label{font-size:12px}
}

/* Luma 3.2 — Direct camera capture for item location records. */
.photo-label{display:block;color:var(--ink);font-size:13px;font-weight:700;margin-bottom:10px}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.photo-choice{min-height:51px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 9px;border-radius:14px;cursor:pointer;font-size:12px;font-weight:750;text-align:center;line-height:1.25;transition:transform .12s ease,box-shadow .12s ease}
.photo-choice .ico{width:19px;height:19px;flex:none}
.photo-choice-camera{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 5px 14px #00000016}
.photo-choice-gallery{background:var(--paper);color:var(--ink);border:1.5px solid var(--line)}
.photo-choice:active{transform:scale(.98)}
.photo-file-input{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.photo-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.photo-preview[hidden]{display:none!important}
.photo-preview img{height:76px;width:76px;object-fit:cover;border-radius:10px;background:#ddd;flex:none}
.photo-preview-details{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.photo-preview-details strong{color:var(--ink);font-size:12px}
.photo-remove{background:none;border:0;padding:0;text-decoration:underline;color:var(--accent);font-size:12px;font-weight:650;cursor:pointer}
.photo-help{color:var(--muted);font-size:11px;margin:10px 0 0;line-height:1.45}
body[data-theme="corporate"] .photo-choice-gallery{background:#fffefa;color:#182b3e;border-color:#b4c0c9}
body[data-theme="corporate"] .photo-label,body[data-theme="corporate"] .photo-preview-details strong{color:#192e40}
body[data-theme="corporate"] .photo-choice-camera{background:#193b55;color:#fff8ee;border-color:#c8a878}
@media(max-width:360px){.photo-choice{font-size:11px;padding-inline:5px}.photo-choice .ico{width:16px;height:16px}}
/* Maintain contrast against the dark primary camera button in all themes. */
.modal .photo-actions label.photo-choice-camera,
.modal .photo-actions label.photo-choice-camera .ico,
body[data-theme="corporate"] .modal .photo-actions label.photo-choice-camera{color:#fffaf3!important}
.modal .photo-actions label.photo-choice-gallery{color:#172b3e!important}


/* Luma 3.3: user-approved home art displayed unmodified, with live functional overlays. */
body[data-theme="corporate"][data-page="home"]{background:#12253b;color:#f8eee0}
body[data-theme="corporate"][data-page="home"] .app-shell{padding:0!important;width:100%;max-width:550px;background:#142942!important;min-height:100dvh;overflow:hidden}
body[data-theme="corporate"][data-page="home"] .section-content{padding:0!important;margin:0!important}
body[data-theme="corporate"][data-page="home"] .bottom-nav{display:none!important}
.approved-screen{width:100%;height:auto;aspect-ratio:864/1536;position:relative;overflow:hidden;background:#13263e;margin:0 auto;isolation:isolate}
.approved-screen-art{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.approved-hotspot{position:absolute;z-index:5;background:transparent;border:0;border-radius:12px;padding:0;cursor:pointer;touch-action:manipulation}
.approved-hotspot:active{background:rgba(255,226,164,.13)}
.approved-hotspot:focus-visible{outline:3px solid #ffd28d;outline-offset:-4px;background:rgba(255,220,156,.10)}
.approved-voice-hotspot{left:3.6%;top:28.0%;width:92.4%;height:10.7%}
.approved-dynamic{position:absolute;z-index:3;pointer-events:none;white-space:nowrap}
.approved-date{left:26.5%;top:10.75%;width:47%;text-align:center;color:#e8bd79;font:italic 500 clamp(12px,3.05vw,19px)/1.2 Georgia,'Times New Roman',serif;text-shadow:0 1px 2px #0e2138}
.approved-count{color:#e4ba79;font:normal clamp(19px,5.2vw,30px)/1.15 Georgia,'Times New Roman',serif;text-align:center;width:8%;}
.approved-count-one{left:10.6%;top:43.5%}.approved-count-two{left:43%;top:43.5%}.approved-count-three{left:73.9%;top:43.5%}
.approved-daily{left:19.15%;top:83.1%;width:52%;font:500 clamp(10px,2.55vw,15px)/1.2 system-ui,-apple-system,sans-serif;color:#faf8f2;overflow:hidden;text-overflow:ellipsis}
@media(min-width:551px){body[data-theme="corporate"][data-page="home"] .approved-date{font-size:17px}body[data-theme="corporate"][data-page="home"] .approved-count{font-size:27px}}
/* Use an actual, automatically captured screen as theme preview. Never fake an alternate design. */
.theme-preview-real{display:block;height:144px;overflow:hidden;background:#e5e5df;border-radius:11px;border:1px solid rgba(115,102,82,.13)}
.theme-preview-real img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.theme-choice.chosen .theme-preview-real{outline:2px solid var(--accent);outline-offset:-2px}
.theme-choice{background:var(--paper);text-align:center}
/* Additional photographed, lightweight tile designs on selected alternatives; unchanged on other screens. */
body[data-page="home"]:is([data-theme="botanical"],[data-theme="blossom"],[data-theme="lavender"],[data-theme="mountain"]) .tile-final{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;padding:12px;min-height:94px}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="blossom"],[data-theme="lavender"],[data-theme="mountain"]) .tile-label{position:relative;z-index:2;max-width:72%;font:650 clamp(12px,3.6vw,18px)/1.16 Georgia,'Times New Roman',serif;color:var(--ink);text-shadow:0 1px 1px rgba(255,255,255,.5)}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="blossom"],[data-theme="lavender"],[data-theme="mountain"]) .tile-final .tile-line-icon{display:none!important}
body[data-page="home"]:is([data-theme="botanical"],[data-theme="blossom"],[data-theme="lavender"],[data-theme="mountain"]) .tile-final .tile-photo{display:block!important;position:absolute!important;right:0;left:auto;top:0;bottom:0;width:73%;height:100%;background:linear-gradient(90deg,var(--paper),rgba(255,253,247,.22)),var(--editorial-photo) center/cover no-repeat;opacity:.5;z-index:0;filter:saturate(.67)}
body[data-theme="classicnight"][data-page="home"] .tile-final .tile-photo{display:none}
/* 3.3 visual consistency refinements */
body[data-page="home"]:is([data-theme="botanical"],[data-theme="blossom"],[data-theme="lavender"],[data-theme="mountain"]) .tile-final .tile-photo{
  width:79%!important;opacity:.88!important;filter:saturate(.77)!important;
  background-image:linear-gradient(90deg,var(--paper) 0%,rgba(255,252,245,.83) 22%,rgba(255,252,245,.06) 72%),var(--editorial-photo)!important;
  background-size:cover,cover!important;background-position:left center,right center!important;
}
.theme-preview-real{height:184px}
.theme-preview-real img{object-position:top center}
@media(max-width:360px){.theme-preview-real{height:165px}}
/* Corporate interior: profile shortcut has adequate contrast on light cards. */
body[data-theme="corporate"]:not([data-page="home"]) .profile-settings-link{
  background:#fffdf9!important;color:#1a2c3b!important;border:1px solid #bfcbd6!important
}
body[data-theme="corporate"]:not([data-page="home"]) .profile-settings-link :is(.item-title,.thin,.ico){color:#20374b!important;opacity:1!important}
body[data-theme="corporate"]:not([data-page="home"]) .profile-settings-link .profile-mini-avatar{color:#24465c!important;background:#e4edf3!important}

/* Luma 3.4 extensions — real differentiated themes, voice, vehicle, pantry photos */
.vehicle-explain,.pantry-photo-action p{font-size:13px;line-height:1.55;color:var(--ink);opacity:.89}
.vehicle-profile,.vehicle-event{margin-block:8px}
.vehicle-event .item-sub{display:flex;align-items:center;gap:5px;margin-top:6px}
.expiry-tabs .ico{width:16px;height:16px;vertical-align:middle}
.pantry-photo-title{display:flex;align-items:center;gap:8px}
.pantry-photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.pantry-photo-item{position:relative;aspect-ratio:1.2;overflow:hidden;border-radius:12px;background:#eae8df}
.pantry-photo-item img{width:100%;height:100%;object-fit:cover}
.pantry-photo-item button{position:absolute;right:3px;top:3px;background:#fff;color:#312c27;border-radius:50%;width:24px;height:24px;border:0}
.pantry-quick-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.pantry-quick-tags .chip{padding:7px 10px;font-size:12px;border:1px solid #a7a49a;cursor:pointer}
.recipe-steps{margin-top:9px;line-height:1.45}
.recipe-steps summary{cursor:pointer;font-weight:650;color:var(--ink)}
.recipe-steps p{white-space:normal;font-size:13px;margin:7px 0}
.assistant-modal{max-height:85dvh;overflow:auto}
.assistant-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.assistant-examples span{background:var(--paper);border-radius:10px;padding:8px;font-size:11px;color:var(--ink);line-height:1.4;border:1px solid var(--line)}
.assistant-listen{width:100%;justify-content:center;margin:12px 0}
.assistant-result{margin-top:14px;color:var(--ink)}
.assistant-result p{overflow-wrap:anywhere}
/* Preserve the exact approved corporate blue home; change only other themes. */
body[data-page="home"]:is([data-theme="signature"],[data-theme="linen"],[data-theme="clay"],[data-theme="dusk"],[data-theme="ocean"],[data-theme="olive"]) .tile-final{position:relative;isolation:isolate;overflow:hidden}
body[data-page="home"]:is([data-theme="signature"],[data-theme="linen"],[data-theme="clay"],[data-theme="dusk"]) .tile-photo{display:block!important;position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:0!important;height:100%!important;width:78%!important;background-image:linear-gradient(90deg,var(--paper) 0%,rgba(255,251,245,.87) 21%,rgba(255,251,245,.08) 77%),var(--tile-photo)!important;background-size:cover!important;background-position:right center!important;filter:saturate(.72);opacity:.80;z-index:-1}
body[data-page="home"]:is([data-theme="signature"],[data-theme="linen"],[data-theme="clay"]) .tile-line-icon{display:none!important}
body[data-page="home"]:is([data-theme="signature"],[data-theme="linen"],[data-theme="clay"]) .tile-label{position:relative;z-index:2;font:650 clamp(13px,3.5vw,18px)/1.15 Georgia,serif;max-width:70%;color:var(--ink)}
body[data-theme="signature"][data-page="home"] .tile-final{border-radius:19px;background:#fffdf6;box-shadow:0 6px 15px #335c3b24}
body[data-theme="signature"][data-page="home"] .hero-final{border-radius:24px;background:linear-gradient(120deg,#205040,#103528)}
body[data-theme="linen"][data-page="home"] .tile-photo{right:auto!important;left:0!important;background-image:linear-gradient(270deg,var(--paper),rgba(255,251,245,.12) 79%),var(--tile-photo)!important;background-position:left center!important}
body[data-theme="linen"][data-page="home"] .tile-label{margin-left:auto;text-align:right}
body[data-theme="linen"][data-page="home"] .tile-final{border-radius:8px;border:1px solid #d2b99a;min-height:96px}
body[data-theme="clay"][data-page="home"] .tile-final{border-radius:25px;min-height:88px;background:#fcf0e9;border-color:#dcb7a2}
body[data-theme="clay"][data-page="home"] .tile-photo{opacity:.6;filter:sepia(.20) saturate(.54)}
body[data-theme="dusk"][data-page="home"] .tile-final{background:linear-gradient(140deg,#19352a,#0d211b);border:1px solid #b69b72;color:#f8ead2;border-radius:9px}
body[data-theme="dusk"][data-page="home"] .tile-photo{opacity:.25;filter:sepia(1) saturate(.6)}
body[data-theme="dusk"][data-page="home"] .tile-label{color:#fff3db!important;position:relative;z-index:2}
body[data-theme="dusk"][data-page="home"] .tile-line-icon{display:none!important}
body[data-theme="ocean"][data-page="home"] .tile-final{border-radius:19px;border:1px solid #9fc8ce;background:#f2fcfd;min-height:94px}
body[data-theme="ocean"][data-page="home"] .tile-photo{display:block!important;position:absolute;inset:0 0 0 auto;width:76%;background-image:linear-gradient(90deg,#f2fcfd,rgba(242,252,253,.2)),var(--editorial-photo);background-size:cover;background-position:right;opacity:.58;filter:hue-rotate(145deg) saturate(.45)}
body[data-theme="ocean"][data-page="home"] .tile-line-icon{display:none!important}
body[data-theme="olive"][data-page="home"] .tile-final{border:1px solid #b6c2a6;background:#f8faef;border-radius:12px;box-shadow:none}
body[data-theme="olive"][data-page="home"] .tile-line-icon{display:block;background:#ecf0e4;color:#566c48;border-radius:10px}
body[data-theme="olive"][data-page="home"] .tile-photo{display:none}
body[data-theme="classicnight"][data-page="home"] .tile-final{border-radius:5px;box-shadow:inset 0 0 0 1px #d7b97d22}
body[data-theme="studio"][data-page="home"] .tile-final{border-radius:5px;border:1px solid #96adb5;box-shadow:none}
body[data-theme="studio"][data-page="home"] .tile-line-icon{display:block!important;color:#3e6971}
body[data-theme="studio"][data-page="home"] .tile-photo{display:none!important}
body[data-theme="studio"][data-page="home"] .hero-final{border-radius:7px;box-shadow:none}
body[data-theme="blossom"][data-page="home"] .tile-final{border-radius:25px}
body[data-theme="mountain"][data-page="home"] .tile-final{border-radius:7px}
body[data-theme="lavender"][data-page="home"] .tile-final{border-radius:21px}
/* Improve inner-page legibility regardless of dark theme */
body:not([data-page="home"]) .card .item-title,body:not([data-page="home"]) .card .thin,body:not([data-page="home"]) .card .item-sub{opacity:1}
body[data-theme="corporate"]:not([data-page="home"]) .card{color:#1b3447}
body[data-theme="corporate"]:not([data-page="home"]) .card :is(.item-title,.item-sub,.thin){color:#1b3447}

/* Luma 3.5: interior information architecture — home design intentionally untouched */
body:not([data-page="home"]) .page-heading-card{display:flex;align-items:center;gap:14px;min-height:94px;padding:16px;margin:4px 0 16px;background:var(--paper);border:1px solid var(--line);border-radius:21px;box-shadow:var(--soft-shadow,0 6px 20px #00000010);color:var(--ink)}
.page-heading-icon{flex:0 0 57px;width:57px;height:57px;border-radius:17px;background:var(--soft);color:var(--accent);display:grid;place-items:center}
.page-heading-icon .ico{width:29px;height:29px;stroke-width:1.65}
.page-heading-copy{min-width:0;flex:1}.page-heading-card .page-title{margin:0 0 4px;font-size:24px;line-height:1.18;color:var(--ink)}.page-heading-card .page-sub{margin:0;color:var(--ink);opacity:.72;line-height:1.4}
.subsection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 19px}
.subsection-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;display:flex;align-items:center;gap:10px;padding:15px 10px;min-width:0;text-align:left;color:var(--ink);box-shadow:0 4px 12px #0000000a;line-height:1.22}
.subsection-card.active{border:1.5px solid var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent);background:var(--paper)}
.subsection-icon{background:var(--soft);color:var(--accent);display:grid;place-items:center;border-radius:12px;min-width:41px;height:41px}
.subsection-icon .ico{width:22px;height:22px}.subsection-card strong{font-size:13px;display:block}.subsection-card small{font-size:10px;color:var(--ink);opacity:.65;display:block;margin-top:5px;line-height:1.25}
.subsection-four{grid-template-columns:repeat(2,minmax(0,1fr))}.subsection-four .subsection-card{padding:11px 10px}
.vehicle-intro-card{border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;gap:13px;padding:15px;margin:12px 0 17px;background:var(--paper);color:var(--ink);overflow:hidden}
.vehicle-intro-card strong{font-family:Georgia,'Times New Roman',serif;font-size:17px}.vehicle-intro-card p{font-size:12px;line-height:1.5;margin:5px 0 0;color:var(--ink);opacity:.8}
.vehicle-illustration{min-width:97px;height:80px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(155deg,#e8f0f3,#f7ecd8);position:relative;color:#254962}
.vehicle-illustration>.ico{width:70px;height:55px;stroke-width:1.35;z-index:1;filter:drop-shadow(0 3px 2px #24363a2b)}.vehicle-illustration-ground{position:absolute;bottom:17px;left:17px;width:64px;border-bottom:2px solid #c7ab7b}
.calendar-export{margin:6px 0 17px;width:100%;padding:13px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font-weight:650;font-size:12px;text-align:left}
.calendar-export .ico:last-child{margin-left:auto}
.assistant-audio-options{margin:8px 0 16px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.assistant-record{width:100%;margin-bottom:9px}.assistant-record.recording{background:#a33238!important;color:white!important;border-color:#a33238}
.assistant-voice-status{font-size:12px;line-height:1.45;color:var(--ink);opacity:.88}
.task-audio-player{display:block;width:100%;max-width:320px;height:42px;margin-top:11px}
body:not([data-page="home"]) .card .item-sub,body:not([data-page="home"]) .card .thin{opacity:1;color:var(--ink)}
body:not([data-page="home"]) .page-heading-card,body:not([data-page="home"]) .vehicle-intro-card,body:not([data-page="home"]) .subsection-card{box-sizing:border-box}
@media(max-width:360px){.subsection-card{gap:6px;padding:11px 7px}.subsection-icon{min-width:32px;height:34px}.subsection-card strong{font-size:12px}.vehicle-illustration{min-width:74px;width:74px;height:71px}.vehicle-illustration>.ico{width:62px}}

/* Luma 3.6 — recipe walkthroughs (preserves all home themes) */
.recipe-detail{border-top:1px solid rgba(30,48,59,.13);padding-top:12px;margin-top:10px;color:var(--ink);font-size:14px;line-height:1.65}
.recipe-detail .recipe-meta{font-weight:650;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:5px}
.recipe-detail .recipe-meta svg{width:17px;height:17px}
.recipe-detail strong{display:block;margin:11px 0 4px}
.recipe-detail ul,.recipe-detail ol{margin:6px 0 16px;padding-left:24px}
.recipe-detail li{padding-left:3px;margin-bottom:6px}
.recipe-detail .recipe-note{font-size:12px;color:var(--muted);margin:10px 0 2px}
.recipe-steps summary{padding:7px 0;display:flex;align-items:center;gap:5px}
.recipe-steps summary svg{width:16px;height:16px}
.recipe-steps[open] summary svg{transform:rotate(90deg)}

.ai-feature{display:none!important}
.ai-ready .ai-feature{display:block!important}
.ai-advice{border:1px solid rgba(114,105,82,.2);border-radius:15px;padding:12px;margin:10px 0;background:var(--paper, #faf7f0)}
.ai-advice p{color:var(--ink);opacity:.8;margin:0 0 9px;font-size:12px;line-height:1.5}
.ai-advice button{display:inline-flex;margin:4px 4px 4px 0;font-size:13px;max-width:100%}


/* Luma 3.7: same approved artwork, responsive in installed standalone / Chrome.
 * The artwork has been losslessly split along solid-blue horizontal boundaries.
 * Only blue space between artwork bands expands, never photos, text or buttons. */
body[data-theme="corporate"][data-page="home"] .app-shell{overflow:visible!important}
.approved-screen.approved-adaptive{
  aspect-ratio:auto!important;
  height:auto!important;
  width:100%;
  overflow:visible;
  display:flex;
  flex-direction:column;
  background:#142942;
}
.approved-panel{width:100%;flex:none;position:relative;display:block;isolation:isolate}
.approved-panel-img{width:100%;height:auto;display:block;pointer-events:none;user-select:none}
.approved-flex-gap{width:100%;height:0;flex:none;min-height:0;background-size:100% 100%;background-repeat:no-repeat}
@media (prefers-reduced-motion:reduce){.approved-flex-gap{transition:none}}


/* Luma 3.8: cloud account only; original home layout is unchanged. */
.luma-cloud{padding:17px;margin:14px 0;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;box-shadow:0 3px 11px #0000000b}
.luma-cloud h3{font-size:clamp(18px,4.4vw,23px);margin:0 0 7px;color:var(--ink)}
.cloud-heading{display:flex;gap:11px;align-items:center}.cloud-status-dot{width:12px;height:12px;min-width:12px;border-radius:50%;background:#2c9155;box-shadow:0 0 0 3px #2c915521}
.cloud-muted,.cloud-info{color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.cloud-info{font-size:13px;margin:7px 0 15px}.cloud-muted{font-size:13px;margin:2px 0}
.cloud-saved-name{font-size:14px;margin:12px 0}.cloud-error{color:#96341f;background:#ffeae0;border:1px solid #efc6ba;border-radius:9px;padding:9px 11px;font-size:13px}
.cloud-switch{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:12px;margin:16px 0 12px}.cloud-tab{flex:1;min-width:0;padding:11px 9px;border:none;border-radius:9px;background:transparent;color:var(--ink);font-size:14px;font-weight:700}.cloud-tab.active{background:var(--accent);color:var(--paper);box-shadow:0 1px 4px #0002}
.cloud-form{display:flex;flex-direction:column;gap:7px}.cloud-form label{font-size:13px;font-weight:650;color:var(--ink);margin-top:7px}.cloud-form input{width:100%;font-size:16px;padding:13px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#1a2b3d;min-height:45px}
.cloud-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cloud-submit{margin-top:13px;min-height:45px}.cloud-link{padding:10px 5px;background:transparent;color:var(--accent);text-decoration:underline;text-align:left;font-size:13px;border:0;margin-top:7px}.cloud-buttons{display:flex;flex-wrap:wrap;gap:9px}.cloud-buttons button{min-height:44px;flex:1 1 160px}

/* 3.9 additions only: existing corporate design and theme selectors are intentionally unchanged. */
.luma-sync,.luma-family-cloud{margin-top:12px}
.luma-sync .cloud-guest{width:100%;margin-top:10px}
.luma-cloud .cloud-buttons{display:flex;flex-wrap:wrap;gap:8px}
.luma-cloud .cloud-buttons>button{flex:1 1 130px;min-width:0}
.luma-sync .cloud-danger,.luma-family-cloud .cloud-danger{color:#b14343;font-weight:600}
.luma-family-cloud .cloud-form{display:grid;gap:9px;margin:12px 0}
.luma-family-cloud .cloud-form input{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}
.luma-family-cloud .cloud-form button{justify-self:start}
.cloud-family-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.cloud-family-tabs button{font-size:12px;padding:8px 10px}
.cloud-family-tabs button.chosen{outline:2px solid var(--gold);outline-offset:-2px}
.cloud-list-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}
.cloud-list-row span{flex:1;min-width:0;overflow-wrap:anywhere}
.cloud-list-row button{flex:0 0 auto}
.cloud-check{border:0;background:transparent;font-size:22px;color:var(--accent);padding:3px 8px}
@media(max-width:400px){.luma-family-cloud .cloud-form button{width:100%;justify-self:stretch}.cloud-family-tabs button{flex:1 1 27%}}

/* Profile-only compact account/cloud section. Approved home artwork is untouched. */
body[data-page="profile"] .profile-cloud-panel{padding:0;margin:18px 0 12px;overflow:hidden}
body[data-page="profile"] .profile-cloud-toggle{display:flex;width:100%;min-height:68px;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:0;border-radius:inherit;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
body[data-page="profile"] .profile-cloud-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
body[data-page="profile"] .profile-cloud-toggle-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
body[data-page="profile"] .profile-cloud-toggle-copy strong{font-size:16px;line-height:1.25}
body[data-page="profile"] .profile-cloud-status{font-size:12px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
body[data-page="profile"] .profile-cloud-chevron{flex:none;font-size:22px;line-height:1;color:var(--accent)}
body[data-page="profile"] .profile-cloud-content{border-top:1px solid var(--line);padding:5px 13px 14px}
body[data-page="profile"] .profile-cloud-content[hidden]{display:none}
body[data-page="profile"] .profile-cloud-content .luma-cloud{margin:10px 0 0;box-shadow:none}

/* Settings and opt-in update notice only; the approved home scene remains unchanged. */
body[data-page="settings"] .luma-release-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body[data-page="settings"] .luma-release-actions>button,
body[data-page="settings"] .luma-release-actions>.luma-pilot-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex:1 1 185px;text-align:center;padding:9px 12px;border-radius:10px;text-decoration:none;border:1px solid var(--line);font-size:13px;font-weight:600}
body[data-page="settings"] .luma-release-actions>.luma-pilot-link{background:var(--soft);color:var(--ink)}
body[data-page="settings"] .luma-release-actions>.luma-pilot-link .ico{width:16px;height:16px;flex:none}
.luma-update-notice{position:fixed;z-index:9999;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));max-width:680px;margin-inline:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 15px;border-radius:14px;border:1px solid #b59c72;background:#172d42;color:#fff6e8;box-shadow:0 8px 26px #0005}
.luma-update-notice>span{font-size:13px;line-height:1.35;flex:1 1 160px}
.luma-update-notice button{font-size:12px;min-height:38px;padding:8px 11px}
@media(max-width:375px){.luma-update-notice{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}