@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2)format("woff2")}:root{--charcoal:#333332;--cream:#f2efe9;--accent-on-light:#6b7a5e;--accent-on-dark:#9fac92;--font:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-s:6px;--r-m:10px;--r-l:14px;--pane-r:12px;--frame-r:18px;--win-r:24px;--ease:cubic-bezier(.2, .7, .2, 1);--bump-ease:cubic-bezier(.7, 0, .25, 1);--glass:.72;--dim:.34;--frame-alpha:.55;--rail-w:88px;--frame-w:12px;--win-x:60px;--win-y:24px;font-family:var(--font)}:root,:root[data-theme=charcoal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--g0:#2a2927;--g1:#333332;--g2:#393835;--g3:#44423e;--g4:#514e49;--line:#4b4944;--line-strong:#5e5b55;--fg:#f2efe9;--fg2:#b9b5ab;--fg3:#8b877e;--accent:var(--accent-on-dark);--on-accent:#2a2927;--win:#1f1f1d;--frame-rgb:242, 239, 233;--glass-rgb:57, 56, 53;--scrim:rgba(42, 41, 39, var(--dim));--rail-fg:#f2efe9;--rail-fg2:#a8a49a;--rail-accent:var(--accent-on-dark);--thumb-a:#4a4843;--thumb-b:#5a5752;--danger:#e0a090;--bg:var(--g0);--panel:var(--g2);--text:var(--fg);--text2:var(--fg2);--text3:var(--fg3)}:root[data-theme=cream]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--g0:#333332;--g1:#e8e4da;--g2:#f2efe9;--g3:#fbf9f5;--g4:#e1dcd0;--line:#dad5c9;--line-strong:#c4beb0;--fg:#333332;--fg2:#6e6b64;--fg3:#9c978c;--accent:var(--accent-on-light);--on-accent:#f2efe9;--win:#efeeeb;--frame-rgb:51, 51, 50;--glass-rgb:242, 239, 233;--scrim:rgba(242, 239, 233, var(--dim));--rail-fg:#333332;--rail-fg2:#6e6b64;--rail-accent:var(--accent-on-light);--thumb-a:#ddd8cc;--thumb-b:#cbc5b7;--danger:#a24a3a;--bg:var(--g2);--panel:var(--g3);--text:var(--fg);--text2:var(--fg2);--text3:var(--fg3)}:root{--ctl:rgba(var(--glass-rgb), .55)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--fg);background:var(--g2);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1, "ss01" 1;margin:0;font-size:14px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grow{flex:1}.muted{color:var(--fg2)}.stixel{display:block}.knit-word{color:var(--fg);line-height:0;display:inline-block}.btn{border:1px solid var(--line-strong);background:var(--ctl);height:34px;color:var(--fg);white-space:nowrap;transition:background .15s var(--ease), border-color .15s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--fg3)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.accent:hover:not(:disabled){filter:brightness(1.06)}.btn.quiet{color:var(--fg2);background:0 0;border-color:#0000}.btn.quiet:hover:not(:disabled){color:var(--fg);background:rgba(var(--glass-rgb), .5)}.btn:disabled{opacity:.55;cursor:default}.ibtn{border:1px solid var(--line);background:var(--ctl);width:34px;height:34px;color:var(--fg2);border-radius:10px;place-items:center;display:inline-grid}.ibtn:hover{color:var(--fg);border-color:var(--line-strong)}.ibtn[aria-pressed=true]{color:var(--fg);border-color:var(--fg3)}.chip{border:1px solid var(--line);background:var(--ctl);height:30px;color:var(--fg2);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}.chip .n{color:var(--fg3);font-variant-numeric:tabular-nums}.chip[aria-pressed=true]{background:var(--fg);color:var(--g2);border-color:var(--fg)}.chip[aria-pressed=true] .n{color:var(--g2);opacity:.7}.search{border:1px solid var(--line);background:var(--ctl);height:34px;color:var(--fg3);border-radius:10px;flex:0 230px;align-items:center;gap:8px;min-width:150px;padding:0 8px 0 12px;display:flex}.search:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.search input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;height:100%}.search input::placeholder{color:var(--fg3)}.search-x{color:var(--fg3);background:0 0;border:0;place-items:center;padding:2px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--fg2);font-size:13px}.input,select.input{border:1px solid var(--line);background:var(--ctl);height:34px;color:var(--fg);border-radius:10px;padding:0 10px}.input:focus-visible{outline-offset:0}.input[aria-invalid=true]{border-color:var(--danger)}.field-hint{color:var(--fg3);font-size:12px}.field-error{color:var(--danger);font-size:12px}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.check input{opacity:0;width:18px;height:18px;margin:0;position:absolute}.check .box{border:1.5px solid var(--line-strong);background:var(--ctl);border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box:after{content:"";border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.check input:focus-visible+.box{outline:2px solid var(--accent);outline-offset:2px}.seg{border:1px solid var(--line);background:var(--ctl);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.seg button{width:30px;height:28px;color:var(--fg3);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.seg button[aria-pressed=true]{background:var(--g1);color:var(--fg)}:root[data-theme=cream] .seg button[aria-pressed=true]{background:var(--g2)}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tab{color:var(--fg2);background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px 10px;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--fg)}.tab[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab .n{color:var(--fg3);font-size:12px}.avatar{background:var(--rail-accent);color:var(--win);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.tagbadge{border:1px solid var(--line);height:22px;color:var(--fg2);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.tagbadge.accent{border-color:var(--accent);color:var(--accent)}.tagbadge.dim{color:var(--fg3)}.bar{background:var(--line);border-radius:2px;height:3px;overflow:hidden}.bar>i{background:var(--accent);border-radius:2px;height:100%;display:block}.bar.running>i{width:35%;animation:run 1.2s var(--ease) infinite}@keyframes run{0%{transform:translate(-100%)}to{transform:translate(300%)}}.skeleton{background:linear-gradient(90deg, rgba(var(--glass-rgb), .5), rgba(var(--glass-rgb), .9), rgba(var(--glass-rgb), .5));background-size:200% 100%;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.tile{background:var(--ctl);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);text-align:center;border-radius:9px;padding:12px 10px 10px}.tile .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.05}.tile.hot .v{color:var(--accent)}.tile .l{color:var(--fg3);margin-top:3px;font-size:12px}.empty{text-align:center;max-width:420px;margin:32px auto;padding:32px 24px}.empty .art{color:var(--fg3);opacity:.75;justify-content:center;margin:0 auto 18px;display:flex}.empty h2{margin:0 0 6px;font-size:17px;font-weight:600}.empty p{color:var(--fg2);margin:0 0 16px}.pop{display:inline-block;position:relative}.sel{border:1px solid var(--line);background:var(--ctl);height:34px;color:var(--fg2);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 8px 0 10px;font-size:13px;display:inline-flex}.sel:hover{color:var(--fg);border-color:var(--line-strong)}.menu{z-index:40;border:1px solid var(--line-strong);background:rgba(var(--glass-rgb), .94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:10px;min-width:190px;max-height:320px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 12px 32px #00000047}.menu.right{left:auto;right:0}.menu-search{border-bottom:1px solid var(--line);height:32px;color:var(--fg3);align-items:center;gap:6px;margin-bottom:4px;padding:0 8px;display:flex}.menu-search input{color:var(--fg);background:0 0;border:0;outline:0;flex:1;min-width:0}.menu .opt{cursor:pointer;color:var(--fg2);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.menu .opt>span:first-child{flex:1}.menu .opt.active,.menu .opt:hover{background:color-mix(in srgb, var(--fg) 9%, transparent);color:var(--fg)}.menu .opt:focus-visible{outline-offset:-2px}.menu .opt .hint{color:var(--fg3);font-size:12px}.menu .opt.none{cursor:default;color:var(--fg3)}.scrim{z-index:60;background:color-mix(in srgb, var(--g0) 62%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--pane-r);border:1px solid var(--line-strong);background:rgba(var(--glass-rgb), .96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);flex-direction:column;width:min(460px,100%);max-height:90vh;display:flex;box-shadow:0 24px 70px #0006}.modal header,.drawer header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.modal h2,.drawer h2{margin:0;font-size:16px;font-weight:600}.modal header h2{flex:1}.modal-body{color:var(--fg2);padding:16px;overflow:auto}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.drawer{z-index:50;top:calc(var(--win-y) + var(--frame-w) * 2);bottom:calc(var(--win-y) + var(--frame-w) * 2);right:calc(var(--win-x) + var(--frame-w) * 2);border-radius:var(--pane-r);border:1px solid var(--line-strong);background:rgba(var(--glass-rgb), .97);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(760px,62%);animation:drawer-in .25s var(--ease);flex-direction:column;display:flex;position:fixed;box-shadow:-18px 0 50px #00000040}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}.drawer-body{flex:1;padding:16px;overflow:auto}.savebar{border-top:1px solid var(--line);background:color-mix(in srgb, var(--accent) 14%, transparent);align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;bottom:0}@media (width<=819px){.drawer{border-radius:0;width:100%;animation:none;inset:0}.modal{border-radius:0;width:100%;height:100%;max-height:100%}.scrim{padding:0}}.toasts{z-index:80;left:50%;bottom:calc(var(--win-y) + 28px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--fg);color:var(--g2);border-radius:999px;align-items:center;gap:14px;padding:10px 16px;font-size:13px;display:flex;box-shadow:0 10px 30px #0000004d}.toast.error{background:var(--danger);color:#1f1f1d}.toast .link{color:inherit;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.card{text-align:left;border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);flex-direction:column;padding:0;transition:border-color .15s;display:flex;overflow:hidden}button.card:hover{border-color:var(--line-strong)}.thumb{aspect-ratio:1;background:linear-gradient(160deg, var(--thumb-a), var(--thumb-b));position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb .motif{color:color-mix(in srgb, var(--fg) 24%, transparent);place-items:center;display:grid;position:absolute;inset:0}.badge{background:color-mix(in srgb, var(--g0) 78%, transparent);color:#f2efe9;font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;min-width:24px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:grid;position:absolute}.badge.tl{top:8px;left:8px}.badge.tr{top:8px;right:8px}.badge.bl{bottom:8px;left:8px}.card .body{flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex}.card .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card .m{color:var(--fg3);gap:8px;font-size:12px;display:flex}.card .bar{margin-top:auto}.lrow{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:8px 14px;display:grid}.lrow:first-child{border-top:0}button.lrow:hover{background:color-mix(in srgb, var(--fg) 5%, transparent)}.lrow .mini{background:linear-gradient(160deg, var(--thumb-a), var(--thumb-b));border-radius:5px;width:44px;height:30px;overflow:hidden}.lrow .rt{flex-direction:column;min-width:0;display:flex}.lrow .rt b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lrow .rt small{color:var(--fg3);font-size:12px}.lrow .rn{font-variant-numeric:tabular-nums;text-align:right}.table-wrap{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);max-height:420px;overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{background:rgba(var(--glass-rgb), .96);text-align:left;color:var(--fg3);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:500;position:sticky;top:0}.table th button{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.table th button:focus-visible{outline:2px solid var(--accent)}.table td{border-top:1px solid var(--line);padding:9px 12px}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table tbody tr:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.chart{min-width:0;margin:0}.sg{padding:18px 24px}.sg-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.sg-head h1{margin:0}.sg-section{border-radius:var(--pane-r);background:rgba(var(--glass-rgb), var(--glass));-webkit-backdrop-filter:blur(22px)saturate(.9);backdrop-filter:blur(22px)saturate(.9);margin-bottom:14px;padding:16px 18px}.sg-section h2{color:var(--fg3);margin:0 0 12px;font-size:13px;font-weight:500}.sg-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.sg-tiles{grid-template-columns:repeat(3,minmax(0,120px));gap:8px;width:min(380px,100%);display:grid}.sg-cards{grid-template-columns:repeat(2,minmax(0,176px));gap:12px;display:grid}.sg-list{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);width:min(420px,100%);overflow:hidden}.sg-motifs{color:var(--fg2);flex-wrap:wrap;gap:14px;display:flex}@media (width<=819px){.sg{padding:16px}.sg-section{padding:14px}.sg-row>*{max-width:100%}}.modal{overflow:hidden}.modal-body{min-height:0;overflow-x:hidden}.formgrid>*{min-width:0}.formgrid .field .input,.modal .input{width:100%}.formgrid .field>div[style*="display: flex"]>.field{flex:1;min-width:0}body.framed{background-color:var(--g2);background-image:linear-gradient(var(--scrim), var(--scrim)), url(/scene/hills.jpg);padding:var(--win-y) var(--win-x);background-position:50%;background-size:cover;background-attachment:fixed;overflow:hidden}body.framed:before{content:"";left:var(--win-x);right:var(--win-x);top:var(--win-y);bottom:var(--win-y);border-radius:var(--win-r);pointer-events:none;position:fixed;box-shadow:0 30px 80px #14141259}.app{--frame:rgba(var(--frame-rgb), var(--frame-alpha));height:calc(100vh - 2 * var(--win-y));height:calc(100dvh - 2 * var(--win-y));grid-template-columns:var(--rail-w) var(--frame-w) 220px 10px 1fr var(--frame-w);grid-template-rows:var(--frame-w) 1fr var(--frame-w);border-radius:var(--win-r);grid-template-areas:"rail. . . . .""rail.panel.main.""rail. . . . .";min-height:0;padding:12px 12px 12px 0;display:grid;position:relative}.app:before{content:"";border:var(--frame-w) solid var(--frame);border-radius:var(--frame-r);box-shadow:0 0 0 600px var(--win);clip-path:inset(-12px -12px -12px calc(-1 * var(--rail-w)) round var(--win-r));pointer-events:none;background:0 0;grid-area:1/2/4/7}.rail{z-index:5;isolation:isolate;color:var(--rail-fg);flex-direction:column;grid-area:rail;align-items:center;padding:28px 0 14px;display:flex;position:relative}.rail .apps{flex-direction:column;align-items:center;gap:10px;display:flex}.rbtn{z-index:1;width:56px;height:56px;color:var(--rail-fg2);background:0 0;border:0;border-radius:12px;place-items:center;text-decoration:none;transition:color .15s;display:grid;position:relative}.rbtn:hover{color:var(--rail-fg)}.rbtn[aria-current=true]{color:var(--rail-accent)}.rbtn svg{transition:transform .5s var(--bump-ease)}.rbtn[aria-current=true] svg{transform:scale(1.22)}.bump{z-index:0;width:18px;height:56px;color:var(--win);pointer-events:none;transition:transform .5s var(--bump-ease);position:absolute;top:0;left:-13px;overflow:visible}.rail .spacer{flex:1}.rail .foot{position:relative}.rail .avatar-btn{background:0 0;border:0;border-radius:50%;padding:0}.userpop{z-index:45;border:1px solid var(--line-strong);background:rgba(var(--glass-rgb), .96);min-width:220px;color:var(--fg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:10px;padding:8px;position:absolute;box-shadow:0 12px 32px #0000004d}.userpop.up{bottom:52px;left:8px}.userpop .who{border-bottom:1px solid var(--line);margin-bottom:8px;padding:6px 8px 8px}.userpop .who b{display:block}.userpop .who span{color:var(--fg3);font-size:12px}.userpop .row{color:var(--fg2);justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;font-size:13px;display:flex}.userpop .btn{width:100%;margin-top:8px}.panel{z-index:1;flex-direction:column;grid-area:panel;gap:10px;min-height:0;display:flex;position:relative}.pane-a,.pane-b{border-radius:var(--pane-r);background:rgba(var(--glass-rgb), var(--glass));-webkit-backdrop-filter:blur(22px)saturate(.9);backdrop-filter:blur(22px)saturate(.9);color:var(--fg);flex-direction:column;display:flex}.pane-a{flex:none;align-items:stretch;padding:22px 14px 16px}.pane-b{flex:1;min-height:0;padding:12px;overflow:auto}.brand{justify-content:center;padding:6px 0 14px;display:flex}.ws-pill{align-self:center;margin-bottom:14px}.ws-pill .sel{border-radius:999px;max-width:190px;height:28px;font-size:12.5px}.ws-pill .sel>span{text-overflow:ellipsis;overflow:hidden}.navlist{flex-direction:column;align-items:center;gap:6px;display:flex}.nbtn{text-align:center;min-width:150px;color:var(--fg2);border:1.5px solid #0000;border-radius:999px;padding:7px 18px;font-size:15px;text-decoration:none;display:block}.nbtn:hover{color:var(--fg)}.nbtn[aria-current=page]{background:rgba(var(--glass-rgb), .35);border-color:var(--fg);color:var(--fg)}.figs{flex-direction:column;gap:8px;display:flex}.status{color:var(--fg3);justify-content:center;align-items:center;gap:8px;padding-top:12px;font-size:12px;display:flex}.status .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.pane-b .build-stamp{text-align:center;color:var(--fg3);word-break:break-all;margin-top:auto;padding:10px 0 0;font-size:10.5px}.main{z-index:1;border-radius:var(--pane-r);background:rgba(var(--glass-rgb), var(--glass));-webkit-backdrop-filter:blur(22px)saturate(.9);backdrop-filter:blur(22px)saturate(.9);min-width:0;min-height:0;color:var(--fg);flex-direction:column;grid-area:main;display:flex;position:relative;overflow:auto}.toolbar{flex-wrap:nowrap;align-items:center;gap:8px;padding:18px 24px 4px;display:flex}.toolbar .grow{flex:1}.page{flex-direction:column;flex:1;min-height:0;padding:14px 24px 24px;display:flex}.page-title{padding:18px 24px 0}.page-title h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;display:grid}.listbox{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);overflow:hidden}.more{justify-content:center;padding:16px 0 4px;display:flex}.fab{pointer-events:none;justify-content:flex-end;margin-top:auto;padding:0 18px 18px;display:flex;position:sticky;bottom:0}.fab .btn{pointer-events:auto;height:42px;box-shadow:0 10px 30px #14141247}.sub-h{color:var(--fg3);margin:18px 0 8px;font-size:13px;font-weight:500}.kv{flex-direction:column;gap:8px;display:flex}.kv .row{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);align-items:center;gap:10px;padding:10px 14px;display:flex}.kv .row .name{flex:1}.clients{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.clientcard{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);color:var(--fg);flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;display:flex}.clientcard:hover{border-color:var(--line-strong)}.clientcard .top{align-items:center;gap:8px;display:flex}.clientcard .top b{flex:1;font-size:15px}.clientcard .meta{color:var(--fg2);justify-content:space-between;font-size:12.5px;display:flex}.progress-part{margin-bottom:14px}.progress-part h3{margin:0 0 6px;font-size:14px}.stage{border-top:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:baseline;gap:10px;padding:6px 0;font-size:13px;display:grid}.stage .note{color:var(--fg3);grid-column:2/4;font-size:12px}.gate{border:1px solid var(--accent);border-radius:var(--r-m);margin-bottom:14px;padding:12px 14px}.phone-top,.phone-nav,.phone-figs,.panel-toggle,.filter-btn{display:none}@media (width<=1100px) and (width>=820px){:root{--win-x:12px;--win-y:12px;--rail-w:64px}.app{grid-template-columns:var(--rail-w) var(--frame-w) 1fr var(--frame-w);grid-template-areas:"rail. . .""rail.main.""rail. . .";padding:10px 10px 10px 0}.app:before{grid-column:2/5}.rbtn{width:48px;height:48px}.bump{height:48px}.panel{z-index:30;left:calc(var(--rail-w) + var(--frame-w));top:calc(var(--frame-w) + 10px);bottom:calc(var(--frame-w) + 10px);width:220px;transition:transform .25s var(--ease);position:absolute;transform:translate(-120%)}.app[data-panel=open] .panel{transform:none}.panel-toggle{display:inline-grid}}@media (width<=819px){:root{--win-x:0px;--win-y:0px}body.framed{padding:0}body.framed:before{display:none}.app{background:rgba(var(--glass-rgb), .3);border-radius:0;flex-direction:column;gap:0;height:100dvh;padding:0;display:flex}.app:before,.rail,.panel{display:none}.main{border-radius:0;flex:1}.phone-top{z-index:4;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.phone-top .grow{flex:1}.phone-nav{z-index:2;scrollbar-width:none;gap:6px;padding:4px 14px 8px;display:flex;position:relative;overflow-x:auto}.phone-nav a{color:var(--fg2);border:1.5px solid #0000;border-radius:999px;flex:none;padding:6px 14px;font-size:14px;text-decoration:none}.phone-nav a[aria-current=page]{border-color:var(--fg);color:var(--fg);background:rgba(var(--glass-rgb), .35)}.phone-figs{z-index:2;padding:0 14px 8px;display:block;position:relative}.phone-figs .figrow{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.phone-figs .tile{flex:none;min-width:92px;padding:8px 10px}.phone-figs .tile .v{font-size:18px}.phone-figs .fold{color:var(--fg3);background:0 0;border:0;padding:0 0 4px;font-size:12px}.toolbar{padding:10px 14px 2px}.toolbar .desk-only{display:none}.filter-btn{display:inline-grid}.search{flex:auto;min-width:0;max-width:none}.chips{scrollbar-width:none;overflow-x:auto}.page{padding:12px 14px 20px}.page-title{padding:10px 14px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.userpop.up{inset:44px 0 auto auto}.fab{padding:0 14px 14px}}.chips{gap:6px;display:flex}@media (prefers-reduced-motion:reduce){.bump,.rbtn svg,.panel{transition:none!important}.drawer{animation:none}}.phone-only-row{display:none!important}@media (width<=819px){.phone-only-row{display:flex!important}}.codeblock{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);white-space:pre-wrap;word-break:break-word;max-height:260px;margin:0;padding:10px 12px;font-size:12px;overflow:auto}.panelbox{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);padding:14px 16px}.rbtn.dimmed{opacity:.4;cursor:default}.rbtn.dimmed:hover{color:var(--rail-fg2)}.rail .divider{background:color-mix(in srgb, var(--rail-fg) 25%, transparent);width:28px;height:1px;margin:6px 0}.phone-apps{flex-direction:column;gap:4px;padding:6px 4px 0;display:none}.phone-apps a{color:var(--fg2);border-radius:6px;padding:4px 6px;font-size:13px;text-decoration:none}.phone-apps a[aria-current=true]{color:var(--fg);background:color-mix(in srgb, var(--fg) 8%, transparent)}@media (width<=819px){.phone-apps{display:flex}}.gcell .card{cursor:pointer;height:100%;position:relative}.gcell .card:hover,.bigcard:hover{border-color:var(--line-strong)}.pinbtn{opacity:0;background:color-mix(in srgb, var(--g0) 70%, transparent);color:#f2efe9;border-color:#0000;border-radius:7px;width:26px;height:26px;position:absolute;top:6px;right:6px}.card:hover .pinbtn,.bigcard:hover .pinbtn,.pinbtn[aria-pressed=true],.pinbtn:focus-visible{opacity:1}.card .thumb .badge.tr{right:40px}.cardlist{flex-direction:column;gap:10px;display:flex}.bigcard{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);cursor:pointer;grid-template-columns:140px 1fr;gap:14px;padding:10px;display:grid;position:relative}.bigcard .thumb{aspect-ratio:1;border-radius:8px}.bc-body .t{margin-bottom:4px;font-weight:600}.bc-body .m{color:var(--fg3);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.bc-body .snip{color:var(--fg2);margin:6px 0;font-size:13px}.nums{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:6px 0;display:flex}.nums b{font-size:15px}.nums span{color:var(--fg3);margin-right:8px;font-size:12px}.spark{width:100%;max-width:280px;height:36px;color:var(--fg2)}.table-wrap.tall{max-height:none}.table.pinfirst th:nth-child(2),.table.pinfirst td:nth-child(2){background:rgba(var(--glass-rgb), .96);z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:260px;position:sticky;left:0;overflow:hidden}.table th.sorted,.table td.sorted{background:color-mix(in srgb, var(--accent) 10%, transparent)}.table .pincell{width:36px;padding:4px}.table .pincell .pinbtn{opacity:.5;color:inherit;background:0 0;border:0;position:static}.table tbody tr:hover .pincell .pinbtn,.table .pincell .pinbtn[aria-pressed=true]{opacity:1}.activebar{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 24px 0;display:flex}.activebar .chip .x{opacity:.7;margin-left:4px}.scopebar{color:var(--fg2);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 24px 0;font-size:12.5px;display:flex}.formgrid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.formgrid .wide{grid-column:1/-1}.checks{flex-wrap:wrap;gap:8px 16px;display:flex}.soon{opacity:.55}.hint-error{color:var(--danger);font-size:12px}@media (width<=819px){.bigcard{grid-template-columns:96px 1fr}.formgrid{grid-template-columns:1fr}.activebar,.scopebar{padding-left:14px;padding-right:14px}.toolbar{flex-wrap:wrap}}.phone-sheet{border-bottom:1px solid var(--line);gap:10px;margin-bottom:14px;padding-bottom:14px;display:none}@media (width<=819px){.phone-sheet{display:grid}}.dsec{margin-bottom:22px}.dsec h3{color:var(--fg3);margin:0 0 8px;font-size:13px;font-weight:500}.dhead{gap:2px;margin-bottom:14px;display:grid}.dtiles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:8px;display:grid}.caption-text{white-space:pre-wrap;margin:0}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.player{border-radius:var(--r-m);background:var(--g1);border:1px solid var(--line);position:relative;overflow:hidden}.player .poster{aspect-ratio:16/9;background:linear-gradient(160deg, var(--thumb-a), var(--thumb-b));place-items:center;display:grid;position:relative}.player .poster img{object-fit:contain;width:100%;height:100%}.player .poster .motif{color:color-mix(in srgb, var(--fg) 24%, transparent)}.demo-label{background:color-mix(in srgb, var(--g0) 75%, transparent);color:#f2efe9;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;left:8px}.controls{flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.controls input[type=range]{min-width:80px;accent-color:var(--accent);flex:1}.controls .time{font-variant-numeric:tabular-nums;color:var(--fg2);font-size:12px}.strip{width:100%;height:14px;color:var(--accent);display:block}.theater-backdrop{z-index:70;background:#0a0a09eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.theater-backdrop .player{width:min(960px,100%)}.trhead{justify-content:space-between;align-items:center;display:flex}.trsearch{align-items:center;gap:10px;margin:6px 0;display:flex}.trlines{border:1px solid var(--line);border-radius:var(--r-m);max-height:260px;margin:0;padding:0;list-style:none;overflow:auto}.trlines li{border-top:1px solid var(--line);gap:10px;padding:6px 10px;font-size:13px;display:flex}.trlines li:first-child{border-top:0}.trlines li.hit{background:color-mix(in srgb, var(--accent) 12%, transparent)}.trlines li.cur{background:color-mix(in srgb, var(--accent) 28%, transparent)}.ts{color:var(--accent);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;background:0 0;border:0;min-width:40px;padding:0}.curve{width:100%;height:110px;color:var(--fg2);cursor:crosshair;border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);display:block}.kvlist{grid-template-columns:130px 1fr;gap:8px 12px;margin:0;font-size:13px;display:grid}.kvlist dt{color:var(--fg3)}.kvlist dd{word-break:break-all;margin:0}.archive{border:1px solid var(--line);border-radius:var(--r-m);background:var(--ctl);margin-top:10px;padding:8px}.archbar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.wrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.yesno{align-items:center;gap:6px;font-size:13px;display:inline-flex}.addpost{gap:8px;margin-top:12px;display:grid}.wavehead{color:var(--fg2);align-items:center;gap:8px;padding:4px 24px;font-size:12.5px;display:flex}.gwave{color:var(--fg2);grid-column:1/-1;align-items:center;gap:10px;padding:6px 4px 0;font-size:12.5px;display:flex}h1{margin:0 0 12px;font-size:22px}h2{margin:20px 0 6px;font-size:16px}.error{color:var(--danger)}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.card-form{text-align:left;background:var(--g2);border-radius:var(--r-l);border:1px solid var(--line);flex-direction:column;gap:12px;width:min(380px,100%);padding:24px;display:flex}.card-form label{color:var(--fg2);flex-direction:column;gap:4px;font-size:13px;display:flex}.card-form input,.plain-top select{border:1px solid var(--line);background:var(--g1);height:34px;color:var(--fg);font:inherit;border-radius:10px;padding:0 10px}.plain-shell{flex-direction:column;min-height:100vh;display:flex}.plain-top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.plain-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;padding:8px 16px;display:flex}.plain-nav a.active{font-weight:600;text-decoration:underline}.plain-main{flex:1;padding:16px}.build-stamp{color:var(--fg3);padding:8px 16px;font-size:11px}.tag{border:1px solid var(--line);border-radius:999px;margin-right:6px;padding:1px 8px;font-size:12px;display:inline-block}.post-list,.plain-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.post-list li,.plain-list li{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.caption{flex:1;min-width:200px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
