html[data-scheme="dark"]{color-scheme:dark}

:root{
  --bg:#030503;--bg2:#071008;--panel:#0a0e0b;--panel2:#101611;--panel3:#151d17;
  --line:#273128;--line2:#3a473c;--text:#d5ddd7;--soft:#a4afa7;--muted:#748079;
  --link:#8df5a0;--green:#35ff4f;--green2:#9cffaa;--green3:#178f28;--amber:#d7b657;--red:#e56c6c;--blue:#7ca8ff;
  --top:54px;--path:34px;--bottom:62px;--gap:14px;--pad:14px;--radius:8px;
  --shadow:0 14px 36px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.02);
}
html[data-theme="deep"]{--bg:#010201;--panel:#050805;--panel2:#080d09;--panel3:#0b110c;--line:#1e2820;--text:#c4cec6;--soft:#909c93;--muted:#606b63;--green:#22ea3d;--green2:#72ff82}
html[data-theme="contrast"]{--bg:#000;--panel:#050505;--panel2:#0a0a0a;--panel3:#101010;--line:#667068;--text:#fff;--soft:#e5e5e5;--muted:#c3c3c3;--green:#59ff6a;--green2:#c5ffcb}
html[data-density="compact"]{--gap:9px;--pad:10px}
html[data-density="comfortable"]{--gap:20px;--pad:18px}
*{box-sizing:border-box}
html,body{height:100%;background:var(--bg)}
body{margin:0;color:var(--text);font:16px/1.6 "Courier New",Consolas,monospace;overflow:hidden;background:
radial-gradient(circle at 50% 5%,rgba(28,44,31,.54),transparent 36%),
linear-gradient(180deg,#050805,var(--bg));}
body.scanlines::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 4px)}
body.reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
a{color:var(--link)}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
*{scrollbar-width:thin;scrollbar-color:var(--green3) #050705}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:#050705}*::-webkit-scrollbar-thumb{background:#195522;border:2px solid #050705}

.topbar,.pathbar,.taskbar{position:fixed;left:0;right:0;z-index:50;background:rgba(6,9,7,.95);backdrop-filter:blur(12px)}
.topbar{top:0;height:calc(var(--top) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px rgba(0,0,0,.22)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0}.brand-mark{color:var(--green);text-shadow:0 0 12px rgba(53,255,79,.5)}.brand-name{font-weight:700;letter-spacing:.06em}
.topnav{display:flex;align-items:center;gap:4px;margin:auto}.topnav a{padding:7px 9px;text-decoration:none;color:#89958d;font-size:14px;border:1px solid transparent}.topnav a:hover,.topnav a.active{color:var(--green2);border-color:#36533c;background:#0c130e}
.top-actions{display:flex;align-items:center;gap:8px}.session-label{font-size:14px;color:#7f8982;letter-spacing:.08em}.iconbtn,.closebtn{border:1px solid var(--line2);background:#0a0f0b;color:#a7b1a9;cursor:pointer;min-width:32px;height:32px}.iconbtn:hover,.closebtn:hover{color:var(--green2);border-color:#4c6f53}
.pathbar{top:calc(var(--top) + env(safe-area-inset-top));height:var(--path);padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #1e261f;color:#69756d;font-size:14px;letter-spacing:.08em}
#pageState{color:#84a88b}
.taskbar{bottom:0;height:calc(var(--bottom) + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;gap:10px;border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(0,0,0,.3)}
.task-left,.task-right{min-width:0;font-size:14px;color:#718078}.task-right{display:flex;align-items:center;justify-content:flex-end;gap:9px}.task-right a,.plain-link{background:none;border:0;color:#7d8981;text-decoration:none;cursor:pointer;padding:5px}.task-right a:hover,.plain-link:hover{color:var(--green2)}.clock{border-left:1px solid var(--line);padding-left:9px;color:#9ca69f;white-space:nowrap}
.start{justify-self:center;width:56px;height:56px;margin-top:-11px;padding:3px;border-radius:50%;border:2px solid var(--green);background:#050705;cursor:pointer;box-shadow:0 0 0 4px #070a08,0 0 24px rgba(53,255,79,.3);animation:startPulse 2.4s ease-in-out infinite}.start img{width:100%;height:100%;border-radius:50%;object-fit:cover}.start.active{box-shadow:0 0 0 4px #070a08,0 0 34px rgba(53,255,79,.55)}
@keyframes startPulse{50%{box-shadow:0 0 0 4px #070a08,0 0 35px rgba(53,255,79,.42)}}
.ticker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker b{color:var(--green)}
main{position:absolute;z-index:2;inset:calc(var(--top) + var(--path) + env(safe-area-inset-top)) 0 calc(var(--bottom) + env(safe-area-inset-bottom)) 0;overflow:auto;padding:clamp(14px,2.5vw,30px);scrollbar-gutter:stable both-edges}
.shell{max-width:1480px;margin:auto}

.startmenu{position:fixed;z-index:48;left:50%;bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 8px);width:min(660px,94vw);max-height:74vh;overflow:auto;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:rgba(7,10,8,.985);border:1px solid #344138;box-shadow:0 0 44px rgba(0,0,0,.8);transition:.18s}.startmenu.open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.start-head{padding:11px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#77837b;font-size:14px}.start-head strong{color:var(--green2)}.start-grid{display:grid;grid-template-columns:1fr 1fr;padding:8px}.menuitem{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;border:1px solid transparent;text-decoration:none;color:#a9b3ab;text-align:left;background:transparent;cursor:pointer}.menuitem span{color:#78a180}.menuitem b{font-size:14px}.menuitem small{color:#617067;font-size:14px}.menuitem:hover{background:#0c140e;border-color:#2e4d34;color:var(--green2)}.buttonlike{font:inherit}

.drawer{position:fixed;top:calc(var(--top) + var(--path) + env(safe-area-inset-top));bottom:calc(var(--bottom) + env(safe-area-inset-bottom));width:min(420px,96vw);z-index:47;background:#070a08;border-left:1px solid var(--line);right:0;transform:translateX(103%);transition:.2s;box-shadow:-20px 0 35px rgba(0,0,0,.48)}.drawer.open{transform:translateX(0)}.window-head{min-height:42px;padding:8px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0c110d;color:#7e8982;font-size:14px;letter-spacing:.08em}.window-head strong{color:#c9d2cb}.drawer-body{padding:14px}.field{display:grid;gap:7px;margin-bottom:13px}.field>span,.toggle-row>span{color:#78847b;font-size:14px;letter-spacing:.08em}.field input,.field textarea,.field select,.form-control{width:100%;padding:10px;border:1px solid #2f3a32;background:#070a08;color:var(--text);border-radius:4px}.field textarea{min-height:130px;resize:vertical}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #19211b}.hint{font-size:14px;color:#69756d;line-height:1.6}

.overlay{position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);display:grid;place-items:start center;padding:9vh 12px;opacity:0;pointer-events:none;transition:.15s}.overlay.open{opacity:1;pointer-events:auto}.command{width:min(740px,100%);background:#070a08;border:1px solid #39503f;box-shadow:0 0 44px rgba(0,0,0,.8)}.command>input{width:100%;padding:16px;border:0;border-bottom:1px solid var(--line);background:#050705;color:#e1e7e2}.command-results{max-height:55vh;overflow:auto;padding:8px}.cmdrow{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;cursor:pointer;color:#a3ada5}.cmdrow:hover,.cmdrow.active{background:#0d160f;border-color:#31563a;color:#e0e8e2}.cmdtype{font-size:14px;color:var(--green2);letter-spacing:.08em}.cmdrow small{margin-left:auto;color:#6f7a72}.command-help{padding:8px 12px;border-top:1px solid var(--line);font-size:14px;color:#5f6b62}

.panel,.card,.lead,.article,.admin-panel,.stat,.form-panel,.table-wrap{background:linear-gradient(180deg,rgba(13,18,14,.98),rgba(8,12,9,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:var(--gap)}.page-head h1{margin:0;font-size:clamp(30px,4vw,56px);line-height:1}.page-head p{max-width:72ch;margin:8px 0 0;color:#89948c}.eyebrow{font-size:14px;color:var(--green2);letter-spacing:.1em;text-transform:uppercase}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{min-height:36px;padding:8px 11px;border:1px solid #38523e;background:#0a120c;color:var(--green2);cursor:pointer;border-radius:4px;font-size:14px;letter-spacing:.06em}.btn:hover{border-color:#5d8764;box-shadow:0 0 14px rgba(53,255,79,.1)}.btn.secondary{color:#aeb7b0;border-color:#343d35}.btn.warn{color:#e2cb74;border-color:#6a5c31}.btn.danger{color:#ef8d8d;border-color:#6c3c3c}.btn.ghost{background:transparent}.btn.large{padding:11px 14px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}
.search-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:var(--gap)}.filter-strip{display:flex;gap:6px;overflow:auto;flex:1}.filter-chip{padding:7px 10px;border:1px solid #2d382f;background:#080c09;color:#879289;cursor:pointer;white-space:nowrap}.filter-chip.active,.filter-chip:hover{color:var(--green2);border-color:#426849}.inline-search{flex:0 1 330px;min-width:210px;padding:9px 11px;border:1px solid #344139;background:#070a08;color:var(--text);border-radius:4px}

.home-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:var(--gap)}.lead{overflow:hidden}.lead-image{aspect-ratio:16/8;position:relative;background:#050705;overflow:hidden}.lead-image img{width:100%;height:100%;object-fit:cover}.lead-copy{padding:clamp(16px,2vw,24px)}.lead-copy h2{margin:4px 0 10px;font-size:clamp(26px,3.5vw,48px);line-height:1.08}.summary{color:#98a39b;line-height:1.7}.meta{display:flex;gap:9px;flex-wrap:wrap;color:#707c74;font-size:14px;margin-top:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #344039;background:#090e0a;color:#9ca69f;font-size:14px;letter-spacing:.08em;border-radius:3px}.badge.featured{border-color:#436085;color:#a8c8ff}.badge.new{border-color:#3a6d42;color:var(--green2)}.badge.draft{border-color:#6f5f31;color:#e2c56b}.badge.scheduled{border-color:#345e77;color:#8fc5e7}
.stack{display:grid;gap:var(--gap)}.story{display:grid;grid-template-columns:120px 1fr;gap:11px;padding:10px}.story-thumb{height:94px;border-radius:5px;overflow:hidden;background:#050705}.story-thumb img{width:100%;height:100%;object-fit:cover}.story h3{margin:0 0 5px;font-size:19px}.story p{margin:0;color:#8f9a92;font-size:14px;line-height:1.45}
.section-title{display:flex;align-items:center;gap:10px;margin:24px 0 10px;color:#7b877f;font-size:14px;letter-spacing:.1em}.section-title strong{font-size:15px;color:#cbd4cd}.section-title::after{content:"";height:1px;background:#202921;flex:1}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.content-card{overflow:hidden}.content-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#050705;border-radius:7px 7px 0 0}.content-card .body{padding:12px}.content-card h3{margin:0 0 7px;font-size:20px}.content-card p{margin:0;color:#8f9a92;font-size:14px;line-height:1.55}.content-card .actions{margin-top:11px}
.content-list{display:grid;gap:var(--gap)}.list-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:14px;padding:11px;align-items:center}.list-row img{width:180px;height:110px;object-fit:cover;border-radius:5px}.list-row h3{margin:0 0 5px;font-size:22px}.list-row p{margin:0;color:#8b978e}.list-row .right{white-space:nowrap;color:#69766d;font-size:14px}
.empty{padding:34px;text-align:center;color:#758078}.empty b{display:block;color:#bdc7bf;margin-bottom:5px}

.article{max-width:1180px;margin:auto;padding:clamp(18px,3vw,38px)}.article-header{max-width:850px;margin:auto}.article-header h1{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:7px 0 12px}.article-hero{margin:22px 0;border-radius:6px;overflow:hidden;max-height:560px}.article-hero img{width:100%;height:100%;max-height:560px;object-fit:cover}.article-body{max-width:820px;margin:auto;color:#bbc4bd;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.8}.article-body h2,.article-body h3{font-family:"Courier New",Consolas,monospace;color:#e0e7e2;line-height:1.25;margin-top:1.8em}.article-body code{font:14px "Courier New",monospace;background:#080d09;padding:2px 5px;color:#a8ffb2}.article-body pre{padding:14px;background:#050705;border:1px solid #273229;overflow:auto;font:13px/1.6 "Courier New",monospace}.article-body blockquote{margin:20px 0;padding:12px 16px;border-left:3px solid var(--green3);background:#0a0f0b;color:#a9b3ab}.article-body a{color:var(--green2)}.post-actions{max-width:820px;margin:22px auto 0;display:flex;gap:8px;flex-wrap:wrap}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag{font-size:14px;padding:4px 6px;border:1px solid #2d392f;color:#7f8a82}
.review-box{max-width:820px;margin:22px auto;padding:15px;border:1px solid #4d4325;background:#111006;border-radius:6px}.score{font-size:36px;color:#efd26c}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proscons ul{margin:8px 0 0;padding-left:18px;color:#aab4ac}
.music-box{max-width:820px;margin:20px auto;padding:14px;border:1px solid #324039;background:#080d09;border-radius:6px}.music-grid{display:grid;grid-template-columns:180px 1fr;gap:15px}.music-grid img{width:180px;height:180px;object-fit:cover;border-radius:5px}.music-box audio{width:100%;margin-top:12px}.link-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}

.sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--gap)}.sidebar{display:grid;gap:var(--gap);align-content:start}.panel-head{padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.08em;color:#7e8a82}.panel-body{padding:12px}.about-photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:#050705}.social-list{display:grid;gap:7px}.social-list a{padding:8px;border:1px solid #263129;text-decoration:none;color:#93a098}.social-list a:hover{color:var(--green2);border-color:#395d40}

.comment-list{display:grid;gap:10px;margin-top:14px}.comment{padding:11px;border:1px solid #28332b;background:#080c09;border-radius:5px}.comment-head{display:flex;justify-content:space-between;gap:10px;color:#748078;font-size:14px}.comment strong{color:#bfc8c1}.comment p{margin:7px 0 0;color:#9aa59d}.comment.pending{opacity:.65;border-style:dashed}
.comment-form{display:grid;gap:8px;margin-top:14px}.comment-form input,.comment-form textarea{padding:10px;border:1px solid #2e3931;background:#060906;color:var(--text);border-radius:4px}.comment-form textarea{min-height:100px;resize:vertical}

.admin-shell{max-width:1500px;margin:auto}.admin-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:var(--gap)}.admin-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--gap)}.admin-nav a{padding:7px 9px;border:1px solid #2c362e;text-decoration:none;color:#87928a;font-size:14px}.admin-nav a:hover,.admin-nav a.active{color:var(--green2);border-color:#446a4a;background:#0d150f}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:var(--gap)}.stat{padding:14px}.stat span{display:block;color:#77837b;font-size:14px;letter-spacing:.08em}.stat b{display:block;font-size:30px;color:#d8e0da;margin-top:4px}.stat small{color:#69756d}
.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap)}.admin-panel{overflow:hidden}.admin-panel .body{padding:12px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:9px;border-bottom:1px solid #222b24;text-align:left;vertical-align:top}.data-table th{color:#758179;background:#0d120e;position:sticky;top:0}.data-table td{color:#aeb7b0}.data-table tr:hover td{background:#0b110c}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions .btn{min-height:28px;padding:5px 7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-panel{padding:14px}.form-panel h2{margin:0 0 12px;font-size:20px}.field.full{grid-column:1/-1}.slug-preview{font-size:14px;color:#6e7a71;margin-top:4px}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.editor-pane{min-width:0}.editor-pane textarea{min-height:460px;font:13px/1.65 "Courier New",monospace}.preview-pane{padding:14px;min-height:460px;overflow:auto}.preview-pane .article-body{font-size:18px}.status-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#748078;font-size:14px}
.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.media-item{border:1px solid #29332b;background:#090d0a;padding:7px;border-radius:5px}.media-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px;background:#050705}.media-item b{display:block;margin-top:6px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item small{color:#69756d;font-size:14px}.media-item .row-actions{margin-top:6px}
.category-list{display:grid;gap:7px}.category-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid #273129;background:#080c09;border-radius:4px}.category-row span{color:#758179;font-size:14px}
.login-card{width:min(460px,100%);margin:8vh auto;padding:18px}.login-card h1{margin:0 0 6px}.login-note{padding:10px;border:1px solid #3d472c;background:#0f1008;color:#b7ad72;font-size:14px;margin:12px 0}.login-card form{display:grid;gap:10px}

.toast-zone{position:fixed;z-index:90;right:14px;bottom:calc(var(--bottom) + 14px);display:grid;gap:7px;max-width:min(360px,calc(100vw - 28px))}.toast{padding:10px 12px;border:1px solid #38513e;background:#080c09;color:#b9c2bb;box-shadow:0 0 30px rgba(0,0,0,.6);font-size:14px;animation:toastIn .18s ease}.toast b{color:var(--green2)}@keyframes toastIn{from{opacity:0;transform:translateX(10px)}}

.boot{position:fixed;z-index:200;inset:0;background:#010201;display:grid;place-items:center;padding:20px;transition:opacity .35s;overflow:hidden}.boot.done{opacity:0;pointer-events:none}.boot::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(160,255,180,.13) 0,rgba(160,255,180,.13) 1px,transparent 1px,transparent 4px);opacity:.3}.boot::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(120,255,145,.08),transparent);background-size:100% 170px;animation:sweep 3.8s linear infinite;opacity:.6}@keyframes sweep{from{background-position:0 -170px}to{background-position:0 calc(100% + 170px)}}.terminal{position:relative;width:min(880px,100%);border:1px solid #2d4832;background:rgba(2,6,3,.92);box-shadow:0 0 44px rgba(0,0,0,.8),inset 0 0 36px rgba(53,255,79,.04)}.terminal-top{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #1d2b20;background:#09100a;color:#849489;font-size:14px;letter-spacing:.1em}.terminal-body{padding:16px}.boot-lines{min-height:210px;color:#80c78b;font-size:14px;line-height:1.8}.boot-line{opacity:0;animation:lineIn .2s forwards}.boot-line.ok{color:#a5ffb1}.boot-line.warn{color:#e0c86c}@keyframes lineIn{to{opacity:1}}.boot-progress{height:9px;border:1px solid #29532f;background:#030603;margin:12px 0;overflow:hidden}.boot-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#10631b,#35ff4f,#c1ffc7);box-shadow:0 0 18px rgba(53,255,79,.4);transition:width .24s}.terminal-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#748c79;font-size:14px}.text-button{border:1px solid #2f5136;background:#071009;color:#9cffaa;padding:6px 8px;cursor:pointer}

@media(max-width:1050px){.home-grid,.sidebar-layout,.admin-grid,.editor-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.topnav{display:none}.task-right>a,.task-right>.plain-link{display:none}.taskbar{grid-template-columns:1fr 70px 1fr}.clock{border:0;padding:0}.home-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.list-row{grid-template-columns:110px 1fr}.list-row img{width:110px;height:90px}.list-row .right{display:none}.start-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.music-grid{grid-template-columns:100px 1fr}.music-grid img{width:100px;height:100px}.proscons{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){main{padding:10px}.brand-name{font-size:14px}.session-label{display:none}.pathbar{font-size:14px}.page-head{align-items:flex-start;flex-direction:column}.search-row{align-items:stretch}.inline-search{flex:1 1 100%;min-width:0}.story{grid-template-columns:92px 1fr}.story-thumb{height:82px}.stats{grid-template-columns:1fr 1fr}.stat b{font-size:24px}.media-grid{grid-template-columns:1fr 1fr}.music-grid{grid-template-columns:1fr}.music-grid img{width:100%;height:auto;aspect-ratio:1/1}.terminal-top span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ================================================================
   RESTORED PHASE-1 NULLCROMANCER UI
   Visual shell and interaction language restored from index(1).html.
   Public content remains the personal blog/CMS introduced later.
   ================================================================ */
:root{
  --surface-radius:9px;
  --surface-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
  --glow-low:0 0 8px rgba(46,255,72,.16);
  --glow-med:0 0 16px rgba(46,255,72,.28);
  --glow-strong:0 0 26px rgba(46,255,72,.42);
}
body{
  background:radial-gradient(circle at 50% 6%,rgba(22,35,24,.76) 0,rgba(8,13,9,.62) 31%,transparent 58%),linear-gradient(180deg,#030503 0,#020302 100%);
}
body.low-noise::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.055;background-image:radial-gradient(rgba(255,255,255,.12) .7px,transparent .7px);background-size:4px 4px}
body.no-glow *{text-shadow:none!important;box-shadow:none!important}
body.treatment-scan main img{filter:grayscale(.2) contrast(1.06) saturate(.78)}
body.treatment-green main img{filter:grayscale(1) sepia(.2) hue-rotate(70deg) saturate(4) brightness(.9)}
body.treatment-natural main img{filter:none}
html.large-text{font-size:112.5%}

/* Fixed edge-flush OS chrome. Content scrolls behind it. */
.topbar,.pathbar,.taskbar{
  position:fixed;left:0;right:0;border-radius:0!important;
  background:linear-gradient(180deg,rgba(15,21,17,.94),rgba(7,10,8,.94));
  backdrop-filter:blur(16px) saturate(118%);-webkit-backdrop-filter:blur(16px) saturate(118%);
  border-color:rgba(79,105,86,.52);
  z-index:50;
}
.topbar{
  top:0;height:calc(var(--top) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));
  border-left:0;border-right:0;border-top:0;border-bottom:1px solid rgba(43,58,47,.76);
  box-shadow:0 10px 30px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025);
}
.pathbar{
  top:calc(var(--top) + env(safe-area-inset-top) - 1px);height:var(--path);padding:0 max(12px,env(safe-area-inset-left));
  border-left:0;border-right:0;border-top:1px solid rgba(27,38,30,.65);border-bottom:1px solid rgba(79,105,86,.4);
  box-shadow:0 13px 28px rgba(0,0,0,.34);font-size:14px;letter-spacing:.07em;
}
.taskbar{
  bottom:0;height:calc(var(--bottom) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
  grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);gap:10px;
  padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));
  border-left:0;border-right:0;border-bottom:0;border-top:1px solid rgba(79,105,86,.58);
  box-shadow:0 -10px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.035);
}
main{
  position:absolute;inset:0;overflow:auto;
  padding-top:calc(var(--top) + var(--path) + env(safe-area-inset-top) + 24px);
  padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 24px);
  padding-left:clamp(14px,2.8vw,32px);padding-right:clamp(14px,2.8vw,32px);
  z-index:2;scrollbar-gutter:stable both-edges;
}
.path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.node-id{color:var(--green2);font-weight:700;white-space:nowrap}
.presence{appearance:none;border:0;background:transparent;color:#9aa39c;padding:0;margin-right:auto;cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.presence.live{color:var(--green2);text-shadow:0 0 8px rgba(46,255,72,.65);animation:presencePulse 2.7s ease-in-out infinite}
.presence.open{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@keyframes presencePulse{50%{opacity:.66;text-shadow:0 0 17px rgba(46,255,72,.92)}}
.identity{display:flex;align-items:center;gap:8px;flex:0 0 auto}.ghost-tag{font-size:14px;color:#8c958f;letter-spacing:.1em}.identity.user .ghost-tag{color:var(--green2)}
.iconbtn .pip{position:absolute;right:3px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:var(--glow-low)}
.iconbtn.active{border-color:#47734d;color:var(--green2);background:#0e160f;box-shadow:var(--glow-low)}

/* Floating secondary windows. */
.drawer{
  top:calc(var(--top) + var(--path) + env(safe-area-inset-top) + 10px);
  bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 10px);
  width:min(440px,95vw);background:#070a08;border:1px solid var(--line);border-radius:var(--surface-radius);
  z-index:47;transition:transform .22s ease;box-shadow:0 18px 46px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.025);display:flex;flex-direction:column;
}
.drawer.left{left:0;right:auto;transform:translateX(-103%)}
.drawer.right{right:0;left:auto;transform:translateX(103%)}
.drawer.open{transform:translateX(0)}
.window-head{min-height:42px;padding:10px 12px;border-bottom:1px solid var(--line);background:#0c110d;color:#89948c;font-size:14px;letter-spacing:.08em;border-radius:var(--surface-radius) var(--surface-radius) 0 0}
.window-head strong{color:#c7d0c9;font-weight:600}
.drawer-body{padding:14px;overflow:auto;min-height:0}
.section{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #1b241d}.section:last-child{border-bottom:0}.section h3{margin:0 0 9px;font-size:14px;letter-spacing:.1em;color:#77827a}
.profile-card{display:flex;gap:10px;align-items:center}.profile-card .avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3c4c40;background:#0c110d;color:var(--green2);border-radius:6px}
.tiny{font-size:14px;color:#7a867e;line-height:1.55}
.select{width:100%;padding:10px;border:1px solid #2a352c;background:#060806;color:var(--text);border-radius:6px}
.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0}.control-row label{font-size:14px;color:#a2aca4}
.switch{width:42px;height:22px;border:1px solid #334038;background:#080b09;cursor:pointer;position:relative;border-radius:6px}.switch::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#69736b;transition:.15s;border-radius:4px}.switch.on{border-color:#397045;background:#0e170f}.switch.on::after{left:23px;background:var(--green)}
.chatlog{flex:1;padding:14px;overflow:auto;font-size:15px;line-height:1.75}.chatline{padding:2px 0}.chatline.system{color:#647067}.chatline.join{color:#80a68a}.uname{color:var(--green2);font-weight:700}.chatinput{border-top:1px solid var(--line);padding:12px}.locked{padding:10px;border:1px solid #252f27;color:#68736b;background:#050705;margin-bottom:10px;border-radius:6px}

/* Restored Start menu language. */
.startmenu{
  position:fixed;z-index:48;bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 10px);left:50%;
  transform:translate(-50%,12px);width:min(680px,94vw);max-height:min(74dvh,760px);overflow:auto;
  border:1px solid #314035;background:rgba(7,10,8,.985);box-shadow:0 20px 54px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.03);
  opacity:0;pointer-events:none;transition:.18s;border-radius:var(--surface-radius);
}
.startmenu.open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.start-grid{display:grid;grid-template-columns:1.15fr .85fr}.startmain{padding:10px;border-right:1px solid #1f2821}.startside{padding:10px}.startgroup{margin-bottom:12px}.grouplabel{font-size:14px;letter-spacing:.12em;color:#667169;padding:6px}
.menuitem{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;color:#aab4ac;cursor:pointer;text-decoration:none;border-radius:6px}.menuitem:hover,.menuitem.active{border-color:#2d4e33;color:var(--green2);background:#0d150f}.glyph{width:24px;text-align:center;color:#6f9b77}.menuitem:hover .glyph{color:var(--green)}.menupath{margin-left:auto;color:#536058;font-size:14px}.startstatus{padding:10px;border:1px solid #202a22;background:#090d0a;margin-bottom:10px;border-radius:6px}.startstatus strong{display:block;color:var(--green2);font-size:14px;margin-bottom:6px}.mobile-only{display:none}.mini-ticker{min-height:34px;border-top:1px solid #1c251e;padding-top:9px}

/* Taskbar restored: activity left, portrait center, social + Eastern time right. */
.taskleft,.taskright{min-width:0;font-size:14px;color:#667168}.taskleft{height:22px;overflow:hidden;display:flex;align-items:center}.taskright{display:flex;justify-content:flex-end;align-items:center;gap:10px;white-space:nowrap}.socials{display:flex;gap:6px}.socials a{text-decoration:none;padding:4px 6px;color:#7b867e;border:1px solid transparent}.socials a:hover{color:var(--green2);border-color:#2a3a2e}.clock{border-left:1px solid var(--line);padding-left:10px;color:#9aa49d;font-variant-numeric:tabular-nums}.ticker{position:relative;width:100%;height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticker b,.source{color:var(--green);font-weight:700}
.start{justify-self:center;width:58px;height:58px;margin-top:-12px;border-radius:50%;border:2px solid var(--green);background:#050705;padding:3px;cursor:pointer;box-shadow:0 0 0 4px #070a08,var(--glow-med);animation:startGlow 2.2s ease-in-out infinite}.start img{width:100%;height:100%;object-fit:cover;border-radius:50%}.start:hover,.start.active{border-color:var(--green2);box-shadow:0 0 0 4px #070a08,var(--glow-strong)}.start:active{transform:translateY(1px) scale(.98)}
@keyframes startGlow{50%{box-shadow:0 0 0 4px #070a08,0 0 24px rgba(46,255,72,.42),0 0 40px rgba(46,255,72,.2)}}

/* Public homepage controls: categories left, live search anchored right. */
.filterbar{display:flex;align-items:center;gap:10px;padding:6px 0 12px;overflow:visible}.filter-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;min-width:0;flex:1;scrollbar-width:thin}.filter{flex:0 0 auto;padding:7px 10px;border:1px solid #2c372e;background:#090d0a;color:#8d9890;cursor:pointer;font-size:14px;border-radius:6px}.filter.active,.filter:hover{color:var(--green2);border-color:#426b48}.home-search-wrap{position:relative;margin-left:auto;flex:0 0 clamp(190px,24vw,320px);min-width:0}.home-search{width:100%;height:36px;padding:0 12px;border:1px solid #334137;background:rgba(7,11,8,.96);color:#d4ddd5;outline:none;font:inherit;font-size:14px;letter-spacing:.04em;border-radius:6px}.home-search::placeholder{color:#667168}.home-search:focus{border-color:#4c7953;box-shadow:0 0 0 1px rgba(84,255,111,.12),0 0 14px rgba(40,255,63,.08)}.home-search-results{position:absolute;right:0;top:calc(100% + 6px);width:min(460px,calc(100vw - 20px));max-height:320px;overflow:auto;border:1px solid #334137;background:rgba(6,10,7,.985);box-shadow:0 14px 30px rgba(0,0,0,.55),0 0 18px rgba(40,255,63,.06);z-index:60;display:none;border-radius:6px}.home-search-wrap.open .home-search-results{display:block}.home-search-results .cmdrow.selected{background:#101a12;color:var(--green2);border-color:#41694a}

/* Restored editorial portal. No oversized site-title intro block on HOME. */
.portal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:var(--gap)}
.lead,.card,.storytile,.rail,.railitem,.article,.panel,.admin-panel,.form-panel,.table-wrap{
  border-radius:var(--surface-radius);background:linear-gradient(180deg,rgba(14,20,16,.985),rgba(7,11,8,.985));border-color:rgba(62,82,68,.72);box-shadow:var(--surface-shadow);
}
.lead{overflow:hidden;border:1px solid rgba(62,82,68,.72)}.lead-media{aspect-ratio:16/8.5;background:#050705;overflow:hidden;position:relative}.lead-media img{width:100%;height:100%;object-fit:cover}.lead-copy{padding:clamp(14px,2vw,22px)}.lead h2{margin:0 0 10px;font-size:clamp(24px,3vw,44px);line-height:1.1}.sidegrid{display:grid;gap:var(--gap)}
.story{display:grid;grid-template-columns:125px 1fr;gap:10px;padding:10px}.story .thumb{height:96px;background:#050705;overflow:hidden;border-radius:7px}.story .thumb img{width:100%;height:100%;object-fit:cover}.story h3{margin:0 0 6px;font-size:19px;line-height:1.2}.story p{margin:0;color:#909b93;font-size:15px;line-height:1.45}.storyline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:var(--gap)}.storytile{border:1px solid rgba(62,82,68,.72);overflow:hidden}.storytile .pic{aspect-ratio:16/9;background:#050705;overflow:hidden}.storytile .pic img{width:100%;height:100%;object-fit:cover}.storytile .body{padding:11px}.storytile h3{margin:0 0 7px;font-size:20px}.storytile p{margin:0;color:#909c94;font-size:15px;line-height:1.5}.rail{margin-top:var(--gap);border:1px solid rgba(62,82,68,.72)}.railrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:var(--gap);overflow:auto;padding:0 10px 12px;scroll-snap-type:x proximity}.railitem{scroll-snap-align:start;border:1px solid #222c24;background:#090d0a;overflow:hidden}.railitem img{height:132px;width:100%;object-fit:cover}.railitem .body{padding:10px}.railitem h4{margin:0 0 6px;font-size:17px}.railitem p{margin:0;color:#89958d;font-size:14px;line-height:1.45}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px;font-size:14px;letter-spacing:.11em;color:#77827a}.section-title strong{color:#cbd4cd;font-size:15px}.section-title::after{content:"";height:1px;background:#1b241d;flex:1;margin-left:10px}
.card:hover,.storytile:hover,.railitem:hover{border-color:rgba(81,119,90,.78)}

/* Command overlay uses the same visual grammar, but remains hidden until Ctrl+K. */
.overlay{background:rgba(1,2,1,.68)}.command{border-color:#3a5940;background:#070a08}.cmdrow{border-radius:6px}.cmdrow:hover,.cmdrow.active,.cmdrow.selected{border-color:#2f5536;background:#0d150f;color:#e1e8e2}

@media(max-width:1100px){.portal{grid-template-columns:1fr}.sidegrid{grid-template-columns:1fr 1fr}.storyline{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  :root{--top:46px;--bottom:60px}
  main{padding-top:calc(var(--top) + var(--path) + env(safe-area-inset-top) + 18px);padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 18px);padding-left:12px;padding-right:12px}
  .taskbar{grid-template-columns:1fr 72px 1fr;padding-left:10px;padding-right:10px}.socials{display:none}.start{width:54px;height:54px}.pathbar{font-size:14px}.start-grid{grid-template-columns:1fr}.startmain{border-right:0;border-bottom:1px solid #1e2821}.mobile-only{display:block}.sidegrid,.storyline{grid-template-columns:1fr}.story{grid-template-columns:105px 1fr}.drawer{width:min(100vw,460px);top:calc(var(--top) + var(--path) + env(safe-area-inset-top) + 8px);bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 8px)}
}
@media(max-width:520px){
  main{padding-left:10px;padding-right:10px}.ghost-tag{font-size:14px}.pathbar .node-id{display:none}.taskbar{padding-left:6px;padding-right:6px}.startmenu{width:calc(100vw - 12px)}.menuitem{min-height:46px}.story{grid-template-columns:1fr}.story .thumb{height:160px}.storyline{grid-template-columns:1fr}.lead h2{font-size:30px}.filterbar{margin-left:-2px;margin-right:-2px;gap:7px}.home-search-wrap{flex-basis:150px}.home-search{padding:0 9px;font-size:14px}.home-search-results{right:0;width:min(390px,calc(100vw - 12px))}
}
.media-overlay{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.86));display:flex;justify-content:space-between;gap:10px;align-items:end;pointer-events:none}
@media(max-width:700px){.taskbar.compact .taskleft,.taskbar.compact .taskright{visibility:hidden}}

/* Blazor/runtime additions */
#blazor-error-ui{display:none;position:fixed;z-index:500;left:0;right:0;bottom:0;padding:10px 14px;background:#2b1111;color:#ffd0d0;border-top:1px solid #713b3b;font-size:14px}
#blazor-error-ui .reload,#blazor-error-ui .dismiss{margin-left:10px;color:#fff;cursor:pointer}.validation-message,.validation-errors{color:#f08b8b;font-size:14px}.modified.invalid{border-color:#704141!important}.modified.valid{border-color:#395f40!important}.panel-body{padding:12px}.storytile a,.lead a,.list-row a{text-decoration:none}.storytile a:hover,.lead h2 a:hover,.list-row h3 a:hover{color:var(--green2)}
code{color:#a8ffb2}.login-note{padding:10px;border:1px solid #3d472c;background:#0f1008;color:#b7ad72;font-size:14px;margin:12px 0}.login-card{width:min(460px,100%);margin:8vh auto;padding:18px}.login-card h1{margin:0 0 6px}.login-card form{display:grid;gap:10px}
.cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid #1c251e;font-size:14px;letter-spacing:.1em;color:#78847c;background:#0c110d;border-radius:var(--surface-radius) var(--surface-radius) 0 0}

/* ---- admin tables: breathing room ---- */
.posts-table td.title .chip, .posts-table td.title .status-dot + .chip { margin-left: 10px; vertical-align: middle; }
.posts-table td:last-child, .posts-table th:last-child { white-space: nowrap; }
.posts-table td { padding: 14px 12px; }
.posts-table .row-links { gap: 14px; margin-top: 6px; }
@media (hover: none) { .posts-table .row-links { opacity: 1; } }
.adm-main .page-head, .page-head { margin-bottom: 22px; }
.form-panel .field, .admin-panel .field, .widget .field { margin-bottom: 18px; }
.form-panel .hint, .admin-panel .hint, .field .hint { margin: 8px 0 20px; display: block; }
.post-card.has-image:not(.large) { grid-template-columns: 240px minmax(0, 1fr); }
.post-card.has-image:not(.large) .post-card-image { aspect-ratio: auto; height: 100%; min-height: 150px; }
.post-card .post-meta-line { margin-bottom: 8px; }
.post-card-title { margin: 6px 0 10px; }
@media (max-width: 700px) {
  .post-card.has-image:not(.large) { grid-template-columns: 1fr; }
  .post-card.has-image:not(.large) .post-card-image { aspect-ratio: 16 / 9; height: auto; }
}