:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf2ff;background:#080d1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#16295a 0,transparent 32%),#080d1c;color:#edf2ff}button,.file-button{border:0;border-radius:12px;background:#5f7cff;color:#fff;padding:.78rem 1rem;font-weight:700;cursor:pointer}button:hover,.file-button:hover{filter:brightness(1.08)}button.ghost{background:#17213b;color:#dce5ff;border:1px solid #33446d}button:disabled{opacity:.45;cursor:not-allowed}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid #24304d;background:rgba(8,13,28,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h1{margin:.15rem 0 0;font-size:1.25rem}.eyebrow{margin:0;color:#8ca7ff;letter-spacing:.14em;font-size:.72rem;font-weight:800}.actions{display:flex;gap:.65rem;flex-wrap:wrap}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 75px)}.sidebar{padding:1.4rem;border-right:1px solid #24304d;background:#0d1427}.sidebar h2{font-size:.95rem;color:#aebde6;margin:.2rem 0 1rem}.sidebar nav{display:grid;gap:.45rem}.nav-step{width:100%;text-align:left;background:transparent;color:#93a2c9;border:1px solid transparent;padding:.78rem}.nav-step.active{background:#182340;color:#fff;border-color:#38508b}.save-status{margin-top:1.2rem;color:#7890c7;font-size:.8rem}.workspace{max-width:1100px;width:100%;margin:0 auto;padding:1.7rem}.mode-banner{display:flex;gap:.7rem;align-items:center;padding:.8rem 1rem;border:1px solid #304873;background:#101a31;border-radius:14px;margin-bottom:1.1rem}.mode-banner span{color:#aab7d7;font-size:.9rem}.hero{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1rem}.hero h2{font-size:2rem;margin:.3rem 0}.hero p:last-child{color:#aab7d7}.progress-wrap{min-width:190px;color:#92a4d1;font-size:.82rem}.progress{height:7px;background:#17213b;border-radius:999px;margin-top:.4rem;overflow:hidden}.progress span{display:block;height:100%;width:12.5%;background:#6c86ff;transition:width .2s}.panel{background:rgba(15,23,44,.94);border:1px solid #283657;border-radius:20px;padding:1.35rem;box-shadow:0 18px 50px rgba(0,0,0,.23)}.hidden{display:none}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:.45rem;margin-bottom:1rem;color:#cbd5f0;font-size:.88rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #33446d;border-radius:11px;background:#0a1020;color:#f5f7ff;padding:.82rem;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#6c86ff;box-shadow:0 0 0 3px rgba(108,134,255,.13)}textarea{resize:vertical;line-height:1.55}.toolbar{display:flex;gap:.65rem;margin-bottom:1rem;flex-wrap:wrap}.file-button input{display:none}.chapter-list{display:grid;gap:.75rem}.chapter{display:grid;grid-template-columns:55px 1fr 2fr auto;gap:.65rem;align-items:center;background:#0a1020;padding:.75rem;border-radius:12px;border:1px solid #263555}.chapter input{margin:0}.chapter button{padding:.6rem;background:#352038}.stats,.note{color:#8598c8;font-size:.88rem;line-height:1.55}.stage-footer{display:flex;justify-content:space-between;margin-top:1rem}.link-grid,.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.service-card,.connector{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#0a1020;border:1px solid #263555;padding:1rem;border-radius:13px;text-decoration:none;color:#edf2ff}.service-card span,.connector p{margin:.25rem 0 0;color:#8498c9;font-size:.8rem}.connector button.connected{color:#7fe0a3}.dialog-card{padding:1rem}dialog{border:0;border-radius:18px;background:#111a31;color:#edf2ff;max-width:620px}dialog::backdrop{background:rgba(0,0,0,.65)}@media(max-width:760px){.topbar{align-items:flex-start}.topbar .actions{flex-direction:column}.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #24304d;padding:1rem}.sidebar h2,.save-status{display:none}.sidebar nav{display:flex;overflow-x:auto}.nav-step{white-space:nowrap;width:auto}.workspace{padding:1rem}.hero,.mode-banner{align-items:flex-start;flex-direction:column}.progress-wrap{width:100%}.grid.two,.link-grid,.connector-grid{grid-template-columns:1fr}.chapter{grid-template-columns:42px 1fr}.chapter input:nth-of-type(2){grid-column:2}.chapter button{grid-column:2;justify-self:end}}