.app-shell{color:#f8fafc;background:radial-gradient(circle at 45% 5%,#00d2ff33,#0000 32%),#02050c;min-height:100vh;display:flex}.sidebar{z-index:30;background:#050915f5;border-right:1px solid #102142;width:280px;padding:22px;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}@media (width>=860px){.sidebar{transform:translate(0)}}.sidebar__head{border-bottom:1px solid #102142;gap:4px;padding-bottom:18px;display:grid}.sidebar__head strong{letter-spacing:.16em;font-size:28px}.sidebar__head span,.eyebrow,.rk-card__meta{color:#00d2ff;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800}.sidebar__nav{gap:8px;margin:22px 0;display:grid}.sidebar__nav button,.bottom-nav button,.topbar__button,.icon-button,.prompt-box button,.theme-switch{color:#e5e7eb;cursor:pointer;background:#071124;border:1px solid #102142;border-radius:0}.sidebar__nav button{text-align:left;align-items:center;gap:10px;padding:12px;display:flex}.sidebar__nav button.is-active,.bottom-nav button.is-active{color:#00d2ff;border-color:#00d2ff;box-shadow:inset 3px 0 #00d2ff}.document-mini{color:#e5e7eb;gap:10px;text-decoration:none;display:grid}.document-mini img{object-fit:cover;object-position:top;border:1px solid #102142;width:100%;max-height:180px}.main-area{width:100%;padding-bottom:84px}@media (width>=860px){.main-area{margin-left:280px;padding-bottom:0}}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02050cd1;border-bottom:1px solid #102142;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar__logo{height:38px}.topbar__spacer{flex:1}.topbar__link,.topbar__button,.icon-button{color:#f8fafc;padding:9px 12px;text-decoration:none}.topbar__page{color:#94a3b8;font-size:12px;font-weight:700;display:none}@media (width>=640px){.topbar__page{display:inline}}@media (width>=860px){.mobile-only{display:none}}.document-banner,.hero-panel,.rk-card,.chat-box{background:linear-gradient(145deg,#050915f2,#071124c2);border:1px solid #102142;border-radius:0;box-shadow:0 20px 70px #0000005c}.document-banner{grid-template-columns:1fr;gap:20px;margin:20px;padding:24px;display:grid}@media (width>=960px){.document-banner{grid-template-columns:minmax(0,1fr) 260px;margin:28px;padding:34px}}.document-banner h1,.hero-panel h1{margin:12px 0;font-size:clamp(28px,5vw,54px);line-height:1.02}.document-banner p,.rk-card p,.chat-box p,li{color:#a1a1aa;line-height:1.7}.document-preview img{object-fit:cover;object-position:top;border:1px solid #00d2ff;width:100%;max-height:320px}.outline-list,.tag-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.outline-list span,.tag-list span{color:#cbd5e1;background:#02050c;border:1px solid #102142;padding:7px 9px;font-size:12px}.page-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;padding:0 20px 20px;display:grid}@media (width>=960px){.page-grid{padding:0 28px 28px}}.hero-panel{grid-column:1/-1;padding:24px}.rk-card,.chat-box{padding:18px;position:relative;overflow:hidden}.rk-card:before{content:"";background:var(--accent,#00d2ff);width:3px;position:absolute;inset:0 auto 0 0}.rk-card h3,.chat-box h3{margin:10px 0 8px}.prompt-box{background:#02050c;border:1px solid #102142;margin-top:20px}.prompt-box textarea{color:#f8fafc;resize:vertical;background:0 0;border:0;width:100%;min-height:96px;padding:16px}.prompt-box__actions{border-top:1px solid #102142;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.prompt-box__actions span{color:#64748b;font-size:12px}.prompt-box button,.theme-switch{padding:10px 14px;font-weight:800}.chat-box pre{color:#00d2ff;white-space:pre-wrap;overflow:auto}.bottom-nav{z-index:40;background:#050915;border-top:1px solid #102142;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{place-items:center;gap:2px;padding:10px 4px;font-size:18px;display:grid}.bottom-nav small{font-size:10px}@media (width>=860px){.bottom-nav{display:none}}:root{--rkix-bg:#02050c;--rkix-panel:#050915;--rkix-border:#102142;--rkix-blue:#0052cc;--rkix-cyan:#00d2ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--rkix-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}