.kspine-shell{--ksp-brass:#b8985a;--ksp-brass-bright:#e6c56b;--ksp-green:#96cb39;--ksp-cream:#f4f1e8;--ksp-hair:rgba(184,152,90,0.22);--ksp-hair-soft:rgba(184,152,90,0.12);--ksp-dim:rgba(244,241,232,0.46);--ksp-mid:rgba(244,241,232,0.66);--ksp-w:64px;position:relative;display:flex;min-height:100dvh;background:radial-gradient(ellipse 90% 80% at 50% 18%,rgba(20,58,40,.42) 0,rgba(15,42,30,.24) 40%,transparent 72%),radial-gradient(ellipse 80% 70% at 50% 36%,#123524 0,#0e241a 46%,#0b1410 80%,#10171f 100%),#10171f}.kspine-shell.exp{--ksp-w:220px}.kspine-shell *{box-sizing:border-box}.kspine{position:sticky;top:0;align-self:flex-start;height:100dvh;width:var(--ksp-w);flex:0 0 var(--ksp-w);z-index:60;display:flex;flex-direction:column;gap:4px;padding:14px 10px 12px;border-right:1px solid var(--ksp-hair);background:linear-gradient(180deg,rgba(16,23,31,.86),rgba(13,28,22,.78));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),14px 0 40px -28px rgba(0,0,0,.9);transition:width .22s cubic-bezier(.22,1,.36,1);overflow:visible}.kspine .ksp-bracket{position:absolute;right:-1px;width:10px;height:10px;pointer-events:none}.kspine .ksp-bracket.tl{top:8px;border-top:1px solid var(--ksp-brass)}.kspine .ksp-bracket.bl,.kspine .ksp-bracket.tl{border-right:1px solid var(--ksp-brass);opacity:.5}.kspine .ksp-bracket.bl{bottom:8px;border-bottom:1px solid var(--ksp-brass)}.kspine .ksp-toggle{display:flex;align-items:center;gap:11px;height:40px;padding:0 8px;margin-bottom:6px;border:0;background:transparent;cursor:pointer;color:var(--ksp-cream);overflow:hidden}.kspine .ksp-mark{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--ksp-brass);border-radius:6px;overflow:hidden;background:linear-gradient(155deg,#e6c56b,#cdb87e 52%,#b8985a)}.kspine .ksp-sigil{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.kspine .ksp-wordmark{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.28em;font-size:14px;font-weight:700;white-space:nowrap;color:var(--ksp-cream)}.kspine .ksp-rule{height:1px;margin:6px;background:linear-gradient(90deg,transparent,var(--ksp-hair),transparent)}.kspine .ksp-home,.kspine .ksp-nav{display:flex;flex-direction:column;gap:3px}.kspine .ksp-item{position:relative;display:flex;align-items:center;gap:12px;height:44px;padding:0 8px;border-radius:6px;text-decoration:none;color:var(--ksp-mid);transition:background .16s ease,color .16s ease}.kspine .ksp-item:hover{background:rgba(184,152,90,.08);color:var(--ksp-cream)}.kspine .ksp-item:focus-visible{outline:1px solid var(--ksp-brass);outline-offset:2px}.kspine .ksp-item.on{color:var(--ksp-cream);background:linear-gradient(90deg,rgba(18,53,36,.55),rgba(18,53,36,.12))}.kspine .ksp-tick{position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(.2);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--ksp-green);box-shadow:0 0 10px rgba(150,203,57,.7);opacity:0;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.kspine .ksp-item.on .ksp-tick{opacity:1;transform:translateY(-50%) scaleY(1)}.kspine .ksp-icon{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;color:inherit}.kspine .ksp-icon svg{width:20px;height:20px}.kspine .ksp-item.on .ksp-icon{color:var(--ksp-brass-bright)}.kspine .ksp-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.kspine .ksp-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:inherit;white-space:nowrap}.kspine .ksp-hint{font-size:9.5px;line-height:1.3;color:var(--ksp-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;margin-top:1px}.kspine .ksp-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 10px;border-radius:5px;border:1px solid var(--ksp-hair);background:rgba(16,23,31,.96);color:var(--ksp-cream);font-family:var(--font-body);font-size:11px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 30px -16px rgba(0,0,0,.85);opacity:0;pointer-events:none;z-index:80;transition:opacity .14s ease}.kspine .ksp-item:hover .ksp-tip{opacity:1}.kspine .ksp-foot{margin-top:auto;padding:8px 8px 0}.kspine .ksp-op{display:flex;align-items:center;gap:9px}.kspine .ksp-dot{width:7px;height:7px;border-radius:50%;background:var(--ksp-green);box-shadow:0 0 10px rgba(150,203,57,.85);animation:ksp-pulse 2.4s ease-in-out infinite}.kspine .ksp-op-l{font-family:var(--font-body);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ksp-brass-bright)}@keyframes ksp-pulse{0%,to{opacity:.5}50%{opacity:1}}.kspine-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.kspine-mobnav{display:none}@media (max-width:720px){.kspine-shell,.kspine-shell.exp{--ksp-w:56px}.kspine .ksp-op-l,.kspine .ksp-text,.kspine .ksp-wordmark{display:none}}@media (max-width:640px){.kspine-shell,.kspine-shell.exp{--ksp-w:0px}.kspine{display:none}.kspine-body{width:100%}.kspine-mobnav{display:flex;position:sticky;top:0;z-index:60;gap:2px;padding:7px 8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--ksp-hair);background:linear-gradient(180deg,rgba(16,23,31,.94),rgba(13,28,22,.88));backdrop-filter:blur(10px)}.kspine-mobnav::-webkit-scrollbar{display:none}.kspine-mobnav .mob-item{flex:0 0 auto;width:42px;height:38px;display:grid;place-items:center;border-radius:6px;color:var(--ksp-mid);text-decoration:none;transition:background .16s ease,color .16s ease}.kspine-mobnav .mob-item svg{width:20px;height:20px}.kspine-mobnav .mob-item.on{color:var(--ksp-brass-bright);background:linear-gradient(90deg,rgba(18,53,36,.6),rgba(18,53,36,.3))}.kspine-mobnav .mob-item:active{background:rgba(184,152,90,.12)}}