#shell{min-height:100dvh}#main{min-height:100dvh;display:flex;flex-direction:column}#view{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px calc(var(--tabbar-h) + var(--sab) + 32px);outline:none}#sidebar{display:none}#topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;height:calc(var(--topbar-h) + var(--sat));padding:var(--sat) 16px 0;background:transparent;transition:opacity .28s cubic-bezier(.32,.72,.24,1),transform .28s cubic-bezier(.32,.72,.24,1)}#topbar.hide{opacity:0;transform:translateY(-10px);pointer-events:none}body.bare-detail #topbar,body.flush-top #topbar{display:none}body.float-top #topbar{position:fixed;top:0;left:0;right:0}body.float-top #topbar .logo img{filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}#topbar .logo img{display:block;height:40px;width:auto}#topbar .spacer{flex:1}.topbar-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#161619b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);color:var(--text-2);transition:color .15s,background .15s}.topbar-btn:active{transform:scale(.94)}#tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;height:calc(var(--tabbar-h) + var(--sab));padding-bottom:var(--sab);background:#08080ad1;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:10.5px;font-weight:600;letter-spacing:.02em;transition:color .15s;position:relative}.tab.on{color:var(--accent-2)}.tab.on:before{content:"";position:absolute;top:0;width:34px;height:3px;border-radius:0 0 4px 4px;background:var(--accent)}.tab:active{transform:scale(.96)}#to-top{position:fixed;right:16px;bottom:calc(var(--tabbar-h) + var(--sab) + 14px);z-index:49;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#161619b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);color:var(--text-2);box-shadow:0 6px 20px #0006;opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;transition:opacity .22s ease,transform .22s ease}#to-top.show{opacity:1;transform:none;pointer-events:auto}#to-top:active{transform:scale(.92)}@media(min-width:1024px){#shell{display:flex}#sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;width:var(--sidebar-w);height:100dvh;flex:none;padding:22px 14px 18px;border-right:1px solid var(--line);background:var(--bg-2);overflow-y:auto}#main{flex:1;min-width:0}#tabbar,#topbar{display:none}#view{padding:26px 32px 64px}#to-top{right:28px;bottom:28px}.side-logo{display:block;padding:4px 10px 18px}.side-logo img{display:block;height:45px;width:auto}.side-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:18px 12px 6px}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);color:var(--text-2);font-weight:600;font-size:14.5px;transition:background .15s,color .15s}.side-link:hover,.side-link.on{background:var(--surface-2);color:var(--text)}.side-link.on .icon{color:var(--accent)}.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}@media(hover:hover){.side-user:hover{background:var(--surface-2);border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 6px 18px #00000040}}.side-user img{width:34px;height:34px;border-radius:50%;object-fit:cover}.side-user .who{min-width:0;flex:1}.side-user .who b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user .who span{font-size:11.5px;color:var(--text-3)}.legal-links.side-legal{margin:10px 0 0;font-size:11px;justify-content:flex-start;padding:0 12px}}