.btn{border-radius:var(--r-pill);height:36px;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--t-micro) var(--ease), border-color var(--t-micro) var(--ease), transform var(--t-micro) var(--ease), opacity var(--t-micro);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-sm{height:30px;font-size:var(--fs-meta);gap:6px;padding:0 11px}.btn-lg{height:44px;font-size:var(--fs-body);padding:0 20px}.btn-icon-only{width:36px;padding:0}.btn-sm.btn-icon-only{width:30px}.btn-lg.btn-icon-only{width:44px}.btn-primary{background:var(--pri);color:var(--pri-text)}.btn-primary:hover:not(:disabled){background:var(--pri-hover)}.btn-secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-2)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red-fg)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--red) 28%, transparent)}.btn-accent{background:var(--violet);color:#fff}.btn-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-create{border:1px solid var(--line);background:var(--surface-2);height:54px;color:var(--text);font-size:var(--fs-body);cursor:pointer;box-shadow:var(--e2);transition:background var(--t-micro), transform var(--t-micro);border-radius:18px;flex:none;align-self:flex-start;align-items:center;gap:12px;padding:0 26px 0 18px;font-weight:500;display:inline-flex}.btn-create:hover{background:var(--surface-3)}.btn-create:active{transform:scale(.98)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--e1)}.card-interactive{cursor:pointer;transition:border-color var(--t-micro), background var(--t-micro), transform var(--t-micro)}.card-interactive:hover{border-color:var(--line-2);background:var(--surface-2)}.card-selected{border-color:color-mix(in srgb, var(--violet) 60%, var(--line));background:color-mix(in srgb, var(--violet) 8%, var(--surface))}.section{margin-bottom:var(--s6)}.section-head{align-items:center;gap:var(--s2);margin-bottom:var(--s3);display:flex}.section-title{font-size:var(--fs-sm);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.section-count{color:var(--text-3);background:var(--sunk);border-radius:var(--r-pill);padding:1px 7px;font-size:11px}.chip{border-radius:var(--r-pill);height:28px;font-size:var(--fs-meta);border:1px solid var(--line);color:var(--text-2);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.chip-click{cursor:pointer}.chip-click:hover{background:var(--hover);color:var(--text)}.chip-active{background:var(--pri);color:var(--pri-text);border-color:var(--pri)}.chip-blue{color:var(--blue-fg);background:var(--blue-bg);border-color:#0000}.chip-violet{color:var(--violet-fg);background:var(--violet-bg);border-color:#0000}.chip-green{color:var(--green-fg);background:var(--green-bg);border-color:#0000}.chip-amber{color:var(--amber-fg);background:var(--amber-bg);border-color:#0000}.chip-red{color:var(--red-fg);background:var(--red-bg);border-color:#0000}.badge{border-radius:var(--r-pill);justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-violet{background:var(--violet-bg);color:var(--violet-fg)}.badge-neutral{background:var(--sunk);color:var(--text-2)}.badge-red{background:var(--red-bg);color:var(--red-fg)}.badge-blue{background:var(--blue-bg);color:var(--blue-fg)}.badge-green{background:var(--green-bg);color:var(--green-fg)}.badge-amber{background:var(--amber-bg);color:var(--amber-fg)}.avatar{background:color-mix(in srgb, var(--av) 26%, var(--surface-2));color:color-mix(in srgb, var(--av) 70%, var(--text));letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.input{border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--surface-2);width:100%;height:38px;color:var(--text);font-size:var(--fs-sm);transition:border-color var(--t-micro), box-shadow var(--t-micro);outline:none;padding:0 12px}.input::placeholder,.input input::placeholder{color:var(--text-ph)}.input:focus,.input:focus-within{border-color:color-mix(in srgb, var(--blue) 55%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent)}.input-with-icon{align-items:center;gap:8px;display:flex}.input-with-icon input{min-width:0;height:100%;font-size:var(--fs-sm);background:0 0;border:0;outline:0;flex:1}.input-with-icon input:focus-visible{box-shadow:none}.input-clear{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;display:flex}.input-clear:hover{background:var(--hover)}.textarea{resize:vertical;height:auto;min-height:90px;padding:10px 12px;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.checkbox{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox-box{border:1.5px solid var(--line-2);width:18px;height:18px;transition:all var(--t-micro);border-radius:5px;flex:none;place-items:center;display:grid}.checkbox-round .checkbox-box{border-radius:50%;width:20px;height:20px}.checkbox input:checked+.checkbox-box{background:var(--violet);border-color:var(--violet)}.checkbox input:checked+.checkbox-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.checkbox input:focus-visible+.checkbox-box{box-shadow:var(--ring)}.toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle input{opacity:0;position:absolute}.toggle-track{background:var(--line-2);width:36px;height:21px;transition:background var(--t-state);border-radius:999px;position:relative}.toggle-thumb{width:16px;height:16px;transition:transform var(--t-state) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2.5px;left:2.5px}.toggle input:checked+.toggle-track{background:var(--violet)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(15px)}.segmented{border-radius:var(--r-pill);background:var(--sunk);border:1px solid var(--line);gap:2px;padding:3px;display:inline-flex}.seg{color:var(--text-2);border-radius:var(--r-pill);cursor:pointer;height:30px;font-size:var(--fs-meta);background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.segmented-sm .seg{height:26px;padding:0 10px}.seg:hover{color:var(--text)}.seg-on{background:var(--surface-2);color:var(--text);box-shadow:var(--e1)}.seg-count{color:var(--text-3);font-size:11px}.tooltip{background:var(--n900);color:#eceef2;box-shadow:var(--e2);z-index:100;border-radius:8px;max-width:280px;padding:5px 9px;font-size:12px}.dialog-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;animation:fade var(--t-state) var(--ease);background:#0506098c;position:fixed;inset:0}.dialog{gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);max-height:80vh;box-shadow:var(--e3);padding:var(--s5);z-index:81;animation:rise var(--t-rise) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:10vh;left:50%;transform:translate(-50%)}.dialog-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.dialog-body{min-height:0;overflow:auto}.dialog-foot{justify-content:flex-end;gap:var(--s2);padding-top:var(--s2);display:flex}@keyframes fade{0%{opacity:0}}.menu,.popover{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-tile);min-width:200px;box-shadow:var(--e3);z-index:90;animation:rise var(--t-state) var(--ease-out);padding:6px}.popover{padding:var(--s3)}.menu-item{font-size:var(--fs-sm);cursor:pointer;color:var(--text);border-radius:9px;outline:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.menu-item[data-highlighted]{background:var(--hover)}.menu-item[data-disabled]{opacity:.45}.menu-danger{color:var(--red-fg)}.menu-sep{background:var(--line);height:1px;margin:5px 4px}.menu-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:6px 10px 4px;font-size:11px}.empty{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty-icon{background:var(--sunk);width:52px;height:52px;color:var(--text-3);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.toaster{z-index:120;flex-direction:column;gap:8px;width:min(520px,100vw - 24px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-tile);background:var(--n900);color:#eceef2;box-shadow:var(--e3);font-size:var(--fs-sm);animation:rise var(--t-rise) var(--ease-out);align-items:center;gap:10px;padding:10px 10px 10px 16px;display:flex}.toast .btn-ghost{color:#c9cdd6}.toast-red{border-left:3px solid var(--red)}.toast-green{border-left:3px solid var(--green)}.split{grid-template-columns:var(--list-w) minmax(0, 1fr);height:calc(100vh - var(--top-h));min-height:0;display:grid}.split-list{border-right:1px solid var(--line);min-height:0}.split-detail{min-height:0}@media (width<=899px){.split{height:auto;min-height:calc(100vh - var(--top-h) - var(--bnav-h));grid-template-columns:1fr}.split .split-detail,.split-show-detail .split-list{display:none}.split-show-detail .split-detail{display:block}}.stat{text-align:left;border-radius:var(--r-tile);cursor:pointer;color:var(--text);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.stat:disabled{cursor:default}.stat:hover:not(:disabled){background:var(--hover)}.stat-value{letter-spacing:-.02em;font-size:28px;font-weight:500;line-height:1}.stat-label{font-size:var(--fs-meta);color:var(--text-3);align-items:center;gap:6px;display:flex}.tabbar{border-bottom:1px solid var(--line);margin-bottom:var(--s4);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tabbar-tab{height:40px;font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:7px;margin-bottom:-1px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.tabbar-tab:hover{color:var(--text);background:var(--hover)}.tabbar-on{color:var(--text);border-bottom-color:var(--text)}.tabbar-n{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.tabbar-hot{background:var(--violet-bg);color:var(--violet-fg);border-radius:999px;padding:1px 7px;font-weight:600}@media (width<=720px){.tabbar-tab{height:44px}}
