:root{--bg:#05030a;--violet:#9b5cff;--rose:#ff4fd8;--line:rgba(155,92,255,.25);--text:#cfcbe6;--muted:#7a7693;--surface-topbar-start:#120d1f;--surface-topbar-end:#090612;--surface-sidebar-start:#090612;--surface-sidebar-end:#05030a;--surface-info-start:#080611;--surface-info-end:#05030a;--surface-input:#0b0814;--surface-chat:rgba(10,6,18,.92);--surface-module:rgba(15,10,25,.45);--surface-card:hsla(0,0%,100%,.05);--surface-card-hover:hsla(0,0%,100%,.04);--topbar-h:44px;--sidebar-w:220px;--info-w:260px;--inputbar-h:52px;--chat-h:140px;--font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Fira Code","Consolas",monospace;--glow-violet:rgba(155,92,255,.6);--glow-rose:rgba(255,79,216,.5);--ease-smooth:cubic-bezier(.25,.46,.45,.94);--duration-fast:.2s;--duration-normal:.25s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:radial-gradient(circle at 30% 15%,rgba(155,92,255,.12),transparent 45%),radial-gradient(circle at 80% 80%,rgba(255,79,216,.06),transparent 50%),var(--bg);color:var(--text);font-family:var(--font-body);height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}.night-os{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{background:linear-gradient(180deg,var(--surface-topbar-start),var(--surface-topbar-end));border-bottom:1px solid var(--line);flex-shrink:0;height:var(--topbar-h);justify-content:space-between;padding:0 16px;z-index:50}.topbar,.topbar__left{align-items:center;display:flex}.topbar__left{gap:12px}.topbar__brand{color:var(--violet);font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:0 0 6px var(--glow-violet)}.topbar__nav{align-items:center;display:flex;gap:16px}.topbar__link{color:var(--muted);cursor:pointer;font-size:13px;letter-spacing:.5px;transition:color var(--duration-fast) var(--ease-smooth)}.topbar__link:hover{color:var(--text)}.topbar__link--active{color:var(--violet)}.topbar__burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:28px;justify-content:center;padding:4px;width:28px}.topbar__burger span{background:var(--muted);display:block;height:2px;transition:transform .2s,opacity .2s}.topbar__burger--active span:first-child{background:var(--violet);transform:translateY(3.5px) rotate(45deg)}.topbar__burger--active span:last-child{background:var(--violet);transform:translateY(-3.5px) rotate(-45deg)}.topbar__info-toggle{align-items:center;background:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;display:none;font-size:14px;height:28px;justify-content:center;transition:color .2s,border-color .2s;width:28px}.topbar__info-toggle--active{border-color:var(--violet);color:var(--violet)}.os-layout{display:grid;flex:1;grid-template-columns:var(--sidebar-w) 1fr var(--info-w);overflow:hidden}.os-layout--no-info{grid-template-columns:var(--sidebar-w) 1fr}.os-layout--no-sidebar{grid-template-columns:1fr var(--info-w)}.os-layout--full{grid-template-columns:1fr}.sidebar{background:linear-gradient(180deg,var(--surface-sidebar-start),var(--surface-sidebar-end));border-right:1px solid rgba(155,92,255,.15);overflow-y:auto;padding:12px}.sidebar-overlay{display:none}.sidebar__block{margin-bottom:20px}.sidebar__title{color:var(--muted);font-size:11px;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.sidebar__item{cursor:pointer;font-size:14px;opacity:.6;padding:6px;transition:opacity var(--duration-fast),color var(--duration-fast)}.sidebar__item a{color:inherit;display:block;text-decoration:none}.sidebar__item:hover{opacity:.85}.sidebar__item--active{color:var(--violet);opacity:1;text-shadow:0 0 6px var(--glow-violet)}.info-panel{background:linear-gradient(180deg,var(--surface-info-start),var(--surface-info-end));border-left:1px solid rgba(155,92,255,.15);display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.info-overlay{display:none}.info-panel__box{background:#0a061299;border:1px solid var(--line);flex-shrink:0;padding:12px}.info-panel__box strong{display:block;font-size:13px;margin-bottom:6px}.info-panel__box p{color:var(--muted);font-size:13px;line-height:1.5}.info-panel__label{color:var(--muted);font-size:11px;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.info-panel__value{color:var(--text);font-size:13px;line-height:1.5;margin-bottom:10px}.info-panel__value:last-child{margin-bottom:0}.info-panel__divider{border:none;border-top:1px solid var(--line);margin:4px 0;opacity:.5}.info-panel__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.info-panel__tag{border:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.5px;padding:2px 8px}.chat-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--surface-chat);border-top:1px solid var(--line);bottom:var(--inputbar-h);display:flex;height:var(--chat-h);left:var(--sidebar-w);overflow:hidden;position:fixed;right:var(--info-w);transition:height var(--duration-normal) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth);z-index:20}.chat-panel--hidden{height:0;opacity:0;pointer-events:none}.chat-panel__messages{flex:1;overflow-y:auto;padding:14px 20px;scrollbar-color:var(--violet) transparent;scrollbar-width:thin}.chat-panel__messages::-webkit-scrollbar{width:6px}.chat-panel__messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,transparent,var(--violet),transparent);border-radius:6px;box-shadow:0 0 6px var(--glow-violet)}.chat-panel__message{background:#0f0a1966;border:1px solid var(--line);font-size:13px;line-height:1.5;margin-bottom:8px;padding:10px;white-space:pre-line}.inputbar{background:var(--surface-input);border-top:1px solid var(--line);bottom:0;display:flex;gap:10px;height:var(--inputbar-h);left:var(--sidebar-w);padding:10px;position:fixed;right:var(--info-w);z-index:30}.inputbar__input{background:transparent;border:1px solid var(--line);color:var(--text);flex:1;font-family:var(--font-body);font-size:13px;padding:8px 12px;transition:box-shadow var(--duration-fast)}.inputbar__input::-moz-placeholder{color:var(--muted)}.inputbar__input::placeholder{color:var(--muted)}.inputbar__input:focus{box-shadow:0 0 0 1px var(--glow-violet);outline:none}.inputbar__send{background:transparent;border:1px solid var(--violet);color:var(--violet);cursor:pointer;font-size:13px;letter-spacing:.5px;padding:0 16px;transition:background var(--duration-fast),color var(--duration-fast)}.inputbar__send:hover{background:#9b5cff1a}.os-content{overflow-y:auto;padding-bottom:calc(var(--inputbar-h) + 20px)}.night-os--no-sidebar .chat-panel,.night-os--no-sidebar .inputbar{left:0;right:0}@media(max-width:1024px){.topbar__info-toggle{display:flex}.os-layout{grid-template-columns:180px 1fr}.os-layout--no-sidebar{grid-template-columns:1fr}.info-panel{border-left:1px solid var(--line);bottom:0;position:fixed;right:0;top:var(--topbar-h);transform:translate(100%);transition:transform .25s var(--ease-smooth);width:260px;z-index:45}.info-panel--open{transform:translate(0)}.info-overlay{background:#05030a99;display:block;inset:0;position:fixed;z-index:44}.chat-panel,.inputbar{left:180px;right:0}.night-os--no-sidebar .chat-panel,.night-os--no-sidebar .inputbar{left:0}}@media(max-width:768px){.topbar__burger{display:flex}.topbar{height:48px}.os-layout,.os-layout--no-info,.os-layout--no-sidebar{grid-template-columns:1fr}.sidebar{border-right:1px solid var(--line);bottom:0;left:0;position:fixed;top:48px;transform:translate(-100%);transition:transform .25s var(--ease-smooth);width:240px;z-index:45}.sidebar--open{transform:translate(0)}.sidebar-overlay{background:#05030a99;display:block;inset:0;position:fixed;z-index:44}.info-panel{top:48px;width:280px}.chat-panel,.inputbar{left:0;right:0}.topbar__nav{gap:10px}.topbar__link{font-size:12px}}@media(max-width:480px){.topbar{padding:0 10px}.topbar__nav{gap:8px}.topbar__link{font-size:11px}.chat-panel__messages{padding:10px 14px}.inputbar{gap:8px;padding:8px}.inputbar__send{font-size:12px;padding:0 12px}}.neon-text{text-shadow:0 0 6px var(--glow-violet)}.neon-text--rose{text-shadow:0 0 6px var(--glow-rose)}.neon-border{border:1px solid var(--line);box-shadow:0 0 8px #9b5cff14}.neon-hover{transition:box-shadow var(--duration-normal) var(--ease-smooth)}.neon-hover:hover{box-shadow:0 0 20px #9b5cff1a,0 0 4px #9b5cff26}.placeholder{align-items:center;background:var(--surface-card-hover);border:1px dashed var(--line);color:var(--muted);display:flex;font-size:13px;justify-content:center}.neon-focus:focus{box-shadow:0 0 0 1px var(--glow-violet);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,transparent,var(--violet),transparent);border-radius:6px;box-shadow:0 0 6px var(--glow-violet)}