/* CHAYLUEKLAB — Obsidian / Champagne / Ice. Shared by the existing workspaces. */
.creative-panel{position:relative;overflow:hidden;padding:24px;margin:18px 0;border:1px solid #65748466;border-radius:24px;background:linear-gradient(135deg,#172131,#0b1019 65%);box-shadow:0 20px 70px #0005}
.creative-panel h2{font-size:clamp(22px,5vw,30px);font-weight:750;margin:12px 0 20px;letter-spacing:-.04em;color:#f5f2eb}
.creative-eyebrow{color:#e9d5ad;font-size:10px;letter-spacing:.18em;font-weight:700}
.creative-panel label{display:block;font-size:12px;color:#a2aebb;margin:12px 0 7px}
.creative-panel textarea,.creative-panel select{display:block;width:100%;font:inherit;color:#f5f2eb;background:#070a10;border:1px solid #46556a;border-radius:12px;padding:12px;font-size:16px}
.creative-panel button{padding:14px 20px;border-radius:12px;background:#e9d5ad;color:#10151e;font-weight:750;min-height:48px}
.creative-panel button:disabled{opacity:.45;cursor:not-allowed}.creative-status{min-height:44px;color:#9bdddf;font-size:13px;line-height:1.7;margin:14px 0}
.creative-result canvas{display:block;max-width:100%;height:auto;border-radius:14px;margin-top:18px}.creative-result a{display:inline-block;margin-top:14px;color:#e9d5ad;text-decoration:underline}
@keyframes lifeos-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes lifeos-scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:no-preference){.page.active,.creative-panel{animation:lifeos-enter .38s ease-out both}.creative-panel.is-generating:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#9bdddf15,transparent);animation:lifeos-scan 2.4s linear infinite}.btn,.creative-panel button,.dashboard-card{transition:transform .2s ease,box-shadow .2s ease}.btn:active,.creative-panel button:active{transform:scale(.98)}}
:root{--bg:#070a10;--panel:#10151e;--panel2:#151d29;--panel3:#1a2634;--gold:#e9d5ad;--soft:#9bdddf;--muted:#a2aebb;--line:#2c3746;--green:#277a62;--red:#ffadb4;color-scheme:dark}
html,body{background:#070a10;color:#f5f2eb}
body{background:radial-gradient(ellipse at 92% 0%,#15304366,transparent 40%),radial-gradient(ellipse at 0% 40%,#57402b22,transparent 45%),#070a10;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai",sans-serif}
body:before{opacity:.055;background-image:linear-gradient(#9bdddf33 1px,transparent 1px),linear-gradient(90deg,#9bdddf22 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 65%)}
::selection{background:#e9d5ad;color:#070a10}
.shell{max-width:1220px;padding-bottom:116px}
.sticky{background:#090e16e8;border-bottom:1px solid #e9d5ad25;backdrop-filter:blur(24px)}
.masthead{padding-block:19px!important}.brand-mark{width:46px;height:46px;filter:drop-shadow(0 0 15px #d4b77d20)}
.brand-name{letter-spacing:.15em;font-weight:700;color:#f4e9d6}.brand-sub{letter-spacing:.24em;color:#95b6c4}
.pill{background:#101d26;border:1px solid #40616b;color:#c2efed;border-radius:8px;font-weight:650;letter-spacing:.04em}
.dot{background:#9bdddf;box-shadow:0 0 10px #9bdddf55}.muted{color:var(--muted)}.gold{color:var(--gold)}.soft{color:var(--soft)}
.desk-title{font-size:clamp(32px,5vw,52px);line-height:1.3;letter-spacing:-.055em;font-weight:750;color:#f7f0e2}
.desk-title span{color:var(--gold)}.desk-kicker{letter-spacing:.22em;color:#98b9c9}
.desk-panel,.glass{background:linear-gradient(145deg,#161e2b,#0c111b);border:1px solid #384353;box-shadow:0 18px 48px #0003,inset 0 1px #ffffff09;border-radius:22px}
.desk-panel{position:relative;overflow:hidden;padding:24px}.desk-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#e9d5ada0,#9bdddf70,transparent);pointer-events:none}
.command-desk{background:radial-gradient(ellipse at 100% 0%,#24506c40,transparent 65%),linear-gradient(135deg,#19212c,#101620);border-color:#8d7a555c}
.command-desk h2{font-size:clamp(25px,4vw,34px);letter-spacing:-.04em;line-height:1.35;color:#f0e2c8}
.command-actions{gap:12px}.command-action{min-height:96px;border-radius:16px;background:linear-gradient(130deg,#ead8b5,#c8ac79);color:#14191f;box-shadow:0 6px 20px #0003;border:1px solid #f1dfbd}
.command-action.secondary{background:linear-gradient(145deg,#253341,#17222e);border:1px solid #4c6577;color:#f4eee2}.command-action small{color:inherit;opacity:.8}
.metric-cell{border-color:#465260}.metric-label{color:#a6b5c4;letter-spacing:.035em}.metric-value{font-size:36px;font-weight:650;color:#f3e2bf;font-variant-numeric:tabular-nums}
.section-title{letter-spacing:-.025em;font-weight:750}.utility-links{gap:10px}.utility-link{background:linear-gradient(145deg,#151e2a,#0e151f);border:1px solid #334354;border-radius:15px;min-height:92px;padding:16px 12px;transition:background .18s,border-color .18s}.utility-link:hover{background:#1b2836;border-color:#b39a6e}.utility-link small{color:#a6b4c2}.tool-icon{color:#e5cfa6;background:#d5b77b0a;border:1px solid #d5b77b20;border-radius:12px}
.task{background:#101823;border:1px solid #303f51;border-radius:15px;padding:15px}.check{border-color:#60768a;background:#0a1019}.check.done{background:#245d50;border-color:#73baa0}.tag{color:#c0cbd6;background:#223043;border:1px solid #334658}.tag.cloud{background:#19382f;color:#b6e6d4;border-color:#3a6957}.tag.fail{background:#401c29;color:#ffc2c9;border-color:#71404a}
.btn{border-radius:13px;min-height:48px;font-weight:700;letter-spacing:.005em}.btn-gold{background:linear-gradient(130deg,#efdfbf,#c7a971);color:#131820;border:1px solid #e9d5ad}.btn-green{background:linear-gradient(130deg,#245c59,#153d42);border:1px solid #4c8a8e;color:#f0fffb}.btn-ghost{background:#14202d;border:1px solid #40536a;color:#f0eee8}.btn:active,.utility-link:active{transform:translateY(1px)}
input,textarea,select{background:#0b121d;border-color:#40546b;border-radius:13px;color:#f5f3ee;font-size:16px}input:focus,textarea:focus,select:focus{border-color:#c7b18a;box-shadow:0 0 0 3px #e9d5ad15}input::placeholder,textarea::placeholder{color:#8b9cad}
.bottom{background:#0a111beF;border-top:1px solid #e9d5ad30;box-shadow:0 -12px 36px #0004;backdrop-filter:blur(24px)}.navbtn{color:#9eafbf;min-height:56px;border-radius:14px}.navbtn.active{color:#f2dfb9;background:linear-gradient(180deg,#e9d5ad0f,transparent)}.navbtn.active:after{width:30px;background:linear-gradient(90deg,#e9d5ad,#9bdddf);box-shadow:0 0 16px #e9d5ad55}.nav-icon{width:23px;height:23px}
.day{background:#ffffff02;border:1px solid #253446;color:#e0e5e9}.day.dim{color:#7d8b9c}.day.sel{background:#263542;border:1px solid #d0b47f;color:#f4ddb3}.day.has:after{background:#9bdddf}
.sheet,.life-dialog,#snoozeDialog{background:radial-gradient(ellipse at 100% 0%,#24475a40,transparent 55%),#101824;border:1px solid #7e7155;color:#f3eee3;box-shadow:0 30px 100px #0009}.life-dialog::backdrop,#snoozeDialog::backdrop{background:#03060cc9;backdrop-filter:blur(12px)}.snooze-clock{color:#e9d5ad;text-shadow:0 0 28px #e9d5ad38}.snooze-options button{background:#1c2b3a;border-color:#53677c;color:#eaddc2}.snooze-options button[aria-pressed=true],.snooze-action{background:#e9d5ad;color:#111a23}.snooze-action.secondary{background:#1b2937;color:#efdab5;border-color:#617082}
.liff-commands{background:linear-gradient(135deg,#131e2c,#101620);border-color:#4b586a;border-radius:20px}.liff-command-head h2{color:#f2e2c4}.liff-command-quick button,.liff-command-item{background:#1a2836;color:#e5edf2;border-color:#40536a;border-radius:12px}.liff-command-form input{background:#0b121d;border-color:#53677c}.liff-command-form button{background:linear-gradient(130deg,#efdfbf,#c7a971);color:#111a23;border-radius:12px}.liff-command-note{color:#a7b6c6}.liff-command-status{color:#b9e8e8}
#metVorxEntry{background:linear-gradient(110deg,#192e3e,#15202d)!important;border:1px solid #8b7958!important;color:#f2dfbd!important;border-radius:18px!important;padding:20px!important;box-shadow:inset 0 1px #ffffff0a}
.toast{background:#142330;border-color:#728387;color:#f4f1e8}.error-state{background:#381824;border-color:#8d5163;color:#ffc5ca}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9bdddf;outline-offset:4px}
/* The same theme on MET VORX, without altering camera or login behavior. */
body.met-vorx main{max-width:880px;padding:34px 20px calc(70px + env(safe-area-inset-bottom))}body.met-vorx header{padding-bottom:20px;border-bottom:1px solid #586071}body.met-vorx h1{font-size:clamp(32px,7vw,54px);letter-spacing:.16em;font-weight:600;color:#ecd8b0;text-shadow:0 0 30px #e9d5ad15}body.met-vorx section{background:linear-gradient(145deg,#161e2b,#0c111b);border:1px solid #384353;border-radius:22px;padding:22px;box-shadow:0 18px 48px #0003}body.met-vorx section h2{font-size:20px;letter-spacing:-.025em;margin-top:0}body.met-vorx button,body.met-vorx .link{min-height:48px;background:#192a3b;border-color:#526b81;border-radius:13px}body.met-vorx #send{background:linear-gradient(130deg,#efdfbf,#c7a971);color:#111a23;border-color:#efdfbf;min-width:150px}body.met-vorx .actions{gap:10px}body.met-vorx a{color:#e9d5ad}body.met-vorx #log{border-top:1px solid #384353;padding-top:20px;margin-top:20px}body.met-vorx .status{color:#a7e6dd}
@media(min-width:900px){.desk-grid{gap:22px}.desk-panel{padding:28px}.desk-title{max-width:16ch}main{padding-inline:32px!important}.desk-metrics{margin-top:24px}.utility-link{min-height:102px}.bottom>div{max-width:760px;margin:auto}}
@media(max-width:440px){.masthead{padding-block:14px!important}.brand-name{letter-spacing:.08em}.brand-sub{letter-spacing:.14em}.desk-panel{padding:19px}.desk-title{font-size:36px}.metric-value{font-size:29px}.utility-link{padding:14px 10px}.navbtn{min-height:52px}.command-action{min-height:90px}body.met-vorx main{padding:24px 14px 60px}body.met-vorx section{padding:18px}body.met-vorx header{gap:12px;align-items:flex-start}body.met-vorx header .link{font-size:12px;padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep creation controls clear of the sticky header on small screens. */
.creative-panel{scroll-margin-top:140px}.creative-panel>button{display:block;width:100%;margin-top:12px}