*{box-sizing:border-box}html,body{margin:0;background:#05080b;color:#d8e7e3;font-family:Consolas,"Noto Sans KR",monospace}body{min-height:100vh;background-image:linear-gradient(rgba(99,245,176,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,245,176,.025) 1px,transparent 1px);background-size:28px 28px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:58px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #1c2c36;background:#05080bf2;position:sticky;top:0;z-index:30}.brand{font-weight:900;color:#63f5b0}.nav{display:flex;gap:6px;flex:1}.nav a{padding:8px 10px;color:#9fb0b4;border:1px solid transparent;border-radius:6px}.nav a:hover,.nav a.active{border-color:#29434e;background:#0b151b;color:#5ee7ff}.status{font-size:12px;color:#63f5b0}.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 58px)}.sidebar{border-right:1px solid #1c2c36;padding:16px 12px;background:#070b0fea}.side-title{font-size:11px;color:#71858a;letter-spacing:.15em;margin:10px 8px}.side-link{display:block;padding:10px;border-radius:6px;color:#9eb1b4;margin:3px 0}.side-link:hover,.side-link.active{background:#0c1820;color:#63f5b0;box-shadow:inset 2px 0 #63f5b0}.main{padding:20px;min-width:0}.terminal-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.terminal-title h1{font-size:22px;margin:0}.terminal-title p{margin:5px 0 0;color:#71858a;font-size:13px}.prompt{color:#63f5b0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:linear-gradient(#0b1117,#080d12);border:1px solid #1c2c36;border-radius:9px;overflow:hidden}.card-head{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #1c2c36;color:#b8c9c8;font-size:12px}.card-body{padding:14px}.metric{grid-column:span 3}.metric b{display:block;font-size:27px;color:#63f5b0;margin-top:8px}.metric span{color:#71858a;font-size:12px}.wide{grid-column:span 8}.narrow{grid-column:span 4}.btn{display:inline-block;border:1px solid #29434e;background:#0a151b;color:#c9dcda;padding:8px 11px;border-radius:6px;cursor:pointer}.btn:hover{border-color:#63f5b0;color:#63f5b0}.btn.primary{background:#0c281e;border-color:#287e59;color:#63f5b0}.toolbar{display:flex;gap:7px;flex-wrap:wrap}.console{background:#020405;border:1px solid #15242b;padding:13px;border-radius:6px;color:#8fb7aa;min-height:150px;white-space:pre-wrap;font-size:12px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.metric{grid-column:span 6}.wide,.narrow{grid-column:1/-1}.nav{overflow:auto}}@media(max-width:560px){.metric{grid-column:1/-1}.main{padding:12px}.status{display:none}}
/* ============================================================
   v0.10.1 UNIFIED EDITOR UI — legacy page compatibility layer
   ============================================================ */
:root{--ce-bg:#05080b;--ce-bg2:#070c10;--ce-panel:#0a1117;--ce-panel2:#0c151c;
--ce-line:#19303a;--ce-line2:#274550;--ce-text:#d7e7e4;--ce-muted:#71868a;
--ce-green:#63f5b0;--ce-cyan:#5ee7ff;--ce-red:#ff667d}
html,body{background-color:var(--ce-bg)!important;color:var(--ce-text)!important}
body,main,.page,.page-shell,.content,.site-main,.app,.wrapper{
background-color:transparent!important;color:var(--ce-text)!important}
header,.site-header,.main-header,.global-header,.header,.top-nav,.navbar,nav{
background:#060a0eF2!important;border-color:var(--ce-line)!important;box-shadow:none!important}
header a,.site-header a,.main-header a,.global-header a,.header a,.top-nav a,.navbar a,nav a{
color:#91a5a8!important;text-shadow:none!important}
header a:hover,header a.active,.site-header a:hover,.site-header a.active,
nav a:hover,nav a.active,.nav-link:hover,.nav-link.active{
color:var(--ce-green)!important;background:#0a171d!important;border-color:#2a5a4a!important}
h1,h2,h3,h4,h5,h6{color:#e4f4ef!important;text-shadow:none!important}
p,li,td,th,label{color:inherit}
section,.section,.panel,.box,.content-card,.story-card,.character-card,.world-card,
.archive-card,.roadmap-card,.audio-card,.background-card,.gallery-card,.viewer-panel,
.reader-panel,.editor-panel,.tool-panel{
border-color:var(--ce-line)!important;box-shadow:none!important}
.card,.panel,.box,.content-card,.story-card,.character-card,.world-card,.archive-card,
.roadmap-card,.audio-card,.background-card,.gallery-card,.viewer-panel,.reader-panel,
.editor-panel,.tool-panel{background:linear-gradient(180deg,#0b1218,#080d12)!important}
button,.button,.btn,input,select,textarea{
border-color:#29434e!important;background-color:#081117!important;color:#d5e5e2!important;
box-shadow:none!important}
button:hover,.button:hover,.btn:hover{border-color:var(--ce-green)!important;color:var(--ce-green)!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--ce-cyan)!important;
box-shadow:0 0 0 2px rgba(94,231,255,.08)!important}
hr{border-color:var(--ce-line)!important}
table{border-color:var(--ce-line)!important;background:#080d12!important}
th{background:#0b151b!important;color:var(--ce-green)!important}
td{border-color:var(--ce-line)!important}
code,pre{background:#020405!important;color:#8de2ba!important;border-color:#152a32!important}
.badge,.tag,.chip{background:#0a181d!important;border-color:#28505a!important;color:var(--ce-cyan)!important}
footer,.site-footer{background:#05080b!important;border-color:var(--ce-line)!important;color:var(--ce-muted)!important}
/* Remove old parchment/gold visual language */
[style*="#c9a"],[style*="#d4b"],[style*="#b89"]{text-shadow:none!important}
/* Consistent subtle terminal grid */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
background-image:linear-gradient(rgba(99,245,176,.022) 1px,transparent 1px),
linear-gradient(90deg,rgba(99,245,176,.022) 1px,transparent 1px);
background-size:32px 32px}
/* Common injected editor bar */
.ce-legacy-bar{min-height:42px;display:flex;align-items:center;gap:8px;padding:6px 14px;
border-bottom:1px solid var(--ce-line);background:#05090dF5;position:sticky;top:0;z-index:9999}
.ce-legacy-brand{font-weight:900;color:var(--ce-green);letter-spacing:.06em;margin-right:auto}
.ce-legacy-brand small{color:var(--ce-muted);font-weight:400}
.ce-legacy-bar a{font-size:12px;padding:7px 9px;border:1px solid transparent;border-radius:5px;color:#91a5a8}
.ce-legacy-bar a:hover{border-color:#28505a;color:var(--ce-cyan);background:#09151b}
.ce-page-status{font-size:11px;color:var(--ce-green)}
@media(max-width:720px){.ce-legacy-bar{overflow-x:auto}.ce-legacy-brand small,.ce-page-status{display:none}
.ce-legacy-bar a{white-space:nowrap}}

/* ============================================================
   v0.10.2 SHARED GLOBAL HEADER
   ============================================================ */
.ce-shared-header-enabled{padding-top:0!important}
.ce-global-header{
  position:sticky;top:0;z-index:10000;width:100%;
  background:rgba(4,8,11,.97)!important;
  border-bottom:1px solid #19303a!important;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 30px rgba(0,0,0,.2)!important;
}
.ce-global-header__inner{
  max-width:1680px;margin:0 auto;min-height:58px;padding:0 18px;
  display:flex;align-items:center;gap:18px;
}
.ce-global-brand{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;
  font-weight:900;letter-spacing:.06em;color:#63f5b0!important;
  background:none!important;border:0!important;padding:0!important
}
.ce-global-brand__mark{color:#5ee7ff}
.ce-global-brand small{font-size:10px;color:#71868a;font-weight:500;letter-spacing:.12em}
.ce-global-nav{display:flex;align-items:center;gap:4px;min-width:0;flex:1}
.ce-global-nav a{
  color:#8da1a5!important;padding:9px 10px!important;border:1px solid transparent!important;
  border-radius:5px!important;font-size:12px!important;letter-spacing:.04em;
  background:transparent!important;white-space:nowrap;text-shadow:none!important
}
.ce-global-nav a:hover,.ce-global-nav a.active{
  color:#63f5b0!important;border-color:#285247!important;
  background:#09161a!important
}
.ce-global-status{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;
  color:#71868a;font-size:11px;white-space:nowrap
}
.ce-global-status span{width:7px;height:7px;border-radius:50%;background:#63f5b0;box-shadow:0 0 8px rgba(99,245,176,.55)}
.ce-nav-toggle{
  display:none!important;background:#081117!important;border:1px solid #29434e!important;
  color:#63f5b0!important;border-radius:5px!important;padding:6px 9px!important
}

/* Old site nav/header must never occupy layout once JS is active */
.ce-shared-header-enabled > header:not(.ce-global-header),
.ce-shared-header-enabled .ce-legacy-bar{display:none!important}

/* legacy pages sometimes add top offset for old header */
.ce-shared-header-enabled main,
.ce-shared-header-enabled .main,
.ce-shared-header-enabled .page,
.ce-shared-header-enabled .content{margin-top:0!important}

@media(max-width:1100px){
  .ce-global-header__inner{gap:10px}
  .ce-global-brand small{display:none}
  .ce-global-nav a{padding:8px 7px!important;font-size:11px!important}
}
@media(max-width:820px){
  .ce-global-header__inner{min-height:52px;position:relative}
  .ce-nav-toggle{display:block!important;margin-left:auto}
  .ce-global-status{display:none}
  .ce-global-nav{
    display:none;position:absolute;left:10px;right:10px;top:50px;
    background:#060b0f;border:1px solid #19303a;border-radius:7px;
    padding:7px;box-shadow:0 18px 35px rgba(0,0,0,.5);
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .ce-global-nav.open{display:grid}
  .ce-global-nav a{display:block!important;text-align:left}
}