.os-shell{background:var(--looma-bg);min-height:100vh;display:flex}.os-rail{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--looma-border);background:linear-gradient(#0a0c12b8,#08090c80);flex-direction:column;align-items:center;gap:6px;width:74px;height:100vh;padding:18px 0;display:flex;position:fixed;top:0;left:0}.os-mark{cursor:pointer;background:radial-gradient(circle at 50% 38%, var(--looma-emerald-l), var(--looma-emerald) 48%, #053527 78%);border-radius:11px;flex:none;width:34px;height:34px;margin-bottom:14px;display:block}.os-nav{width:48px;height:48px;color:var(--looma-text-4);cursor:pointer;background:0 0;border:none;border-radius:13px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative}.os-nav:hover{color:var(--looma-text);background:var(--looma-card)}.os-nav.on{color:var(--looma-emerald);background:#34d39924;box-shadow:inset 0 0 0 1px #34d39959}.os-nav .tip{white-space:nowrap;color:var(--looma-text-2);opacity:0;pointer-events:none;z-index:9;background:#161a22d9;border:1px solid #ffffff14;border-radius:9px;padding:6px 11px;font-size:12px;transition:all .12s;position:absolute;left:58px;transform:translate(-4px);box-shadow:0 1px 2px #0000008c,0 2px 6px #00000073}.os-nav:hover .tip{opacity:1;transform:translate(0)}.os-grow{flex:1}.os-me{background:var(--looma-card-2);border:1px solid var(--looma-border-2);width:34px;height:34px;color:var(--looma-emerald-l);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.os-flyout{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#161a22d9;border:1px solid #ffffff14;border-radius:14px;min-width:240px;max-width:300px;max-height:70vh;padding:10px;position:fixed;left:74px;overflow-y:auto;box-shadow:0 8px 24px #0000008c}.os-flyout-title{letter-spacing:.2em;text-transform:uppercase;color:var(--looma-text-4);padding:6px 10px;font-size:11px;font-weight:600}.os-flyout a{color:var(--looma-text-3);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.os-flyout a:hover{color:var(--looma-text);background:#ffffff0d}.os-main{flex:1;min-height:100vh;margin-left:74px;transition:margin-left .18s ease-out;position:relative}body[data-os-panel-expanded] .os-main{margin-left:calc(74px + clamp(280px,26vw,340px))}.os-main:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(90% 65% at 72% -10%,#34d39917,#0000 62%),radial-gradient(70% 55% at 8% 108%,#3b82f60d,#0000 60%),radial-gradient(#ffffff07 1px,#0000 1px) 0 0/26px 26px;position:fixed;inset:0}.os-main:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0000006b 100%);position:fixed;inset:0}.os-main>*{z-index:1;position:relative}.os-expand-btn{background:var(--looma-card-2);border:1px solid var(--looma-border-2);width:32px;height:32px;color:var(--looma-text-3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.os-expand-btn:hover{color:var(--looma-text)}.os-expand-btn svg{transition:transform .18s}.os-expand-btn[data-expanded=true] svg{transform:rotate(180deg)}.os-panel-body{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161a22d9;border-right:1px solid #ffffff14;flex-direction:column;width:clamp(280px,26vw,340px);height:100vh;animation:.18s ease-out os-panel-in;display:flex;position:fixed;top:0;left:74px;box-shadow:0 8px 24px #0000008c}@keyframes os-panel-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.os-panel-header{border-bottom:1px solid var(--looma-border);padding:10px}.os-panel-scroll{flex:1;padding:6px 10px;overflow-y:auto}.os-panel-footer{border-top:1px solid var(--looma-border);padding-top:6px}@media (max-width:768px){.os-shell{overflow-x:hidden}.os-rail{width:56px}.os-main,body[data-os-panel-expanded] .os-main{margin-left:56px}}