/* Personal materials sit above account color mode; artwork collections can extend
   this layer with creator-approved local assets. No external fonts/images/tracking. */
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-choice{position:relative;cursor:pointer;border:1px solid var(--border);border-radius:16px;padding:12px;gap:7px;background:var(--surface);color:var(--text)}.theme-choice input{position:absolute;opacity:0;width:1px;height:1px}.theme-choice:has(input:checked){outline:2px solid var(--accent);outline-offset:2px}.theme-choice:has(input:focus-visible){outline:3px solid var(--link);outline-offset:4px}.theme-choice small{font-size:12px;line-height:1.4}.theme-art{height:82px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-soft);overflow:hidden}.theme-art i{display:block;width:26%;height:45px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.theme-art-glass{background:radial-gradient(at 10% 10%,#b2d8ff,transparent 70%),radial-gradient(at 90% 90%,#ddb7ef,transparent 70%),#c9d5f6}.theme-art-glass i{background:#ffffff70;border:1px solid #ffffffc9;box-shadow:0 5px 12px #4d50981a;backdrop-filter:blur(8px);transform:rotate(-7deg)}.theme-art-glass i:nth-child(2){height:55px;transform:translateY(-3px) rotate(5deg)}
:root[data-material=glass]{--glass-surface:rgba(255,255,255,.78);--glass-chrome:rgba(247,249,255,.8);--glass-edge:rgba(255,255,255,.9);--glass-shadow:0 12px 40px #39457a13,0 2px 6px #39457a08;--page:#edf0f8;--surface-soft:#e9edf6;--text:#202535;--muted:#56617a;--border:#cfd7e7}
:root[data-material=glass][data-theme=dark]{--glass-surface:rgba(29,35,52,.82);--glass-chrome:rgba(20,26,42,.88);--glass-edge:rgba(193,211,255,.16);--glass-shadow:0 14px 42px #00000030,0 2px 6px #00000020;--page:#101321;--surface-soft:#252d43;--text:#f1f4ff;--muted:#bac5df;--border:#49536d}
:root[data-material=glass] body{background:radial-gradient(ellipse at 12% 2%,#a8ceff55,transparent 48%),radial-gradient(ellipse at 95% 30%,#d7abed40,transparent 48%),radial-gradient(ellipse at 45% 95%,#8cd5cb33,transparent 48%),var(--page);background-attachment:fixed}
:root[data-material=glass] :is(.card,.auth-card,.home-welcome,.home-hero){background:var(--glass-surface);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--glass-shadow),inset 0 1px 0 #ffffff24;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
:root[data-material=glass] :is(.apprail,#subnav,.settings-sections,.admin-navigation,#profile-menu){background:var(--glass-chrome);border-color:var(--glass-edge);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}
:root[data-material=glass] #profile-menu{box-shadow:var(--glass-shadow);border-radius:20px}:root[data-material=glass] #top{border-color:var(--border)}:root[data-material=glass] :is(input,select,textarea){background:var(--glass-chrome);border-color:var(--border);border-radius:11px}:root[data-material=glass] button{border-radius:12px}:root[data-material=glass] button.primary{box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 24%,transparent)}:root[data-material=glass] .apprail button.active{background:var(--glass-surface);box-shadow:inset 0 1px 0 var(--glass-edge),0 4px 12px #0000000c}:root[data-material=glass] .home-heading h1{letter-spacing:-1px}:root[data-material=glass] .theme-choice{background:var(--glass-chrome)}
@supports not (backdrop-filter:blur(1px)){:root[data-material=glass]{--glass-surface:var(--surface);--glass-chrome:var(--surface)}}
@media(prefers-reduced-transparency:reduce){:root[data-material=glass]{--glass-surface:var(--surface);--glass-chrome:var(--surface)}:root[data-material=glass] :is(.card,.apprail,#subnav,#profile-menu){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.theme-choice:has(input:checked){outline-color:Highlight}:root[data-material=glass] :is(.card,.apprail,#profile-menu){background:Canvas;box-shadow:none;backdrop-filter:none}}
@media(max-width:390px){.theme-options{grid-template-columns:1fr}.theme-art{height:65px}}

/* Refined translucent workspace. Content stays on a quiet, readable plane. */
:root[data-material=glass]{--glass-surface:rgba(255,255,255,.54);--glass-chrome:rgba(250,252,255,.48);--glass-edge:rgba(255,255,255,.78);--glass-shadow:0 20px 60px #283b6710,0 4px 12px #283b6707;--border:rgba(94,115,151,.2);--page:#e8edf5}
:root[data-material=glass][data-theme=dark]{--glass-surface:rgba(30,39,57,.48);--glass-chrome:rgba(18,25,40,.5);--glass-edge:rgba(218,231,255,.15);--glass-shadow:0 22px 65px #02071240,0 4px 14px #02071220;--border:rgba(191,210,242,.17);--page:#0c1422;--muted:#b8c5dc}
:root[data-material=glass] body{background:radial-gradient(ellipse at 2% 4%,#8fb9ed60,transparent 47%),radial-gradient(ellipse at 100% 5%,#af9adc48,transparent 46%),radial-gradient(ellipse at 66% 100%,#68b7bf30,transparent 52%),var(--page)}
:root[data-material=glass] main{padding:0 clamp(18px,3.2vw,54px) 48px}
:root[data-material=glass] #top{min-height:78px;margin-bottom:34px;border-bottom:1px solid var(--border)}
:root[data-material=glass] #top strong{font-size:15px;letter-spacing:.015em}
:root[data-material=glass] :is(.card,.auth-card,.home-stage,.home-welcome,.home-hero){background:linear-gradient(140deg,#ffffff0d,transparent 65%),var(--glass-surface);border:1px solid var(--glass-edge);border-radius:24px;box-shadow:var(--glass-shadow),inset 0 1px 0 #ffffff20;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
:root[data-material=glass] .card{padding:26px}
:root[data-material=glass] .card h2{margin-top:0;margin-bottom:18px}
:root[data-material=glass] h1{font-size:clamp(27px,2.5vw,36px);line-height:1.16;letter-spacing:-.035em}
:root[data-material=glass] .two{gap:28px}
:root[data-material=glass] .apprail{padding-top:12px;box-shadow:inset -1px 0 0 #ffffff0a}
:root[data-material=glass] .apprail button{border-radius:16px;transition:background .18s ease,box-shadow .18s ease}
:root[data-material=glass] .apprail button.active{background:linear-gradient(145deg,#ffffff24,#ffffff08);box-shadow:inset 0 1px 0 var(--glass-edge),0 5px 16px #10213f12}
:root[data-material=glass] :is(input,select,textarea){background:color-mix(in srgb,var(--glass-chrome) 72%,transparent);border:1px solid var(--border);border-radius:13px;padding:12px 14px;box-shadow:inset 0 1px 2px #0c193905}
:root[data-material=glass] :is(input,select,textarea):focus-visible{outline:2px solid var(--link);outline-offset:3px}
:root[data-material=glass] button{min-height:38px;padding:10px 16px;border-radius:13px}
:root[data-material=glass] button.primary{background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 85%,white),var(--accent));border-color:color-mix(in srgb,var(--accent) 80%,white);box-shadow:inset 0 1px 0 #ffffff35,0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-material=glass] .home-stage{min-height:340px;gap:38px}
:root[data-material=glass] .home-clock strong{font-size:clamp(48px,5vw,72px);font-weight:550;letter-spacing:-.045em}
:root[data-material=glass] .shortcut-icon{box-shadow:inset 0 1px 0 #ffffff44,0 10px 22px #13264b20;border-radius:21px}
:root[data-material=glass] .home-shortcut{padding:0;min-height:0}
:root[data-material=glass] .home-heading{margin-bottom:30px}
@media(max-width:600px){:root[data-material=glass] main{padding:0 16px 28px}:root[data-material=glass] .card{padding:20px}:root[data-material=glass] .home-stage{padding:28px 12px;min-height:300px}:root[data-material=glass] .home-shortcuts{gap:12px}:root[data-material=glass] .home-shortcut{min-width:58px}}
@media(prefers-reduced-motion:reduce){:root[data-material=glass] .apprail button{transition:none}}
@media(prefers-reduced-transparency:reduce){:root[data-material=glass] :is(.card,.auth-card,.home-stage,.home-welcome,.home-hero,.apprail,#subnav,.settings-sections,.admin-navigation,#profile-menu){background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){:root[data-material=glass] :is(.card,.auth-card,.home-stage,.apprail,#subnav,.admin-navigation){background:var(--surface)}}
@media(forced-colors:active){:root[data-material=glass] :is(.card,.home-stage,.apprail){background:Canvas;box-shadow:none;backdrop-filter:none}}

@font-face{font-family:'Bad Seed Handcut';src:url('/assets/fonts/bad-seed-handcut.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--brand-font:'Bad Seed Handcut',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-family:var(--brand-font)}
body,button,input,textarea,select,h1,h2,h3,h4,p,label,small,.seed-brand-label{font-family:var(--brand-font)}
body{letter-spacing:.012em}p{line-height:1.75}input,textarea{line-height:1.6}
code,pre,.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
:root[data-material=glass] .apprail button{padding:10px 2px}
:root[data-material=glass] .apprail #profile-toggle{padding:0}
:root[data-material=glass] :is(.home-shortcut,.call-controls button){padding:8px}

.settings-zoom-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.connection-state{display:inline-flex;align-items:center;gap:8px;font-size:12px}.connection-state:before{content:'';width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}.connection-state.is-pending{color:#806000}.connection-state.is-disconnected{color:#ab3047}:root[data-theme=dark] .connection-state.is-pending{color:#f3cf77}:root[data-theme=dark] .connection-state.is-disconnected{color:#ff9eac}@media(forced-colors:active){.connection-state{color:CanvasText!important}}
.connection-state{display:flex;width:fit-content;margin-top:8px}.connected-provider strong{overflow-wrap:anywhere}