:root{--bg:#070808;--panel:#0d0f0f;--gold:#d1aa60;--text:#f1eee7;--muted:#9a958d;--line:#2e2a22;--red:#b35d52;--green:#79a777}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 12%,#8f67231c,transparent 30%),var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh}.hidden{display:none!important}.bg-kanji{position:fixed;right:-4vw;bottom:-8vh;font:700 25vw serif;color:#d1aa6007;pointer-events:none}.login-view{min-height:100vh;display:grid;place-items:center}.login-card{width:min(450px,94vw);padding:35px;border:1px solid var(--line);background:#0b0c0cf5;box-shadow:0 30px 90px #000}.login-logo{display:block;width:140px;height:140px;object-fit:contain;margin:0 auto 14px}.eyebrow{font-size:.68rem;letter-spacing:.18em;color:var(--gold);font-weight:800}.login-card .eyebrow,.login-card h1{text-align:center}.login-card h1,header h2,.section-head h3,.md-preview h1,.md-preview h2,.md-preview h3{font-family:Cinzel,serif}.muted{color:var(--muted)}.center{text-align:center}.divider{display:flex;gap:10px;align-items:center;margin:18px 0 0;color:#6c665d;font-size:.62rem}.divider:before,.divider:after{content:"";height:1px;background:#29261f;flex:1}label{display:block;margin:14px 0 6px;color:#bbb5ac;font-size:.78rem}input,textarea,select{width:100%;background:#090a0a;border:1px solid #343027;color:#fff;padding:11px;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold)}button{font:inherit}.gold-btn,.outline-btn,.danger-btn,.ghost-btn,.discord-btn{padding:10px 13px;cursor:pointer}.gold-btn{border:1px solid var(--gold);background:linear-gradient(90deg,#88642e,#d1aa60);color:#080808;font-weight:800}.outline-btn{border:1px solid #59472d;background:#101111;color:var(--gold)}.danger-btn{border:1px solid #64372f;background:#1b1010;color:#df756a}.ghost-btn{border:1px solid #332f27;background:#101111;color:#9b968d}.discord-btn{width:100%;margin-top:18px;border:1px solid #3a4051;background:#171921;color:#e6e8ef;font-weight:700}.full{width:100%;margin-top:18px}.error{color:#df756a;font-size:.78rem;text-align:center}
.app{display:grid;grid-template-columns:255px 1fr;min-height:100vh}aside{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:#080909f7;display:flex;flex-direction:column}.brand{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 17px}.brand img{width:48px;height:48px;object-fit:contain}.brand b{font-family:Cinzel,serif;letter-spacing:.08em}.brand small,.profile small{display:block;color:var(--muted);font-size:.67rem;margin-top:4px}nav{padding:15px 10px;overflow:auto;flex:1}.nav-label{font-size:.59rem;letter-spacing:.15em;color:#655f56;margin:17px 10px 7px}.nav{width:100%;text-align:left;border:0;border-left:2px solid transparent;background:none;color:#aaa59d;padding:10px 12px;cursor:pointer}.nav span{margin-left:8px}.nav:hover,.nav.active{background:#d1aa600b;color:var(--gold);border-left-color:var(--gold)}.profile{border-top:1px solid var(--line);padding:14px;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold)}.profile-copy{flex:1}.profile-copy b{font-size:.77rem}.profile button{border:0;background:none;color:#777;cursor:pointer}
main{padding:0 30px 60px;min-width:0}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header h2{margin:5px 0 0;font-size:1.55rem}.badge{font-size:.61rem;border:1px solid #58472d;color:var(--gold);padding:6px 8px}#content{padding-top:26px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#121414,#0c0d0d);padding:18px}.wide{grid-column:span 2}.kicker{font-size:.63rem;color:var(--muted);letter-spacing:.12em}.metric{font-family:Cinzel,serif;color:var(--gold);font-size:1.7rem;margin-top:10px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:4px 0 14px}.section-head h3{margin:0}.section-head p{margin:5px 0 0}.actions{display:flex;gap:7px;flex-wrap:wrap}.notice{border-left:2px solid var(--gold);background:#d1aa6008;padding:12px 14px;color:#aaa49b;font-size:.78rem}
.tree-layout{display:grid;grid-template-columns:340px 1fr;gap:14px}.tree,.editor-pane{border:1px solid var(--line);background:#0d0e0e}.tree{padding:10px;min-height:560px}.cat{border:1px solid #29261f;margin-bottom:10px}.cat-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;background:#111212;color:var(--gold)}.cat-actions{display:flex;gap:5px}.icon-btn{border:1px solid #39342b;background:#0c0d0d;color:#948e84;padding:4px 7px;cursor:pointer}.icon-btn.delete{color:#d17368;border-color:#53332e}.page-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid #25231e;background:#0c0d0d;color:#aaa59c;padding:9px 10px;cursor:pointer}.page-row:hover{background:#d1aa6008;color:var(--gold)}.editor-pane{padding:16px}.md-tabs{display:flex;gap:6px;margin:12px 0}.md-tabs button.active{border-color:var(--gold);color:var(--gold)}.md-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.md-toolbar button{border:1px solid #343028;background:#111;color:#aaa;padding:6px 9px;cursor:pointer}.md-editor{min-height:430px;font-family:Consolas,monospace;line-height:1.55}.drop-zone{margin-top:10px;border:1px dashed #665236;padding:20px;text-align:center;color:#958b7c;background:#d1aa6005}.drop-zone.drag{border-color:var(--gold);color:var(--gold);background:#d1aa6011}.save-row{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:10px}.autosave{margin-right:auto;color:#777168;font-size:.7rem}.md-preview{min-height:430px;border:1px solid #28251f;background:#090a0a;padding:22px;line-height:1.65}.md-preview img{max-width:100%;max-height:560px;display:block;border:1px solid #343028;margin:15px 0}.md-preview blockquote{border-left:2px solid var(--gold);background:#d1aa6008;padding:10px 14px;margin:14px 0}.md-preview code{background:#171818;padding:2px 5px}.md-preview pre{background:#111;padding:12px;overflow:auto}.md-preview a{color:var(--gold)}.md-preview hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:20px;z-index:50}.modal-card{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--line);background:#0d0e0e;padding:25px}.modal-close{position:absolute;right:8px;top:5px;background:none;border:0;color:#777;font-size:1.5rem;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:700px;background:#0d0e0e}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:.76rem}th{color:var(--gold);font-size:.61rem;letter-spacing:.09em}.perm-table input[type=checkbox]{width:auto;transform:scale(1.15)}.perm-table td:first-child{font-weight:700;color:var(--gold)}.role-chip{display:inline-block;border:1px solid #4f422e;padding:4px 7px;color:var(--gold);font-size:.68rem}.status-ok{color:var(--green)}
@media(max-width:950px){.tree-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app{grid-template-columns:72px 1fr}.brand div,.nav span,.profile-copy,.nav-label{display:none}.brand{padding:8px}.nav{text-align:center}.profile{justify-content:center}main{padding:0 16px 40px}}@media(max-width:520px){.grid,.form-row{grid-template-columns:1fr}.wide{grid-column:span 1}}


/* V4.3 custom page visual modes */
.custom-page-view{max-width:1100px}
.custom-page-view.view-document{background:linear-gradient(180deg,#0d0f0f,#090a0a);padding:28px}
.custom-page-view.view-notes{background:transparent;border:0;padding:0}
.custom-page-view.view-notes>p,
.custom-page-view.view-notes>blockquote,
.custom-page-view.view-notes>ul,
.custom-page-view.view-notes>ol{
  border:1px solid var(--line);background:#0d0e0e;padding:14px 16px;margin:10px 0
}
.custom-page-view.view-notes>h1,
.custom-page-view.view-notes>h2,
.custom-page-view.view-notes>h3{margin-top:22px;color:var(--gold)}
.custom-page-view.view-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;background:transparent;border:0;padding:0}
.custom-page-view.view-gallery h1,
.custom-page-view.view-gallery h2,
.custom-page-view.view-gallery h3,
.custom-page-view.view-gallery p,
.custom-page-view.view-gallery blockquote{grid-column:1/-1}
.custom-page-view.view-gallery img{width:100%;height:260px;object-fit:cover;margin:0;background:#0b0c0c}
.custom-page-view.view-gallery p:has(img){display:contents}