/* TLTBE OS — Premium Glass, shared across existing tools */
:root{color-scheme:dark;--tltbe-cream:#ffffff;--tltbe-accent:#c65b34}
html{min-height:100%;background:#090a0e}
body{background:radial-gradient(ellipse at 75% 0%,#34333e 0%,#101116 42%,#090a0d 85%) fixed!important;color:#f5f4f2!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif!important;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 90%,#ffffff08,transparent 50%);z-index:-1}
main{max-width:1400px}
h1,h2,h3{letter-spacing:-.035em}
h1{font-weight:780}
a{color:#ffffff}
.card,.panel,section:not(#login):not(#dashboard):not(#editor),.column{border-radius:20px}
.card,.panel{background:linear-gradient(145deg,#ffffff14,#ffffff06)!important;border:1px solid #ffffff20!important;box-shadow:0 18px 55px #00000025,inset 0 1px #ffffff13!important;backdrop-filter:blur(22px)}
button,input,select,textarea{font-family:inherit!important}
button{border-radius:11px!important;transition:background .16s,transform .16s,box-shadow .16s}
button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.12)}
button:active:not(:disabled){transform:translateY(0)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffffff!important;outline-offset:3px}
input:not([type=range]):not([type=file]),textarea,select{background:#24242d!important;border:1px solid #ffffff28!important;border-radius:11px!important;color:#f5f4f2!important}
input[type=file]{border-radius:11px!important}
.tltbe-os-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px clamp(18px,4vw,48px);background:#101116b8;backdrop-filter:blur(28px);border-bottom:1px solid #ffffff20;position:relative;z-index:3}
.tltbe-os-nav a{color:#ffffff;text-decoration:none;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600}
.tltbe-os-nav a:hover,.tltbe-os-nav a[aria-current=page]{background:#c65b3428;color:#e87950}.tltbe-os-nav a:not(.tltbe-os-mark){color:#e87950}.tltbe-os-nav a:not(.tltbe-os-mark):hover{color:#ff9a74}
.tltbe-os-nav .tltbe-os-mark{font-size:22px;font-weight:850;letter-spacing:-1.4px;color:#fff;margin-right:12px}
.tltbe-os-nav .tltbe-os-mark span{color:#ffffff}
.tltbe-os-note{color:#ffffff;font-size:12px;margin-left:auto}
@media(max-width:650px){.tltbe-os-nav{gap:2px;padding:10px}.tltbe-os-nav a{font-size:11px;padding:9px 7px}.tltbe-os-note{display:none}.tltbe-os-nav .tltbe-os-mark{font-size:19px;margin-right:5px}}

/* Header wordmark and horizontal full-name lockup */
.tltbe-os-nav{justify-content:space-between;flex-wrap:nowrap;gap:12px}
.tltbe-os-nav::after{content:"THIS LIFE TO BE EXPERIENCED";font-size:clamp(9px,1.5vw,12px);font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:#fff;text-align:right;line-height:1.25;max-width:48%;margin-left:auto}
.tltbe-os-nav .tltbe-os-mark{white-space:nowrap;flex-shrink:0}
@media(max-width:420px){.tltbe-os-nav::after{font-size:9px;letter-spacing:.035em;max-width:46%}}

/* Shared appearance for HQ and all studios */
html[data-theme="light"]{color-scheme:light;background:#f5f6f9}
html[data-theme="light"] body{background:#f5f6f9!important;color:#1b2029!important}
html[data-theme="light"] body::before{display:none}
html[data-theme="light"] .card,html[data-theme="light"] .panel{background:#fff!important;border-color:#d4d9e2!important;box-shadow:0 10px 30px #17203112!important}
html[data-theme="light"] .tltbe-os-nav{background:#f8f9fb;border-color:#d4d9e2}
html[data-theme="light"] .tltbe-os-nav a,html[data-theme="light"] .tltbe-os-nav .tltbe-os-mark,html[data-theme="light"] .tltbe-os-nav::after{color:#1b2029}
html[data-theme="light"] input:not([type=range]):not([type=file]),html[data-theme="light"] textarea,html[data-theme="light"] select{background:#fff!important;color:#1b2029!important;border-color:#bfc6d1!important}
html[data-theme="light"] button:not(.primary){background:#edf0f5;color:#1b2029;border-color:#c4cbd6}
html[data-theme="light"] a{color:#97513b}
html[data-theme="light"] .muted{color:#626a76}


/* Shared interaction and mobile accessibility refinements. */
*,*::before,*::after{box-sizing:border-box}
button:disabled{opacity:.55;cursor:wait}
button,input,select,textarea{max-width:100%}
@media(max-width:700px){input:not([type=range]),select,textarea{font-size:16px!important}button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}