:root,:root[data-theme=light],:root[data-theme=dark]{color-scheme:dark;--font-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #0f1726;--sidebar: #202b3b;--panel: #202b3b;--panel-strong: #263244;--panel-soft: #182233;--border: #344257;--border-soft: rgba(111, 128, 153, .2);--text: #f0f3f8;--muted: #9aa5b5;--muted-dim: #6f7a8b;--accent: #3b82f6;--accent-hover: #4d8ef8;--accent-soft: #24466f;--accent-contrast: #ffffff;--danger: #ff9385;--shadow: 0 18px 45px rgba(4, 10, 20, .2)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:30;height:100vh;padding:1rem .95rem .9rem;border-right:1px solid var(--border);background:var(--sidebar);display:flex;flex-direction:column;gap:1.35rem}.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:42px}.brand{min-width:0;display:flex;align-items:center;gap:.65rem;color:var(--text);font-size:.82rem;font-weight:700;line-height:1.2;text-decoration:none;letter-spacing:.01em}.brand-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;overflow:hidden;border-radius:.55rem}.brand-mark-image{width:100%;height:100%;display:block;object-fit:cover}.nav{display:grid;gap:.25rem;margin-inline:-.95rem}.nav-link,.tree-item,.ghost,.menu,.sidebar-close,.sidebar-backdrop{border:0;background:transparent;color:inherit;cursor:pointer}.nav-link{position:relative;min-height:44px;padding:.65rem 1.1rem;display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.84rem;text-decoration:none;transition:color .16s ease,background .16s ease}.nav-link:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.nav-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-link:first-child svg{fill:currentColor;stroke:none}.nav-link:nth-child(2) svg,.entry-action:first-child svg{fill:currentColor;stroke:none}.nav-link:hover{color:var(--text);background:#ffffff09}.nav-link.router-link-active{color:var(--accent);background:var(--accent-soft)}.nav-link.router-link-active:before{background:var(--accent)}.sidebar-footer{margin-top:auto;display:grid;gap:.7rem;padding-top:.95rem;border-top:1px solid var(--border)}.sidebar-note{margin:.2rem 0 0;color:var(--muted-dim);font-size:.68rem;text-align:center}.user-card{min-width:0;display:flex;gap:.75rem;align-items:center}.avatar{width:34px;height:34px;flex:0 0 auto;border:2px solid var(--border);border-radius:50%;object-fit:cover}.user-card>div{min-width:0}.user-login{overflow:hidden;color:var(--text);font-size:.8rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-name{overflow:hidden;margin-top:.2rem;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.ghost,.login-button{width:100%;min-height:34px;border:1px solid var(--border);border-radius:.45rem;padding:.5rem .75rem;background:transparent;color:var(--muted);font-size:.8rem}.ghost{display:inline-flex;align-items:center;justify-content:center;transition:border-color .16s ease,color .16s ease,background .16s ease}.ghost:hover{border-color:#516078;background:#ffffff08;color:var(--text)}.sidebar-close{display:none;width:40px;height:40px;color:var(--muted);font-size:1.8rem;line-height:1}.content-wrap{min-width:0}.topbar{min-height:52px;padding:0 1.35rem;display:flex;gap:1rem;align-items:center;border-bottom:1px solid var(--border-soft);background:var(--bg)}.menu{display:none;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:.55rem}.menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.crumbs{min-width:0;display:flex;align-items:center;gap:.45rem;overflow:hidden;color:var(--muted);font-size:.8rem;white-space:nowrap}.crumb-brand{color:var(--muted-dim);font-weight:600}.crumb-sep{color:var(--muted-dim)}.crumb-link{overflow:hidden;color:var(--text);text-decoration:none;text-overflow:ellipsis}.content{padding:1rem 1.35rem 1.35rem}.page-grid{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:.95rem;align-items:start}.tree-panel,.table-panel,.login-panel,.presence-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.tree-panel,.table-panel,.presence-card{border-radius:.6rem}.tree-panel{position:sticky;top:1rem;max-height:calc(100vh - 2rem);padding:.75rem .55rem;overflow:auto}.panel-label,.eyebrow{color:var(--muted-dim);font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.panel-label{padding:0 .5rem .55rem}.tree,.tree-children{list-style:none;margin:0;padding:0}.tree-children{padding-left:.72rem}.tree-row{min-width:0;display:flex;align-items:center}.tree-item{min-width:0;min-height:31px;padding:.32rem .45rem;display:flex;flex:1;align-items:center;gap:.42rem;border-radius:.38rem;color:var(--muted);font-size:.74rem;text-align:left;transition:color .15s ease,background .15s ease}.tree-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item svg{width:14px;height:14px;flex:0 0 auto;fill:currentColor}.tree-item:hover{color:var(--text)}.tree-item.active{background:var(--accent-soft);color:var(--accent)}.tree-root{width:100%;margin-bottom:.15rem}.expander{width:20px;height:30px;flex:0 0 20px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--muted-dim);cursor:pointer}.expander-placeholder{width:20px;height:30px;flex:0 0 20px}.expander svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}.expander.expanded svg{transform:rotate(90deg)}.table-panel{min-width:0;overflow:hidden}.favorites-strip{margin:1rem 1rem 0;padding:.95rem 1rem 1rem;border:1px solid var(--border-soft);border-radius:.9rem;background:linear-gradient(135deg,#3b82f614,#10b9810f),var(--panel-soft)}.favorites-strip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.favorites-strip-head h2{margin:.28rem 0 0;font-size:.98rem}.favorites-count{min-width:2rem;min-height:2rem;padding:0 .55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff14;color:var(--text);font-size:.74rem;font-weight:700}.favorites-pills{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.65rem}.favorite-pill{max-width:100%;min-height:2.2rem;padding:.42rem .8rem;display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(111,128,153,.26);border-radius:999px;background:#ffffff0d;color:var(--text);cursor:pointer}.favorite-pill svg{width:15px;height:15px;flex:0 0 auto;fill:var(--muted-dim)}.favorite-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-pill:hover{border-color:#3b82f66b;background:#3b82f61f}.favorites-empty{margin:.9rem 0 0;color:var(--muted);font-size:.76rem}.section-header{min-height:72px;padding:.95rem 1.05rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-soft)}.section-header h1,.login-panel h1{margin:.3rem 0 0;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.2}.section-header p,.login-copy,.presence-name{color:var(--muted)}.section-header p{margin:.45rem 0 0}.entry-count{flex:0 0 auto;padding:.34rem .58rem;border-radius:999px;background:var(--panel-strong);color:var(--muted);font-size:.7rem}.entries-table{width:100%;border-collapse:collapse}.entries-table th,.entries-table td{padding:.72rem 1rem;border-bottom:1px solid var(--border-soft);text-align:left}.entries-table th{color:var(--muted-dim);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.entries-table th:nth-child(2),.entries-table td:nth-child(2){width:220px}.entries-table th:nth-child(3),.entries-table td:nth-child(3){width:110px}.entries-table th:last-child,.entries-table td:last-child{width:210px}.entries-table td{color:var(--muted);font-size:.78rem}.entry-size-value{min-width:0;color:var(--muted);white-space:nowrap}.entry-actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:.4rem;flex-wrap:nowrap;white-space:nowrap}.entry-action{min-height:26px;padding:.25rem .55rem;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;background:var(--panel-strong);color:var(--muted);font-size:.68rem;cursor:pointer}.entry-action svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.entry-action:hover{color:var(--text);border-color:#526178}.entry-action-primary{color:var(--accent-contrast);background:var(--accent);border-color:transparent}.entry-action-primary:hover{background:var(--accent-hover);color:var(--accent-contrast)}.entry-action-saved{color:#d1fae5;background:#10b98129;border-color:#10b9816b}.entry-action-saved:hover{color:#ecfdf5;border-color:#34d399a6;background:#10b9813d}.entries-table tr:last-child td{border-bottom:0}.row-link{cursor:pointer;transition:background .14s ease}.row-link-file{cursor:default}.row-link:hover{background:#3b82f612}.row-link-file:hover{background:transparent}.entry-name{min-width:0;display:flex;align-items:center;gap:.55rem;color:var(--text);font-weight:550}.entry-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-icon{width:16px;height:16px;flex:0 0 auto;fill:var(--muted-dim)}.entry-icon-file{fill:none;stroke:var(--muted-dim);stroke-width:1.6;stroke-linejoin:round}.error-banner{margin:1rem 1.25rem;padding:.65rem .8rem;border:1px solid rgba(255,147,133,.24);border-radius:.55rem;background:#ff938514;color:var(--danger);font-size:.78rem}.login-page{min-height:100vh;padding:2rem;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.12),transparent 32rem),var(--bg)}.login-panel{width:min(420px,100%)}.login-panel-auth{padding:2.25rem 1.9rem 2rem;border-radius:.72rem;text-align:center}.login-brand-row{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.login-brand-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.55rem}.login-brand-image{width:100%;height:100%;display:block;object-fit:cover}.login-brand-title{color:var(--text);font-size:.88rem;font-weight:700}.login-panel-auth h1{margin:0 0 .8rem;color:var(--text);font-size:1.2rem}.login-copy-centered{max-width:22rem;margin:0 auto 1.35rem;color:var(--muted);font-size:.82rem;line-height:1.6}.login-copy-centered strong{color:#dce3ee}.login-button{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-contrast);text-decoration:none}.login-button-github{min-height:42px;gap:.65rem;border-color:var(--border);background:var(--panel-strong);color:var(--text);font-size:.82rem;font-weight:600;transition:border-color .16s ease,background .16s ease}.login-button-github:hover{border-color:#526178;background:#2c394c}.login-github-icon{width:17px;height:17px}.presence-page>.section-header{min-height:auto;margin-bottom:1.25rem;padding:.2rem 0 1.25rem;border-bottom-color:var(--border-soft)}.presence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.presence-card{padding:.95rem;display:grid;gap:.9rem}.presence-header{display:flex;align-items:center;gap:.8rem}.presence-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:999px;object-fit:cover;border:1px solid var(--border-soft)}.presence-avatar-fallback{display:grid;place-items:center;background:var(--panel-strong);color:var(--text);font-weight:700}.presence-identity{min-width:0;display:grid;gap:.25rem}.presence-title-row{display:flex;align-items:center;gap:.45rem}.presence-title{margin:0;color:var(--text);font-size:.92rem;font-weight:700}.presence-login{color:var(--muted);font-size:.75rem;text-decoration:none}.presence-login:hover{color:var(--text)}.presence-indicator{width:.6rem;height:.6rem;flex:0 0 .6rem;border-radius:999px;box-shadow:0 0 0 .18rem #ffffff0a}.presence-indicator-live{background:#34d399}.presence-indicator-warm{background:#fbbf24}.presence-indicator-away{background:#64748b}.presence-stats{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;margin:0;padding-top:.9rem;border-top:1px solid var(--border-soft)}.presence-stats dt{color:var(--muted-dim);font-size:.66rem}.presence-stats dd{margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.presence-activity{display:grid;gap:.35rem}.presence-activity-label{color:var(--text)}.presence-activity-target{display:-webkit-box;max-width:100%;min-height:2.35rem;padding:.2rem .42rem;border:1px solid var(--border-soft);border-radius:.45rem;background:#ffffff0a;color:var(--muted);font-size:.69rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100dvh;transform:translate(-102%);transition:transform .2s ease}.sidebar.open{transform:translate(0);box-shadow:16px 0 48px #00000059}.sidebar-backdrop{position:fixed;inset:0;z-index:20;background:#040a14a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-close{display:block}.menu{display:grid;flex:0 0 auto}.topbar{min-height:50px;padding-inline:.9rem}.crumb-brand{display:none}.content{padding:.9rem}.page-grid{grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:1rem}}@media(max-width:720px){.page-grid{grid-template-columns:1fr}.tree-panel,.entries-table thead{display:none}.entries-table,.entries-table tbody,.entries-table tr,.entries-table td{display:block;width:100%}.entries-table tr{position:relative;padding:.8rem 1rem;border-bottom:1px solid var(--border-soft)}.entries-table tr:last-child{border-bottom:0}.entries-table td,.entries-table td:nth-child(2),.entries-table td:nth-child(3),.entries-table td:last-child{width:100%;padding:0;border:0}.entries-table td:nth-child(2),.entries-table td:nth-child(3){margin-top:.42rem;padding-left:1.9rem;display:inline-block;width:auto;color:var(--muted-dim);font-size:.72rem}.entries-table td:last-child{margin-top:.55rem;padding-left:1.9rem;display:block;width:100%}.entry-size-value{font-size:.72rem}.entry-actions{position:static;display:flex;flex-wrap:wrap;gap:.5rem}.entry-action{min-height:30px;min-width:86px;justify-content:center}.entries-table td:empty{display:none}.section-header{min-height:68px;padding:.9rem}.section-header h1{max-width:68vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-grid{grid-template-columns:1fr}.favorites-strip-head{align-items:center}}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#040a14bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-modal{width:min(1500px,100%);max-height:min(84vh,900px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border);border-radius:.72rem;background:var(--panel);box-shadow:0 28px 70px #00000061}.preview-header{padding:1rem 1rem .85rem;display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-soft)}.preview-header h2{margin:.3rem 0 0;font-size:1rem}.preview-close{width:34px;height:34px;border:1px solid var(--border);border-radius:.45rem;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}.preview-meta{padding:.65rem 1rem 0;display:flex;flex-wrap:wrap;gap:.8rem;color:var(--muted-dim);font-size:.72rem}.preview-code{overflow:auto;padding:.6rem 0;font-size:.78rem;line-height:1.6}.preview-line{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start}.preview-line-number{padding:0 .9rem 0 1rem;color:var(--muted-dim);text-align:right;-webkit-user-select:none;user-select:none}.preview-line-content{padding:0 1rem;color:var(--text);white-space:pre-wrap;word-break:break-word}.preview-link{color:#7cb1ff;text-decoration:underline;text-underline-offset:.15em}.preview-actions{padding:.85rem 1rem 1rem;display:flex;justify-content:end;gap:.55rem;border-top:1px solid var(--border-soft)}.preview-button{width:auto;min-width:96px}.preview-button-primary{color:var(--accent-contrast);background:var(--accent);border-color:transparent}@media(max-width:480px){.login-page{padding:1rem}.login-panel-auth{padding:2rem 1.2rem 1.3rem}.login-brand-row{align-items:center}.login-brand-title{max-width:180px;text-align:left}.content{padding:.7rem}.entry-count{font-size:.7rem}.presence-stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}