:root{--bg:#0c0b10;--surface:#15131b;--raised:#1b1823;--line:#302a3c;--text:#f3f0f7;--muted:#a9a2b3;--accent:#9b6cff;--accent2:#7246d9;--ok:#49c781;--bad:#ff6b7a;--warn:#ffbd59;--shadow:0 16px 50px #0005;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#201630 0,transparent 32rem),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hub-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;padding:15px max(20px,calc((100vw - 1500px)/2));background:#0c0b10df;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.hub-brand{white-space:nowrap;font-weight:800;letter-spacing:.02em}.hub-brand span{color:var(--accent);margin-right:7px}.hub-brand b{color:var(--muted);font-size:.72em}.hub-nav{display:flex;gap:4px;overflow-x:auto}.hub-nav a{padding:8px 10px;border-radius:8px;color:var(--muted);font-size:.86rem;white-space:nowrap}.hub-nav a:hover{background:var(--raised);color:var(--text)}.hub-main{max-width:1500px;margin:auto;padding:46px 28px 70px}.hub-footer{max-width:1500px;margin:auto;border-top:1px solid var(--line);padding:22px 28px 40px;color:var(--muted);display:flex;gap:18px;align-items:center;flex-wrap:wrap}.link-btn{border:0;background:none;color:var(--accent);cursor:pointer}.hero{padding:60px 0 44px;max-width:950px}.hero h1,.page-head h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em;margin:.25em 0}.hero p,.page-head p{color:var(--muted);font-size:1.05rem;line-height:1.65}.eyebrow{font:700 .74rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:var(--accent)!important}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.tool,.entry{background:linear-gradient(180deg,var(--surface),#121016);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 0 #fff1 inset}.card{padding:22px;min-height:190px;display:flex;flex-direction:column;transition:.2s transform,.2s border-color}.card:hover:not(.static){transform:translateY(-3px);border-color:#6f5794}.card>span{font:700 .68rem ui-monospace,monospace;letter-spacing:.1em;color:var(--accent)}.card>strong{font-size:1.65rem;margin:22px 0 8px}.card p{color:var(--muted);line-height:1.55;margin:0}.private{background:linear-gradient(145deg,#181322,#111016)}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:32px}.page-head h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:0}.page-head p{margin-bottom:0}.btn,.small{border:1px solid var(--line);background:var(--raised);color:var(--text);border-radius:9px;padding:10px 14px;cursor:pointer}.btn:hover,.small:hover{border-color:#6f5794}.btn.primary{background:linear-gradient(135deg,var(--accent2),#5634a8);border-color:#8c65e6}.small{padding:6px 9px;font-size:.78rem}.danger{color:#ff93a0}.actions,.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.smart-box{display:flex;gap:8px;margin-top:28px}.smart-box.wide{max-width:950px;margin:0 0 24px}.smart-box input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 17px;color:var(--text)}.smart-box button{border:0;background:var(--accent2);color:#fff;padding:0 22px;border-radius:12px;cursor:pointer}.library-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.entry{padding:22px}.entry h2{margin:12px 0 8px}.entry p,.muted{color:var(--muted)}pre{overflow:auto}.entry pre,.big-code,.log{background:#09080b;border:1px solid #28222f;border-radius:10px;padding:15px;white-space:pre;line-height:1.55}.entry-head{display:flex;gap:7px}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font:700 .66rem ui-monospace,monospace;color:var(--accent)}.private-pill{color:#f5a3ff}.tags{font-size:.75rem;color:var(--muted);margin:12px 0}.list,.status-list,.news-list,.search-results{display:grid;gap:10px}.row,.status-row,.news-list article,.search-results a{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.row,.status-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.row p,.status-row small,.news-list p,.search-results p{color:var(--muted);margin:5px 0 0}.status-row>div{flex:1}.status-row b{font-size:.85rem}.dot{width:10px;height:10px;border-radius:50%;background:#74707c}.dot.operational{background:var(--ok);box-shadow:0 0 16px #49c78188}.dot.down,.dot.blocked{background:var(--bad)}.dot.manual,.dot.unknown{background:var(--warn)}dialog{border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);width:min(680px,calc(100vw - 30px));box-shadow:var(--shadow)}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.dialog-form{display:grid;gap:13px}.dialog-form h2{margin:0 0 5px}.dialog-form label{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.dialog-form input,.dialog-form textarea,.dialog-form select,.tool input,.tool textarea{width:100%;border:1px solid var(--line);background:#0e0c12;color:var(--text);border-radius:8px;padding:10px}.code-area{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.panel{padding:22px;margin-bottom:18px}.empty{padding:30px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.72rem;color:var(--muted);text-transform:uppercase}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:18px}.metrics>div{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px}.metrics span{display:block;color:var(--muted);font-size:.78rem}.metrics strong{font-size:2rem}.stats{display:grid;grid-template-columns:1fr auto;gap:12px}.stats dt{color:var(--muted)}.stats dd{margin:0}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-links a{padding:12px;border:1px solid var(--line);border-radius:9px}.audit{display:grid}.audit>div{display:grid;grid-template-columns:160px 1fr 140px;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.83rem}.audit small{color:var(--muted);text-align:right}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool{padding:20px}.tool h2{margin-top:0}.tool pre{min-height:54px;white-space:pre-wrap;word-break:break-all;color:#d7c8ff}.network-canvas{position:relative;height:560px;border:1px dashed #4a4058;border-radius:12px;margin-top:14px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.net-node{position:absolute;width:130px;min-height:70px;border:1px solid #6b5887;border-radius:11px;background:#17131e;padding:10px;cursor:grab;user-select:none;box-shadow:0 8px 20px #0006}.net-node.selected{outline:2px solid var(--accent)}.net-node b{display:block}.net-node small{color:var(--muted)}.edge-list{position:absolute;right:8px;bottom:8px;max-width:260px;background:#09080bd9;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:.7rem;color:var(--muted)}.world-map{height:330px;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at center,#34294a 0,#17131f 58%,#0d0b11 100%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:10% 20%}.map-point{position:absolute;width:9px;height:9px;border-radius:50%;background:#ff6b7a;box-shadow:0 0 16px #ff6b7a;transform:translate(-50%,-50%)}.studio-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.studio-preview{min-height:520px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#0e0c12;overflow:auto}.studio-preview[contenteditable=true]{outline:1px solid var(--accent2)}.answer p{font-size:1.05rem;line-height:1.7;white-space:pre-wrap}.news-list article span{color:var(--accent);font-size:.72rem}.news-list h2{font-size:1.1rem;margin:8px 0}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#211a2d;border:1px solid #5d4976;border-radius:10px;padding:12px 15px;box-shadow:var(--shadow);max-width:420px}progress{width:100%;height:10px;accent-color:var(--accent)}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.big-code{font-size:.9rem}.log{max-height:330px}.form-result{margin-top:10px;color:var(--accent)}@media(max-width:900px){.hub-header{align-items:flex-start;flex-direction:column;gap:8px}.hub-nav{width:100%}.hub-main{padding:30px 16px 55px}.page-head{align-items:flex-start;flex-direction:column}.two,.studio-wrap{grid-template-columns:1fr}.audit>div{grid-template-columns:1fr}.audit small{text-align:left}.network-canvas{height:500px}.hub-footer{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v2: unified root + legacy ROOTNOTE pages */
.primary-cards{margin-bottom:54px}.knowledge-card{grid-column:span 2;background:linear-gradient(145deg,#21162f,#121016)}.home-section{margin-top:64px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.04em;margin:.2em 0 0}.recent-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recent-card{display:flex;flex-direction:column;min-height:210px;padding:22px;background:linear-gradient(180deg,var(--surface),#121016);border:1px solid var(--line);border-radius:16px;transition:.2s transform,.2s border-color}.recent-card:hover{transform:translateY(-3px);border-color:#6f5794}.recent-card>span{font:700 .68rem ui-monospace,monospace;letter-spacing:.1em;color:var(--accent)}.recent-card h3{font-size:1.25rem;line-height:1.35;margin:18px 0 8px}.recent-card p{color:var(--muted);line-height:1.55;margin:0 0 18px}.recent-card b{margin-top:auto;color:var(--accent);font-size:.85rem}.unified-wiki-nav{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:24px;padding:15px max(20px,calc((100vw - 1500px)/2));background:#0c0b10ed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);color:var(--text)}.unified-wiki-nav .hub-brand{font-weight:800}.unified-wiki-nav .hub-nav{flex:1}.unified-wiki-nav ~ .header{display:none!important}.unified-wiki-page{background:radial-gradient(circle at 15% 0,#201630 0,transparent 32rem),var(--bg)!important;color:var(--text)!important}.unified-wiki-page .footer{border-color:var(--line)!important}.unified-wiki-page .shell,.unified-wiki-page .post-layout{max-width:1500px}.unified-wiki-page .sidebar,.unified-wiki-page .post-main,.unified-wiki-page .toc,.unified-wiki-page .card,.unified-wiki-page .hero{border-color:var(--line)!important}.unified-wiki-page .btn,.unified-wiki-page button{border-radius:9px}@media(max-width:900px){.knowledge-card{grid-column:span 1}.section-head{align-items:flex-start;flex-direction:column}.unified-wiki-nav{align-items:flex-start;flex-direction:column;gap:8px}.unified-wiki-nav .hub-nav{width:100%}}


/* v3 — responsive, lightweight navigation + owner admin */
html{overflow-x:hidden}body{overflow-x:hidden}.hub-header,.unified-wiki-nav{min-height:64px;gap:24px}.hub-header{padding-block:12px}.hub-brand{flex:0 0 auto}.hub-nav{display:flex;align-items:center;flex:1;min-width:0;overflow:visible;gap:16px}.nav-primary{display:flex;align-items:center;gap:2px;min-width:0}.nav-account{margin-left:auto;display:flex;align-items:center;gap:7px;flex:0 0 auto}.hub-nav a{min-height:40px;display:inline-flex;align-items:center}.nav-auth,.nav-admin{border:1px solid var(--line);padding-inline:13px!important}.nav-admin{color:#d8c7ff!important;background:#9b6cff12}.online-chip{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.76rem;white-space:nowrap}.online-chip i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px #9b6cff88}.online-chip b{color:var(--text);font-variant-numeric:tabular-nums}.hub-menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px;cursor:pointer}.hub-menu-toggle span{display:block;height:2px;background:var(--text);border-radius:2px;margin:4px 0}.footer-online{margin-left:auto}.hub-main{width:100%;padding-left:clamp(16px,2.2vw,32px);padding-right:clamp(16px,2.2vw,32px)}.cards,.library-grid,.recent-grid,.tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.card,.panel,.entry,.tool,.recent-card{contain:layout paint}.home-section,.admin-section{content-visibility:auto;contain-intrinsic-size:1px 600px}.admin-head{align-items:flex-end}.admin-metrics small{display:block;color:var(--muted);font-size:.72rem;margin-top:5px}.admin-section{margin-top:46px}.admin-actions-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.admin-actions-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.admin-action{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--surface),#121016);display:flex;flex-direction:column;gap:8px;transition:border-color .15s ease,transform .15s ease}.admin-action:hover{border-color:#6f5794;transform:translateY(-2px)}.admin-action>span{font:700 .66rem ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}.admin-action strong{font-size:1.15rem}.admin-action p{margin:0;color:var(--muted);line-height:1.5;font-size:.88rem}.admin-action.featured{background:linear-gradient(145deg,#211630,#15121c);border-color:#513d6c}.admin-posts{margin-top:46px}.admin-post-list{display:grid}.admin-post-list>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-bottom:1px solid var(--line)}.admin-post-list>a:last-child{border-bottom:0}.admin-post-list strong,.admin-post-list small{display:block}.admin-post-list small{color:var(--muted);margin-top:4px}.post-state{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.72rem;color:var(--muted)}.post-state.published{color:var(--ok)}.post-state.draft{color:var(--warn)}.unified-wiki-nav .hub-nav{display:flex}.unified-wiki-nav .nav-primary,.unified-wiki-nav .nav-account{display:flex}.unified-wiki-nav .nav-account{margin-left:auto}
@media(max-width:1280px){.nav-primary a{padding-inline:7px;font-size:.82rem}.hub-header,.unified-wiki-nav{gap:16px}.online-chip span{display:none}}
@media(max-width:1100px){.hub-header,.unified-wiki-nav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;padding:10px 16px}.hub-menu-toggle{display:block;grid-column:2;grid-row:1}.hub-brand{grid-column:1;grid-row:1}.hub-nav,.unified-wiki-nav .hub-nav{grid-column:1/-1;grid-row:2;display:flex!important;flex-direction:column;align-items:stretch;width:100%;gap:10px;max-height:none;overflow:visible}.js .hub-nav,.js .unified-wiki-nav .hub-nav{display:none!important}.js .hub-nav.is-open,.js .unified-wiki-nav .hub-nav.is-open{display:flex!important}.nav-primary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.nav-primary a{min-height:44px;padding:10px 12px;border:1px solid #302a3c66}.nav-account{margin-left:0;display:grid!important;grid-template-columns:1fr auto auto;gap:7px;border-top:1px solid var(--line);padding-top:10px}.online-chip{justify-content:center;height:44px}.online-chip span{display:inline}.nav-account a{justify-content:center;min-height:44px}.unified-wiki-nav~.header{display:none!important}.unified-wiki-page .shell{padding-top:0}.hub-main{padding-top:28px}.hero{padding-top:34px}.hero h1{font-size:clamp(2.25rem,8vw,4rem)}.footer-online{margin-left:0}.hub-footer{padding:20px 16px 32px}.card:hover:not(.static),.recent-card:hover,.admin-action:hover{transform:none}.hub-header,.unified-wiki-nav{backdrop-filter:none;background:#0c0b10f7}}
@media(max-width:680px){.hub-header,.unified-wiki-nav{padding-inline:12px}.hub-brand{font-size:.93rem}.hub-brand b{display:none}.nav-primary{grid-template-columns:1fr}.nav-account{grid-template-columns:1fr 1fr}.online-chip{grid-column:1/-1}.hub-main{padding:22px 14px 48px}.hero{padding:26px 0 28px}.hero h1,.page-head h1{letter-spacing:-.04em}.hero p,.page-head p{font-size:.98rem}.smart-box{flex-direction:column}.smart-box button{min-height:48px}.card{min-height:150px;padding:18px}.knowledge-card{grid-column:span 1}.two,.studio-wrap{grid-template-columns:1fr}.page-head,.admin-head,.section-head{align-items:flex-start;flex-direction:column}.page-head .actions{width:100%}.page-head .actions .btn{flex:1;text-align:center;min-height:44px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics>div{padding:14px}.metrics strong{font-size:1.55rem}.admin-post-list>a{align-items:flex-start}.table-wrap{border-radius:10px}.network-canvas{height:430px}.studio-preview{min-height:360px}input,textarea,select{font-size:16px!important}.hub-footer{display:grid;grid-template-columns:1fr}.footer-online{order:-1}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}.hub-brand{max-width:245px;overflow:hidden;text-overflow:ellipsis}.page-head .actions{display:grid;grid-template-columns:1fr}.nav-account{grid-template-columns:1fr}.online-chip{grid-column:1}.admin-post-list>a{display:grid}.post-state{justify-self:start}}
@media(hover:none){.card,.recent-card,.admin-action{transition:none}.hub-nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){.admin-action,.card,.recent-card{transition:none!important}}

/* v4: exact nav order, POST logout, admin CMS editors */
.nav-logout{margin:0;display:inline-flex}.nav-logout .nav-auth{font:inherit;cursor:pointer}.nav-admin-link{color:var(--accent)!important;font-weight:700!important}
.period-tabs{display:flex;gap:8px;margin:-10px 0 26px}.period-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-decoration:none}.period-tabs a.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}
.admin-editor{max-width:980px}.admin-editor form,.admin-edit-list form{display:grid;gap:14px}.admin-editor label,.admin-edit-list label{display:grid;gap:7px;color:var(--muted);font-size:.88rem}.admin-editor input,.admin-editor textarea,.admin-editor select,.admin-edit-list input,.admin-edit-list textarea,.admin-edit-list select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--text);font:inherit}.admin-editor textarea,.admin-edit-list textarea{resize:vertical}.admin-edit-list{display:grid;gap:12px;margin-top:18px}.admin-edit-list details{padding:0;overflow:hidden}.admin-edit-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px}.admin-edit-list summary span{color:var(--muted);font-size:.82rem}.admin-edit-list details form{padding:4px 20px 20px;border-top:1px solid var(--line)}.btn.danger{border-color:#6f3340;color:#ffb8c0;background:rgba(130,35,52,.08)}
@media(max-width:1100px){.nav-logout{width:100%}.nav-logout .nav-auth{width:100%;text-align:left}.period-tabs{margin-top:0}}
/* v4.2: Gemini Smart Search */
.ai-provider{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:950px;padding:14px 16px}.ai-provider>div{display:flex;align-items:center;gap:9px;min-width:0}.ai-orb{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,#9b6cff,#62b5ff);box-shadow:0 0 18px #9b6cff99;flex:0 0 auto}.ai-provider .muted{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-ready{color:var(--ok);border-color:#2e6b4b}.ai-off{color:var(--warn);border-color:#6a5530}.ai-scope{display:flex;gap:8px;max-width:950px;margin:0 0 14px}.ai-scope a{padding:9px 13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.86rem}.ai-scope a.active{color:var(--text);border-color:#7255a3;background:#9b6cff12}.answer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}.answer-head .muted{font-size:.8rem}.ai-owner-note{max-width:950px;border-style:dashed}.ai-owner-note p{margin:.45rem 0 0;color:var(--muted);line-height:1.55}.ai-owner-note code{color:#d8c7ff}.search-sources{max-width:950px;margin-top:28px}.section-head.compact{margin-bottom:12px}.section-head.compact h2{font-size:1.45rem}.search-results a strong{line-height:1.35}@media(max-width:680px){.ai-provider{align-items:flex-start}.ai-provider>div{flex-wrap:wrap}.ai-scope{display:grid;grid-template-columns:1fr 1fr}.ai-scope a{text-align:center;display:flex;align-items:center;justify-content:center;min-height:44px}.answer{padding:18px}}@media(max-width:420px){.ai-provider{display:grid}.ai-provider .pill{justify-self:start}.ai-scope{grid-template-columns:1fr}}


/* Drowzyx Network Lab v4.3 */
.network-toolbar .btn.active{border-color:var(--accent);box-shadow:0 0 0 2px #9b6cff38;color:#fff}.network-help{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#100d16;color:var(--muted);font-size:.84rem}.network-canvas{isolation:isolate;touch-action:none}.network-links{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}.network-link{stroke:var(--accent);stroke-width:2.4;opacity:.9;filter:drop-shadow(0 0 4px #9b6cff66)}.network-arrow-head{fill:var(--accent)}.net-node{z-index:2;touch-action:none}.net-node.link-source{box-shadow:0 0 0 2px var(--accent),0 0 28px #9b6cff44}.edge-list{z-index:4;display:flex;flex-wrap:wrap;gap:5px;max-width:min(70%,680px);max-height:92px;overflow:auto}.edge-chip{border:1px solid var(--line);background:#15111d;color:var(--muted);border-radius:999px;padding:5px 8px;font:600 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.edge-chip:hover{border-color:#8c65e6;color:var(--text)}
@media(max-width:680px){.network-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.network-toolbar .btn{min-height:44px}.network-canvas{height:520px}.net-node{width:112px;min-height:64px}.edge-list{max-width:calc(100% - 16px);max-height:112px;left:8px;right:8px}}



/* DROWZYX_MOBILE_V44 */
@media (max-width:1100px){
  .hub-header,.unified-wiki-nav{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;min-height:64px!important;
    padding:10px 12px!important;gap:12px!important
  }
  .hub-brand{min-width:0;max-width:calc(100vw - 78px);overflow:hidden;text-overflow:ellipsis}
  .hub-menu-toggle{display:block!important;flex:0 0 44px;position:relative;z-index:103}
  .hub-menu-toggle span{transition:transform .16s ease,opacity .16s ease}
  .hub-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .hub-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hub-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* Hide by default without relying on an inline `html.js` script. */
  .hub-nav,.unified-wiki-nav .hub-nav{
    display:none!important;position:fixed!important;top:64px!important;right:0!important;bottom:0!important;
    left:auto!important;width:min(370px,92vw)!important;max-height:calc(100dvh - 64px)!important;
    overflow-y:auto!important;overscroll-behavior:contain;padding:14px!important;
    flex-direction:column!important;align-items:stretch!important;gap:12px!important;
    background:#0c0b10fc!important;border-left:1px solid var(--line)!important;
    border-top:1px solid var(--line)!important;box-shadow:-18px 24px 60px #000b!important;
    z-index:102!important
  }
  .hub-nav.is-open,.unified-wiki-nav .hub-nav.is-open{display:flex!important}
  .nav-primary{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%}
  .nav-primary a{display:flex!important;align-items:center!important;min-height:48px!important;
    padding:11px 13px!important;border:1px solid #302a3c!important;border-radius:10px!important;
    background:#100e14!important;font-size:.9rem!important}
  .nav-primary a:active{background:#1b1722!important}
  .nav-account{display:grid!important;grid-template-columns:1fr!important;margin:0!important;margin-top:auto!important;
    gap:8px!important;padding-top:12px!important;border-top:1px solid var(--line)!important;width:100%}
  .nav-account .online-chip,.nav-account .nav-auth,.nav-account .nav-admin,.nav-account .nav-admin-link,
  .nav-account .nav-logout,.nav-account .nav-logout button{width:100%!important;justify-content:center!important;min-height:46px!important}
  .nav-logout{margin:0!important}
  body.menu-open{overflow:hidden!important;touch-action:none}
  body.menu-open::before{content:"";position:fixed;inset:64px 0 0 0;background:#0009;z-index:81;backdrop-filter:blur(2px)}
  .hub-main{padding-top:24px!important}
}
@media (max-width:680px){
  .hub-nav,.unified-wiki-nav .hub-nav{width:100vw!important;border-left:0!important}
  .hub-brand b{display:none!important}
  .hero{padding-top:28px!important}
  .hero h1{font-size:clamp(2.2rem,11vw,3.5rem)!important;line-height:1.02!important}
}
@media (prefers-reduced-motion:reduce){.hub-menu-toggle span{transition:none!important}}



/* DROWZYX_MOBILE_V441 — drawer must stay above its backdrop */
@media (max-width:1100px){
  .hub-header,.unified-wiki-nav{
    z-index:300!important;
    isolation:isolate!important;
  }
  .hub-menu-toggle{
    z-index:340!important;
  }
  .hub-nav,.unified-wiki-nav .hub-nav{
    z-index:330!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.menu-open::before{
    z-index:200!important;
    background:rgba(0,0,0,.58)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .hub-nav.is-open,.unified-wiki-nav .hub-nav.is-open,
  .hub-nav.is-open *,.unified-wiki-nav .hub-nav.is-open *{
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
}



/* DROWZYX_MOBILE_V442 - iOS/Safari-safe drawer */
@media (max-width:1100px){
  body.menu-open::before{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.menu-open{overflow:hidden!important;touch-action:auto!important}
  .hub-header,.unified-wiki-nav{position:relative!important;z-index:2000!important;isolation:isolate!important}
  .hub-menu-toggle{position:relative!important;z-index:2020!important}
  .hub-nav,.unified-wiki-nav .hub-nav{
    display:flex!important;position:fixed!important;top:64px!important;right:0!important;bottom:0!important;left:auto!important;
    z-index:2010!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    transform:translate3d(105%,0,0)!important;background:#0c0b10!important;color:var(--text)!important;
    filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    transition:transform .18s ease,opacity .14s ease,visibility 0s linear .18s!important;will-change:transform!important
  }
  .hub-nav.is-open,.unified-wiki-nav .hub-nav.is-open{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;
    transition:transform .18s ease,opacity .14s ease!important
  }
  .hub-nav.is-open *,.unified-wiki-nav .hub-nav.is-open *{
    visibility:visible!important;opacity:1!important;filter:none!important;-webkit-filter:none!important
  }
  .hub-nav.is-open a,.unified-wiki-nav .hub-nav.is-open a{color:var(--text)!important}
}
@media (max-width:680px){
  .hub-nav,.unified-wiki-nav .hub-nav{width:100vw!important;max-width:100vw!important}
}
@media (prefers-reduced-motion:reduce){
  .hub-nav,.unified-wiki-nav .hub-nav{transition:none!important}
}



/* DROWZYX_MOBILE_SAFE_V446
   Conservative mobile layout for iOS Safari.
   No fixed drawer, no backdrop, no blur, no transforms. */
@media (max-width:1100px){

  html, body{
    min-height:100%!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
  }

  body::before,
  body.menu-open::before{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body,
  body.menu-open{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:auto!important;
  }

  .hub-header,
  .unified-wiki-nav{
    position:relative!important;
    top:auto!important;
    z-index:20!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:64px!important;
    padding:10px 12px!important;
    gap:10px!important;
    background:#0c0b10!important;
    border-bottom:1px solid var(--line)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    visibility:visible!important;
    isolation:auto!important;
  }

  .hub-brand{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .hub-menu-toggle{
    display:block!important;
    position:relative!important;
    z-index:21!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
  }

  .hub-nav,
  .unified-wiki-nav .hub-nav{
    display:none!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    order:20!important;
    flex:1 0 100%!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 0 2px!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    will-change:auto!important;
    transition:none!important;
  }

  .hub-nav.is-open,
  .unified-wiki-nav .hub-nav.is-open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  .hub-nav.is-open *,
  .unified-wiki-nav .hub-nav.is-open *{
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
  }

  .nav-primary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
    overflow:visible!important;
  }

  .nav-primary a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:46px!important;
    padding:11px 13px!important;
    border:1px solid #302a3c!important;
    border-radius:10px!important;
    background:#100e14!important;
    color:var(--text)!important;
    white-space:normal!important;
  }

  .nav-account{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:8px!important;
    margin:0!important;
    padding-top:10px!important;
    border-top:1px solid var(--line)!important;
  }

  .nav-account > *,
  .nav-account button,
  .nav-account a{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
  }

  .hub-main,
  main,
  .hub-footer{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
  }

  .hub-main{
    padding:24px 14px 50px!important;
  }

  .hero{
    padding-top:26px!important;
  }
}

@media (max-width:680px){
  .hub-brand b{display:none!important}
  .hero h1{
    font-size:clamp(2.15rem,10.5vw,3.35rem)!important;
    line-height:1.03!important;
  }
}

