*,*:before,*:after{box-sizing:border-box}:root{scrollbar-width:auto;--app-max: 1260px;--nav-width: 280px;--right-width: 340px;--header-height: 52px;--bottom-nav-height: 56px;--bg: #050816;--text: #f9fafb;--panel: #0b1224;--panel-alt: #111827;--border: #1f2937;--muted: #9ca3af;--accent: #2563eb;--accent-strong: #1d4ed8;--success: #16a34a;--success-strong: #22c55e;--input: #020617;--danger: #dc2626;--danger-soft: #fda4af;--subtle: #cbd5e1}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{color:inherit}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.app-shell{min-height:100dvh;background:var(--bg);color:var(--text)}.app-grid{max-width:var(--app-max);margin:0 auto;padding:1rem .5rem;display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr) var(--right-width);gap:1rem;width:100%;align-items:start}.app-grid.no-right{grid-template-columns:var(--nav-width) minmax(0,1fr)}.app-nav,.app-right{min-width:0}.app-main{min-width:0;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 .75rem}.app-main-inner{padding:.5rem 0}.app-main-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;position:sticky;top:0;background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:20}.app-main-header h2{margin:0;font-size:1.05rem;font-weight:800}.app-header{display:none;position:sticky;top:0;z-index:60;min-height:var(--header-height);padding:.25rem .5rem;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.app-header__title{font-weight:900;letter-spacing:.2px;font-size:1.05rem;text-align:center;flex:1}.app-icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-icon-btn:active{transform:translateY(1px)}.app-drawer-overlay{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:70}.app-drawer-overlay.open{opacity:1;pointer-events:auto}.app-drawer{position:fixed;top:0;left:0;width:min(82vw,340px);height:100dvh;background:var(--bg);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .25s ease;z-index:80;padding:1rem .75rem 1.5rem;overflow-y:auto}.app-drawer.open{transform:translate(0)}.app-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.app-drawer__header strong{font-size:1.1rem}.mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:60}.mobile-nav__inner{height:var(--bottom-nav-height);display:flex;align-items:center;justify-content:space-around;max-width:560px;margin:0 auto}.mobile-nav__item{flex:1;border:none;background:transparent;color:var(--muted);padding:.55rem .25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav__item.active{color:var(--text)}.dm-panel{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:1rem;margin-bottom:1.5rem;min-height:420px;height:min(70dvh,720px)}.dm-panel__pane{min-width:0}@media (max-width: 1100px){.app-grid{grid-template-columns:var(--nav-width) minmax(0,1fr)}.app-right{display:none}}@media (max-width: 720px){.app-header{display:flex}.app-grid{grid-template-columns:1fr;padding:0;gap:0}.app-nav,.app-right{display:none}.app-main{border-left:none;border-right:none;padding:0 .75rem}.app-main-inner{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + .75rem)}.app-main-header{display:none}.mobile-nav{display:block}.dm-panel{grid-template-columns:1fr;height:auto;min-height:0}}.public-profile-page{font-family:system-ui,sans-serif;height:100vh;height:100dvh;background:var(--bg);color:var(--text);overflow:hidden;position:relative}.public-profile-layout{max-width:1200px;margin:0 auto;padding:1rem .5rem;display:grid;grid-template-columns:220px 1fr 300px;gap:1rem;height:100%;width:100%}.public-profile-rail,.public-profile-right{min-width:0}.public-profile-main{border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 .75rem;height:100%;overflow-y:auto;min-width:0}.public-profile-header{display:none;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;min-height:52px}.public-profile-title{font-weight:700;font-size:1.05rem;flex:1;text-align:center}.public-profile-header-spacer{width:32px;height:32px}.public-profile-burger{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--panel);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}.public-profile-burger span{width:18px;height:2px;background:var(--text);border-radius:999px}.public-profile-action{min-width:40px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.85rem;font-weight:600;padding:0 .6rem;cursor:pointer}.public-profile-action:disabled{opacity:.6;cursor:default}.public-profile-overlay{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.public-profile-overlay.open{opacity:1;pointer-events:auto}.public-profile-drawer{position:fixed;top:0;left:0;width:min(80vw,320px);height:100vh;background:var(--bg);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .25s ease;z-index:50;padding:1rem .75rem 1.5rem;overflow-y:auto}.public-profile-drawer.open{transform:translate(0)}.public-profile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.public-profile-close{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font-size:1rem}.public-profile-page.compact{height:auto;overflow:visible}.public-profile-layout.compact{grid-template-columns:1fr;height:auto;padding-top:.25rem;width:100%}.public-profile-page.compact .public-profile-main{border-left:none;border-right:none;height:auto;overflow:visible;padding:0 .5rem 1rem}.public-profile-page.compact .public-profile-header{display:flex;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:30}@media (max-width: 1100px){.public-profile-page{height:auto;overflow:visible}.public-profile-layout{grid-template-columns:1fr;height:auto;padding-top:.25rem;width:100%}.public-profile-rail,.public-profile-right{display:none}.public-profile-main{border-left:none;border-right:none;height:auto;overflow:visible;padding:0 .5rem 1rem}.public-profile-header{display:flex;position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:30}}