:root{--cyan-50:#e6f4fa;--cyan-75:#e3f5fc;--cyan-200:#9fd3ef;--cyan-300:#6dd3f8;--cyan-400:#3cc4f5;--cyan-500:#00adee;--cyan-600:#0077b0;--cyan-620:#0072a9;--cyan-650:#1f6f99;--cyan-700:#005f8d;--cyan-800:#11405a;--cyan-850:#0e3346;--cyan-900:#0a2a3d;--cyan-950:#071c29;--cyan-975:#04212f;--cyan-ink-100:#e6f3f9;--cyan-ink-200:#c6dce8;--cyan-ink-400:#8fb3c6;--blue-400:#3aa0ec;--neutral-0:#fff;--neutral-25:#f6f9fb;--neutral-50:#f2f6f8;--neutral-75:#f1f5f9;--neutral-100:#e8ecf1;--neutral-150:#e1e8ed;--neutral-200:#c9d6de;--neutral-500:#5b6e7b;--neutral-700:#33495a;--neutral-900:#0f1f2c;--navy-500:#94a3b8;--navy-300:#cbd5e1;--navy-200:#e2e8f0;--navy-600:#334766;--navy-650:#22314d;--navy-700:#1e2c47;--navy-800:#17233a;--navy-850:#111a2b;--navy-900:#0e1726;--navy-950:#0b1220;--green-50:#dcf3ec;--green-300:#3fcca7;--green-600:#0c8a6d;--green-700:#0b7a60;--green-900:#0f3a30;--amber-50:#fff8eb;--amber-100:#fff4d1;--amber-700:#a35a00;--amber-900:#3a2f0e;--amber-990:#1b1300;--amber-300:#e6b450;--amber-950:#3a2d0e;--red-50:#fdecea;--red-700:#b42318;--red-300:#f08a8a;--red-950:#3f1c1c;--white-a7:#ffffff12;--white-a15:#ffffff26;--white-a18:#ffffff2e;--black-a20:#0003;--black-a31:#0005;--navy-a5:#0206170d;--ink-a6:#1026360f;--ink-a8:#10263614;--ink-a15:#10263626;--blue-a20:#0369a133;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--font-family-sans:"Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-family-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-base:14.5px;--font-size-lg:15px;--font-size-xl:17px;--font-size-2xl:20px;--font-size-3xl:23px;--font-size-4xl:26px;--font-size-5xl:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-strong:650;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.2;--line-height-heading:1.25;--line-height-snug:1.35;--line-height-body:1.55;--radius-xs:5px;--radius-s:8px;--radius-m:10px;--radius-l:12px;--radius-xl:14px;--radius-2xl:16px;--radius-full:999px;--shadow-xs:0 1px 2px var(--navy-a5);--shadow-login-card:0 1px 2px var(--ink-a6), 0 12px 32px var(--ink-a8);--shadow-hero:0 1px 2px var(--ink-a6), 0 8px 24px var(--ink-a6);--shadow-actionbar:0 8px 28px var(--ink-a15);--shadow-popover:0 10px 30px var(--black-a20);--shadow-popover-dark:0 10px 30px var(--black-a31);--shadow-btn-primary:0 1px 2px var(--blue-a20);--z-actionbar:20;--z-topbar:30;--z-tabbar:35;--z-popover:40;--duration-fast:.12s;--duration-base:.18s}
:root{--color-brand:var(--cyan-500);--color-bg:var(--neutral-25);--color-surface:var(--neutral-0);--color-surface-2:var(--neutral-50);--color-surface-3:var(--neutral-100);--color-text:var(--neutral-900);--color-text-2:var(--neutral-700);--color-text-muted:var(--neutral-500);--color-on-primary:var(--neutral-0);--color-border:var(--neutral-150);--color-border-strong:var(--neutral-200);--color-primary:var(--cyan-620);--color-primary-hover:var(--cyan-700);--color-primary-soft:var(--cyan-50);--color-focus-ring:var(--cyan-600);--color-success:var(--green-700);--color-success-soft:var(--green-50);--color-warning:var(--amber-700);--color-warning-soft:var(--amber-50);--color-danger:var(--red-700);--color-danger-soft:var(--red-50);--color-internal:var(--amber-100);--color-nav:var(--neutral-0);--color-nav-ink:var(--neutral-700);--color-nav-hover:var(--neutral-75);--color-nav-on:var(--cyan-50);--color-ink-deep:var(--cyan-900);--color-selection:var(--cyan-200);--color-on-selection:var(--neutral-900);--color-login-glow:var(--cyan-75);--shadow-surface:var(--shadow-xs);--radius-control:var(--radius-s);--radius-surface:var(--radius-l);--layout-side-width:248px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:var(--navy-950);--color-surface:var(--navy-850);--color-surface-2:var(--navy-800);--color-surface-3:var(--navy-700);--color-text:var(--navy-200);--color-text-2:var(--navy-300);--color-text-muted:var(--navy-500);--color-on-primary:var(--cyan-975);--color-border:var(--navy-650);--color-border-strong:var(--navy-600);--color-primary:var(--cyan-400);--color-primary-hover:var(--cyan-300);--color-primary-soft:var(--cyan-850);--color-focus-ring:var(--cyan-400);--color-success:var(--green-300);--color-success-soft:var(--green-900);--color-warning:var(--amber-300);--color-warning-soft:var(--amber-950);--color-danger:var(--red-300);--color-danger-soft:var(--red-950);--color-internal:var(--amber-900);--color-nav:var(--navy-900);--color-nav-ink:var(--navy-300);--color-nav-hover:var(--navy-800);--color-nav-on:var(--cyan-850);--color-ink-deep:var(--cyan-950);--color-selection:var(--cyan-650);--color-on-selection:var(--neutral-0);--color-login-glow:var(--cyan-850);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
:root{--btn-radius:var(--radius-control);--btn-secondary-bg:var(--color-surface);--btn-secondary-bg-hover:var(--color-surface-2);--btn-secondary-border:var(--color-border-strong);--btn-secondary-text:var(--color-text);--btn-primary-bg:var(--color-primary);--btn-primary-bg-hover:var(--color-primary-hover);--btn-primary-text:var(--color-on-primary);--btn-primary-shadow:var(--shadow-btn-primary);--btn-ghost-bg:transparent;--btn-ghost-text:var(--color-primary);--btn-danger-bg:var(--color-danger-soft);--btn-danger-text:var(--color-danger);--btn-danger-border-hover:var(--color-danger);--btn-success-bg:var(--color-success);--btn-success-text:var(--color-on-primary);--btn-focus-ring:0 0 0 3px var(--color-focus-ring);--btn-disabled-opacity:.5;--input-bg:var(--color-surface);--input-text:var(--color-text);--input-border:var(--color-border-strong);--input-border-hover:var(--color-text-muted);--input-border-focus:var(--color-primary);--input-focus-ring:0 0 0 3px var(--color-focus-ring);--input-border-invalid:var(--color-danger);--input-bg-disabled:var(--color-surface-2);--input-text-disabled:var(--color-text-muted);--input-placeholder:var(--color-text-muted);--input-radius:var(--radius-control);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-surface);--card-shadow:var(--shadow-surface);--table-head-bg:var(--color-surface-2);--table-head-text:var(--color-text-muted);--table-border:var(--color-border);--pill-neutral-bg:var(--color-surface-2);--pill-neutral-text:var(--color-text-2);--pill-info-bg:var(--color-primary-soft);--pill-info-text:var(--color-primary);--pill-success-bg:var(--color-success-soft);--pill-success-text:var(--color-success);--pill-warning-bg:var(--color-warning-soft);--pill-warning-text:var(--color-warning);--pill-danger-bg:var(--color-danger-soft);--pill-danger-text:var(--color-danger);--note-bg:var(--color-surface-2);--note-marker:var(--color-border-strong);--nav-badge-bg:var(--color-primary);--nav-badge-text:var(--color-on-primary);--nav-internal-bg:var(--color-ink-deep);--nav-internal-ink:var(--cyan-ink-200);--nav-internal-ink-strong:var(--cyan-ink-100);--nav-internal-ink-muted:var(--cyan-ink-400);--nav-internal-hover:var(--white-a7);--nav-internal-on:var(--cyan-800);--nav-internal-marker:var(--color-brand);--nav-internal-badge-text:var(--cyan-975);--nav-internal-border:var(--white-a18);--tabbar-bg:var(--color-surface);--tabbar-border:var(--color-border);--tabbar-text:var(--color-text-muted);--tabbar-text-on:var(--color-primary);--tabbar-icon-on-bg:var(--color-primary-soft);--tabbar-dot-bg:var(--color-danger);--tabbar-dot-text:var(--color-on-primary)}
:root{--font:var(--font-family-sans);--mono:var(--font-family-mono);--brand:var(--color-brand);--bg:var(--color-bg);--surface:var(--color-surface);--surface-2:var(--color-surface-2);--surface-3:var(--color-surface-3);--text:var(--color-text);--text-2:var(--color-text-2);--muted:var(--color-text-muted);--line:var(--color-border);--line-strong:var(--color-border-strong);--primary:var(--color-primary);--primary-hover:var(--color-primary-hover);--primary-soft:var(--color-primary-soft);--ring:var(--color-focus-ring);--accent:var(--color-success);--accent-soft:var(--color-success-soft);--gold:var(--color-warning);--gold-soft:var(--color-warning-soft);--danger:var(--color-danger);--danger-soft:var(--color-danger-soft);--internal:var(--color-internal);--nav:var(--color-nav);--nav-ink:var(--color-nav-ink);--nav-hover:var(--color-nav-hover);--nav-on:var(--color-nav-on);--ink-deep:var(--color-ink-deep);--border:var(--color-border);--red:var(--color-danger);--shadow:var(--shadow-surface);--radius:var(--radius-surface);--radius-sm:var(--radius-control);--side:var(--layout-side-width)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:14.5px/1.55 var(--font);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{text-wrap:balance;color:var(--text)}h1{letter-spacing:-.01em;margin:0 0 14px;font-size:23px;font-weight:700;line-height:1.25}h2{margin:20px 0 10px;font-size:17px;font-weight:650}h3{margin:14px 0 8px;font-size:15px;font-weight:650}p{margin:0 0 10px}code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.92em}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-soft)}img{max-width:100%}.muted{color:var(--muted)}.small{font-size:12.5px}.tiny{font-size:11px}h1.compact{font-size:20px}.code-lg{letter-spacing:1px;word-break:break-all;font-size:16px}.big{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.banner{background:var(--gold-soft);color:var(--gold);text-align:center;padding:3px 8px;font-size:12px;font-weight:600}.topbar{z-index:30;background:var(--nav);color:var(--nav-ink);box-shadow:0 1px 0 var(--black-a20);position:sticky;top:0}.topbar-in{align-items:center;gap:6px;max-width:1320px;min-height:54px;margin:0 auto;padding:8px 20px;display:flex}.brand{color:var(--neutral-0);white-space:nowrap;align-items:center;gap:9px;margin-right:14px;font-size:15.5px;font-weight:700;display:flex;text-decoration:none!important}.brand-mark{background:linear-gradient(145deg, var(--blue-400), var(--green-600));width:26px;height:26px;color:var(--neutral-0);border-radius:7px;place-items:center;font-size:13px;display:grid}.brand small{color:var(--nav-ink);opacity:.8;font-size:12px;font-weight:500}.navlinks{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.navlinks a{color:var(--nav-ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.navlinks a:hover{background:var(--nav-hover);color:var(--neutral-0)}.navlinks a.on{background:var(--nav-on);color:var(--neutral-0);font-weight:600}.navlinks .count{background:var(--gold);color:var(--amber-990);border-radius:10px;padding:0 6px;font-size:11px;font-weight:700}.navlinks .dd{position:relative}.navlinks .dd-btn{color:var(--nav-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:13.5px;font-weight:500;display:inline-flex}.navlinks .dd-btn:hover,.navlinks .dd.open .dd-btn{background:var(--nav-hover);color:var(--neutral-0)}.navlinks .dd-btn.on{background:var(--nav-on);color:var(--neutral-0);font-weight:600}.navlinks .dd-btn .caret{opacity:.8;font-size:10px}.navlinks .dd-label{display:none}.navlinks .dd-menu{background:var(--nav);border:1px solid var(--white-a18);min-width:210px;box-shadow:var(--shadow-popover-dark);z-index:40;border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0}.navlinks .dd.open .dd-menu{display:flex}.navlinks .dd-menu a{padding:8px 10px}.topbar .spacer{flex:1}.menu-btn{display:none}.acct{position:relative}.acct-btn{border:1px solid var(--white-a18);color:var(--neutral-0);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;max-width:280px;padding:5px 10px 5px 6px;font-size:13px;display:flex}.acct-btn:hover{background:var(--nav-hover)}.avatar{background:var(--white-a15);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.acct-btn .who{text-align:left;line-height:1.2;overflow:hidden}.acct-btn .who b,.acct-btn .who span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.acct-btn .who span{color:var(--nav-ink);font-size:11.5px}.acct-menu{background:var(--surface);min-width:250px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:40;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.acct-menu .head{border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 10px 10px}.acct-menu .head b{display:block}.acct-menu a,.acct-menu .item{width:100%;color:var(--text);font-size:13.5px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.acct-menu a:hover,.acct-menu .item:hover{background:var(--surface-2)}.acct-menu form{margin:0}.acct-menu .sep{background:var(--line);height:1px;margin:4px 0}.acct-menu .langs{align-items:center;gap:4px;padding:6px 10px;display:flex}.acct-menu .langs span{color:var(--muted);margin-right:4px;font-size:12px}@media (max-width:1080px){.topbar-in{flex-wrap:wrap;padding:8px 14px}.menu-btn{color:var(--neutral-0);border:1px solid var(--white-a18);font:inherit;cursor:pointer;background:0 0;border-radius:10px;order:3;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:inline-flex}.topbar .spacer{order:1}.acct{order:2}.acct-btn .who{display:none}.navlinks{flex-direction:column;order:4;align-items:stretch;gap:2px;width:100%;padding:6px 0 4px;display:none}.topbar.open .navlinks{display:flex}.navlinks a{padding:10px 12px;font-size:14.5px}.navlinks .dd-btn{display:none}.navlinks .dd-label{letter-spacing:.06em;text-transform:uppercase;color:var(--nav-ink);opacity:.75;padding:10px 12px 2px;font-size:11.5px;font-weight:650;display:block}.navlinks .dd-menu{min-width:0;box-shadow:none;background:0 0;border:0;padding:0 0 0 10px;display:flex;position:static}}.favbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px max(20px,50% - 640px);font-size:13px;display:flex}.favbar .grow{flex:1}.favbar-title{color:var(--gold);font-size:12.5px;font-weight:650}.fav-link{background:var(--surface-2);color:var(--text);border-radius:14px;padding:3px 11px;font-size:12.5px}.fav-link:hover{background:var(--primary-soft);color:var(--primary);text-decoration:none}.fav-star[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.wrap{max-width:1280px;margin:0 auto;padding:22px 20px 70px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow);min-width:0;margin-bottom:16px;padding:18px 20px}.card>h2:first-child,.card>h3:first-child{margin-top:0}@media (max-width:640px){.card{border-radius:10px;padding:14px}}.grid2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:960px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}}.sticky{position:sticky;top:70px}@media (max-width:960px){.sticky{position:static}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.page-head h1{margin:0}.card hr.sep{border:0;border-top:1px solid var(--line);margin:20px -16px 16px}.card hr.sep+h3{margin-top:0}.worksplit{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.worksplit>.side{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:auto}.worksplit>.side>.card{margin-top:0}@media (max-width:1180px){.worksplit{grid-template-columns:minmax(0,1fr)}.worksplit>.side{max-height:none;position:static;overflow:visible}}.pager{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.msglist{margin-bottom:8px}.msglist .older{align-items:center;gap:8px;margin-bottom:8px;display:flex}.actionbar{z-index:20;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-actionbar);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 76px 16px 0;padding:12px 16px;display:flex;position:sticky;bottom:12px}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;background:var(--table-head-bg);color:var(--table-head-text);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);vertical-align:bottom;white-space:nowrap;padding:8px 10px;font-size:11.5px;font-weight:650}th:first-child{border-top-left-radius:8px}th:last-child{border-top-right-radius:8px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}tbody tr:hover td{background:color-mix(in srgb, var(--primary-soft) 35%, transparent)}tbody tr:last-child td{border-bottom:0}tfoot td{border-top:2px solid var(--line);border-bottom:0}td.num,th.num,.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.btn{font:inherit;border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);min-height:36px;color:var(--btn-secondary-text);border-radius:var(--btn-radius);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:600;line-height:1.2;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--btn-secondary-bg-hover)}.btn:focus-visible{box-shadow:var(--btn-focus-ring);outline:none}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn.primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.btn.green{background:var(--btn-success-bg);border-color:var(--btn-success-bg);color:var(--btn-success-text)}.btn.green:hover{filter:brightness(1.06)}.btn.danger{background:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:#0000}.btn.danger:hover{border-color:var(--btn-danger-border-hover)}.btn.ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border-color:#0000}.btn.sm{border-radius:7px;min-height:30px;padding:4px 10px;font-size:12.5px}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--btn-disabled-opacity);cursor:not-allowed;transform:none}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}input,select,textarea{font:inherit;color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);max-width:100%;min-height:36px;padding:7px 10px;font-size:14px;transition:border-color .12s,box-shadow .12s}input[type=checkbox],input[type=radio]{width:17px;height:17px;min-height:0;accent-color:var(--primary);vertical-align:middle;padding:0}input[type=file]{padding:6px}input[type=number]{font-variant-numeric:tabular-nums}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:.8}input:hover,select:hover,textarea:hover{border-color:var(--input-border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--input-border-focus);box-shadow:var(--input-focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--input-bg-disabled);color:var(--input-text-disabled);cursor:not-allowed}:is(input:user-invalid,select:user-invalid,textarea:user-invalid){border-color:var(--input-border-invalid)}select{padding-right:28px}textarea{resize:vertical;width:100%;min-height:76px;line-height:1.5}label{color:var(--text-2);margin-bottom:5px;font-size:13px;font-weight:600;display:block}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){cursor:pointer;align-items:center;gap:8px;font-weight:500;display:inline-flex}.field{min-width:0;margin-bottom:14px}.field>input:not([type=checkbox]):not([type=radio]),.field>select,.field>textarea{width:100%}.field .hint{color:var(--muted);margin-top:4px;font-size:12px}.req:after{content:" *";color:var(--danger)}.fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px;display:grid}.qty{text-align:right;width:96px}.pill{background:var(--pill-neutral-bg);color:var(--pill-neutral-text);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.pill.blue{background:var(--pill-info-bg);color:var(--pill-info-text)}.pill.green{background:var(--pill-success-bg);color:var(--pill-success-text)}.pill.gold{background:var(--pill-warning-bg);color:var(--pill-warning-text)}.pill.red{background:var(--pill-danger-bg);color:var(--pill-danger-text)}.note{border-radius:var(--radius-sm);background:var(--note-bg);border-left:4px solid var(--note-marker);margin:10px 0;padding:10px 12px;font-size:13.5px}.note.ok{background:var(--accent-soft);border-left-color:var(--accent)}.note.warn{background:var(--gold-soft);border-left-color:var(--gold)}.note.err{background:var(--danger-soft);color:var(--danger);border-left-color:var(--danger)}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-2) 50%, transparent);padding:26px 16px}.card.empty{box-shadow:none;border-style:dashed}.steps{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.steps button{border:1px solid var(--line-strong);background:var(--surface);color:var(--text-2);font:inherit;cursor:pointer;border-radius:20px;min-height:34px;padding:6px 13px;font-size:13px}.steps button:hover{border-color:var(--primary);color:var(--primary)}.steps button.on{background:var(--primary);border-color:var(--primary);color:var(--color-on-primary);font-weight:600}.msg{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:8px 0;padding:9px 12px}.msg.internal{background:var(--internal)}.msg .who{color:var(--muted);font-size:12px}.itemthread{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.itemthread>summary{color:var(--text-2);cursor:pointer;font-weight:600;list-style:none}.itemthread>summary:before{content:"💬";margin-right:6px}.itemthread>summary::-webkit-details-marker{display:none}.itemthread>div{max-width:560px}.itemmeta{margin:2px 0 6px}.kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.kpis>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.kpis b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;display:block}details>summary{cursor:pointer}.auth{max-width:560px;margin:6vh auto 40px}.auth h1{text-align:left}form[aria-busy=true] button{opacity:.6;cursor:progress}.view-only input:disabled,.view-only select:disabled,.view-only textarea:disabled{color:var(--text);opacity:1;appearance:none;cursor:default;min-height:0;box-shadow:none;background:0 0;border-color:#0000;padding-inline:0}.card:has(>table){overflow-x:auto}@media (max-width:640px){.favbar{padding:6px 14px}.favbar .muted.small{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpis>div{padding:10px 12px}.kpis b,h1{font-size:20px}.actionbar{flex-wrap:nowrap;gap:10px;margin-right:66px;padding:10px 12px}.actionbar .small,.actionbar .pill{display:none}.actionbar b{font-size:14px}.actionbar .btn{flex:none}}.login-page{background:linear-gradient(180deg, var(--color-login-glow) 0%, var(--bg) 55%);justify-content:center;min-height:100vh;padding:72px 16px 32px;display:flex;position:relative}.login-col{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:440px;display:flex}.login-head{flex-direction:column;align-items:center;gap:10px;display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-pitch{color:var(--text-2);margin:0;font-size:15px}.login-lang{gap:4px;display:flex;position:absolute;top:16px;right:16px}.login-lang a{color:var(--muted);border-radius:8px;align-items:center;min-height:40px;padding:8px 12px;font-size:13px;display:inline-flex}.login-lang a.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow-login-card);text-align:left;border-radius:16px;flex-direction:column;gap:4px;padding:28px;display:flex}.login-card h1{margin:0;font-size:22px}.login-intro{margin:4px 0 14px}.login-card .field input{min-height:46px;font-size:15px}.login-invite{margin:10px 0 0}.login-points{color:var(--text-2);gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.login-points li:before{content:"✓";color:var(--brand);margin-right:8px;font-weight:700}.login-col.signup-col{max-width:560px}.signup-card{position:relative}.signup-h{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 8px;font-size:13px;font-weight:600}.signup-side,.signup-channels{border:0;gap:8px;padding:0;display:grid}.signup-side legend,.signup-channels legend{margin-bottom:6px;padding:0;font-size:13.5px;font-weight:600}.signup-side label,.signup-channels label,.signup-terms{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:14.5px;display:flex}.signup-terms{flex-wrap:wrap;margin:4px 0 12px}.code-input{letter-spacing:4px;width:160px;font-size:18px}.pw-wrap{width:100%;display:block;position:relative}.pw-wrap>input{width:100%;padding-right:48px}.pw-eye{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-eye:hover{color:var(--text)}.pw-eye:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}@media (max-width:640px){.login-page{padding-top:64px}.login-card{padding:20px 16px}}@media (prefers-color-scheme:dark){.login-page{background:linear-gradient(180deg, var(--color-login-glow) 0%, var(--bg) 55%)}}.brand-mark.lg{border-radius:10px;width:38px;height:38px;font-size:18px;font-weight:700}.btn.lg{min-height:46px;padding:0 22px;font-size:15px}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.home-head h1{margin:0;font-weight:650}.hero{background:var(--surface);box-shadow:var(--shadow-hero);border:1px solid var(--line);border-radius:18px;margin-bottom:28px;overflow:hidden}.hero-main{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:22px 24px 20px;display:flex}.hero-kicker{letter-spacing:.04em;color:var(--gold);text-transform:uppercase;font-size:12.5px;font-weight:700}.hero-title{font-size:20px;font-weight:650;line-height:1.35}.hero-empty{color:var(--muted);padding:22px 24px}.rowlink{border-bottom:1px solid var(--line);color:var(--text);align-items:center;gap:12px;min-height:44px;padding:14px 24px;display:flex;text-decoration:none!important}.rowlink:last-child{border-bottom:0}.rowlink .kind{color:var(--muted);flex:none;width:104px;font-size:12px}.rowlink .what{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.rowlink .when{color:var(--muted);white-space:nowrap;font-size:13px}.rowlink .when.soon{color:var(--gold);font-weight:600}.home-cols{flex-wrap:wrap;gap:28px;margin-bottom:24px;display:flex}.home-cols>section{flex:360px;min-width:0}.sec-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.sec-head h2{margin:0;font-size:17px}.list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.list .rowlink{align-items:flex-start;padding:12px 16px}.list .stack{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list .line2{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.list .line2.warn{color:var(--gold)}.list .empty{padding:16px}.avatar{background:var(--surface-2);width:34px;height:34px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.foot-line{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 24px;padding-top:16px;font-size:13px;display:flex}.notices{margin-top:20px}.notices summary{cursor:pointer;color:var(--muted);align-items:center;min-height:32px;font-size:13px;display:flex}.notices .msg{margin-top:10px}@media (max-width:640px){.rowlink{padding:12px 16px}.rowlink .kind{display:none}.hero-main{padding:18px 16px}.hero-title{font-size:18px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo{width:auto;height:24px;display:block}.topbar{box-shadow:0 1px 0 var(--line);border-top:3px solid var(--brand)}.brand{color:var(--text);gap:10px}.brand>span{color:var(--nav-ink);font-weight:600}.navlinks a:hover,.navlinks .dd-btn:hover,.navlinks .dd.open .dd-btn,.navlinks a.on,.navlinks .dd-btn.on{color:var(--primary)}.navlinks .count{background:var(--primary);color:var(--color-on-primary)}.acct-btn,.menu-btn{color:var(--text);border-color:var(--line)}.acct-btn .avatar,.topbar .avatar{background:var(--primary-soft);color:var(--primary)}.brand-suffix{color:var(--nav-ink);font-size:18px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips a{border:1px solid var(--line-strong);min-height:36px;color:var(--text-2);background:var(--surface);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;display:inline-flex;text-decoration:none!important}.chips a.on{background:var(--primary);border-color:var(--primary);color:var(--color-on-primary);font-weight:600}.rowlink .when.late,.text-danger{color:var(--danger);font-weight:600}.text-gold{color:var(--gold);font-weight:600}.rowlink .kind.wide{width:200px;color:var(--text);font-size:13px;line-height:1.35}.home-cols{flex-flow:column;gap:24px}.home-cols>section{flex:none}body{font-family:var(--font);letter-spacing:-.005em}h1{letter-spacing:-.02em;font-weight:700}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}a,button,.btn,summary,[role=button]{cursor:pointer}.btn,.rowlink,.navlinks a,.navlinks .dd-btn,.chips a,.acct-btn{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.icon{flex:none;display:block}:is(h1:has(>.icon),h2:has(>.icon),h3:has(>.icon)){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn.primary{box-shadow:var(--btn-primary-shadow)}.card,.list,.hero,.login-card{border-color:var(--line);box-shadow:var(--shadow)}.hero-kicker{letter-spacing:.06em;font-size:12px}.rowlink:hover{background:var(--surface-2)}.count{font-variant-numeric:tabular-nums}@media (min-width:1081px){:is(body:has(>.topbar),body:has(.topbar)){padding-left:var(--side)}.topbar{width:var(--side);border-top:0;border-right:1px solid var(--line);box-shadow:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.topbar-in{flex-direction:column;align-items:stretch;gap:4px;max-width:none;height:100%;padding:18px 12px}.brand{margin:2px 8px 18px}.navlinks{flex-flow:column;align-items:stretch;gap:2px}.navlinks a{color:var(--nav-ink);border-radius:8px;gap:10px;min-height:40px;padding:9px 10px;font-size:14px}.navlinks a .lbl{flex:1}.navlinks a:hover{background:var(--nav-hover);color:var(--text)}.navlinks a.on{background:var(--nav-on);color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);font-weight:600}.navlinks .dd-btn{display:none}.navlinks .dd-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:18px 10px 6px;font-size:11.5px;font-weight:600;display:block}.navlinks .dd-menu{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex;position:static}.topbar .brand{order:-2}.topbar .hublink{border:1px solid var(--line);color:var(--text);border-radius:10px;align-items:center;gap:10px;margin:0 0 8px;padding:9px 10px;text-decoration:none;display:flex}.topbar .hublink:hover{background:var(--nav-hover);border-color:var(--primary)}.topbar .hublink .ic{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:8px;flex:none;place-items:center;display:grid}.topbar .hublink .tx{flex-direction:column;min-width:0;line-height:1.25;display:flex}.topbar .hublink .tx b{font-size:13.5px}.topbar .hublink .tx small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.topbar .spacer{flex:1;min-height:16px}.acct-btn{border-color:var(--line);width:100%;max-width:none;padding:8px}.acct-btn .caret{margin-left:auto;transform:rotate(180deg)}.acct-menu{width:100%;min-width:0;inset:auto auto calc(100% + 6px) 0}.wrap{max-width:1680px;padding:28px 32px 72px}}.navlinks .count{background:var(--nav-badge-bg);color:var(--nav-badge-text);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.acct-menu a,.acct-menu .item{gap:10px}.acct-menu .icon{color:var(--muted)}.menu-btn{gap:8px}.tabbar{display:none}@media (max-width:1080px){.tabbar{z-index:35;background:var(--tabbar-bg);border-top:1px solid var(--tabbar-border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a,.tabbar button{min-height:52px;color:var(--tabbar-text);font:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:500;display:flex;text-decoration:none!important}.tabbar a.on{color:var(--tabbar-text-on);font-weight:650}.tabbar a.on .tab-ic{background:var(--tabbar-icon-on-bg)}.tab-ic{border-radius:999px;place-items:center;width:44px;height:28px;display:grid;position:relative}.tab-lbl{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar .dot{background:var(--tabbar-dot-bg);min-width:18px;height:18px;color:var(--tabbar-dot-text);text-align:center;border-radius:999px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:2px}body:has(.tabbar){padding-bottom:calc(64px + env(safe-area-inset-bottom));--fab-bottom:calc(76px + env(safe-area-inset-bottom))}body:has(.tabbar) .actionbar{bottom:calc(72px + env(safe-area-inset-bottom))}.menu-btn{display:none!important}}.logo{height:30px}.brand>span{font-size:15px}@media (min-width:1081px){.logo{height:34px}.brand{gap:8px;margin:4px 6px 22px}}.logo.lg{height:56px}.login-brand{gap:12px}.login-brand .brand-suffix{font-size:24px;font-weight:600}@media (max-width:640px){.logo.lg{height:46px}.login-brand .brand-suffix{font-size:20px}}.page-tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 16px;display:flex;overflow-x:auto}.page-tabs a{min-height:44px;color:var(--text-2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:10px 14px;font-weight:600;text-decoration:none;transition:color .18s,border-color .18s;display:inline-flex}.page-tabs a:hover{color:var(--text)}.page-tabs a[aria-current=page]{color:var(--primary);border-bottom-color:var(--primary)}.navrow{align-items:center;gap:2px;display:flex}.navrow>a:first-child{flex:1;min-width:0}.navrow-acts{flex:none;align-items:center;gap:2px;display:flex}.navact{width:30px;height:30px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.navact:hover{background:var(--nav-hover);color:var(--primary)}.navact .count{background:var(--danger);min-width:16px;height:16px;color:var(--color-on-primary);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-1px;right:-2px}.actionbar .hintline{flex:1;min-width:220px}.actionbar form{margin:0}@media (max-width:640px){.actionbar .hintline{flex-basis:100%}}.bell{width:40px;height:40px;color:inherit;border-radius:10px;justify-content:center;align-items:center;margin-right:6px;display:inline-flex;position:relative}.bell:hover{background:var(--nav-hover)}.bell .count{background:var(--danger);min-width:18px;height:18px;color:var(--color-on-primary);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:3px;right:2px}.notif{border-bottom:1px solid var(--line);gap:10px;padding:10px 0;display:flex}.notif.unread b{color:var(--primary)}.notif .dot{background:var(--primary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.people{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mentions{color:var(--muted);margin-top:2px;font-size:12px}.linkbtn{font:inherit;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:0 0 0 4px}.linkbtn:hover{opacity:1;color:var(--danger)}@media (min-width:641px){h1{font-size:26px}}.hero{border-top:0;border-radius:14px}.hero-kicker{color:var(--gold)}@media (min-width:1081px){.brand{white-space:normal;flex-direction:column;align-items:flex-start;gap:4px}.brand>span{line-height:1.3}}.login-page:has(.login-aside){background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;display:grid}.login-aside{background:var(--ink-deep);color:var(--nav-internal-ink-strong);flex-direction:column;justify-content:space-between;gap:32px;padding:56px 64px;display:flex}.login-aside .login-brand{gap:12px}.login-aside .brand-suffix{color:var(--neutral-0);font-size:20px}.logo-chip{background:var(--neutral-0);border-radius:10px;padding:8px 12px;display:inline-flex}.logo-chip .logo.lg{height:32px}.login-story{flex-direction:column;gap:20px;max-width:460px;display:flex}.login-bar{background:var(--brand);border-radius:2px;width:48px;height:4px}.login-aside .login-pitch{letter-spacing:-.02em;color:var(--neutral-0);text-align:left;font-size:32px;font-weight:700;line-height:1.25}.login-aside .login-points{counter-reset:pt;color:var(--nav-internal-ink-strong);text-align:left;gap:12px;font-size:15px}.login-aside .login-points li{counter-increment:pt;align-items:center;gap:12px;display:flex}.login-aside .login-points li:before{content:counter(pt);background:var(--cyan-800);width:28px;height:28px;color:var(--brand);border-radius:50%;flex:none;place-items:center;margin:0;font-weight:700;display:grid}.login-aside footer{color:var(--nav-internal-ink-muted)}.login-page:has(.login-aside) .login-col{justify-content:center;align-items:stretch;gap:20px;max-width:none;padding:32px 64px;position:relative}.login-page:has(.login-aside) .login-lang{top:24px;right:32px}.login-page:has(.login-aside) .login-card{width:100%;max-width:400px;box-shadow:none;border:0;margin:0 auto;padding:0}.login-page:has(.login-aside) .login-card h1{font-size:28px}@media (max-width:900px),(max-height:560px){.login-page:has(.login-aside){grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.login-aside{justify-content:flex-start;gap:16px;padding:24px 16px}.login-page:has(.login-aside) .login-col{justify-content:flex-start}.login-aside .login-points,.login-aside footer,.login-bar{display:none}.login-aside .login-pitch{font-size:18px}.login-page:has(.login-aside) .login-col{padding:64px 16px 32px}.login-page:has(.login-aside) .login-lang{top:12px;right:12px}}::selection{background:var(--color-selection);color:var(--color-on-selection)}.start-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.start-steps li{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.start-no{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;place-items:center;font-weight:700;display:grid}@media (min-width:1081px){.navlinks .dd-btn{width:100%;min-height:40px;color:var(--muted);padding:9px 10px;font-size:13px;display:flex}.navlinks .dd-btn .caret{margin-left:auto}.navlinks .dd-label{display:none}.navlinks .dd-menu{padding-left:8px;display:none}.navlinks .dd.open .dd-menu{display:flex}.navlinks .dd:has(a.on) .dd-menu{display:flex}}tr.row-link{cursor:pointer;position:relative}tr.row-link:hover td{background:var(--accent-soft)}tr.row-link a:after{content:"";position:absolute;inset:0}.invite{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.invite>.muted{white-space:nowrap}@media (min-width:720px){.invite{flex-wrap:nowrap}}.invite .combo{border:1px solid var(--line-strong);border-radius:var(--radius-sm,8px);background:var(--surface);flex-wrap:wrap;flex:320px;align-items:center;gap:4px;min-width:240px;max-width:560px;padding:3px 6px;display:flex;position:relative}.invite .combo:focus-within{border-color:var(--accent,#0077b0)}.invite .combo>input{min-width:100px;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:100px;padding:4px 2px}.invite .combo-menu{z-index:30;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm,8px);min-width:240px;max-height:240px;box-shadow:var(--shadow-actionbar);padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.invite .combo-menu>label{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.invite .combo-menu>label:hover,.invite .combo-menu>label:focus-within{background:var(--hover,#0000000f)}.msg .files{flex-wrap:wrap;align-items:flex-start;gap:8px}.msg .shot{border:1px solid var(--line);border-radius:8px;line-height:0;display:inline-block;overflow:hidden}.msg .shot img{object-fit:cover;max-width:220px;max-height:160px;display:block}a.shot{border:1px solid var(--line);border-radius:8px;line-height:0;display:inline-block;overflow:hidden}a.shot img{object-fit:cover;max-width:160px;max-height:120px;display:block}.field input.ro{background:var(--surface-2,#00000008);color:inherit;cursor:default;border-style:dashed}.field label>.pill{margin-left:8px;font-weight:500}.acct-menu a.areaswitch{white-space:nowrap}.rowform{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.rowform .cls{min-width:44px;font-weight:600}.rowform input[type=text],.rowform input:not([type]){flex:160px;min-width:120px}.rowform input[type=number]{width:90px}.rowform label{white-space:nowrap;align-items:center;gap:4px;display:flex}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;margin-bottom:16px;display:grid}.cat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);min-width:0;box-shadow:var(--shadow);flex-direction:column;transition:box-shadow .16s,border-color .16s,transform .16s;display:flex;overflow:hidden}.cat-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.cat-thumb{aspect-ratio:4/3;background:var(--surface-2);place-items:center;padding:12px;display:grid;overflow:hidden}.cat-thumb img{object-fit:contain;width:100%;height:100%;transition:transform .22s}.cat-card:hover .cat-thumb img{transform:scale(1.05)}.cat-body{flex-direction:column;flex:auto;gap:6px;min-width:0;padding:12px 14px 4px;display:flex}.cat-code{font-family:var(--mono);color:var(--muted);font-size:11.5px}.cat-name{margin:0;font-size:14px;font-weight:650;line-height:1.35}.cat-name a{color:var(--text)}.cat-meta{flex-wrap:wrap;gap:4px;display:flex}.cat-pack{color:var(--muted);font-size:11.5px;line-height:1.45}.cat-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:8px;padding:10px 14px 12px;display:flex}.cat-buy{align-items:center;gap:8px;display:flex}.cat-buy input[name=qty]{flex:none;width:68px}.cat-buy .btn{flex:auto}.cat-opt{font-size:12px}.cat-opt>summary{color:var(--muted);padding:2px 0;font-weight:600;list-style:none}.cat-opt>summary::-webkit-details-marker{display:none}.cat-opt>summary:before{content:"＋ "}.cat-opt[open]>summary:before{content:"－ "}.cat-opt>summary:hover{color:var(--text)}.cat-opt .row{margin-top:6px}.cat-opt input{width:100%}.cat-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cat-bar form.row{flex:320px}.cat-seg{border:1px solid var(--line);border-radius:var(--btn-radius);display:inline-flex;overflow:hidden}.cat-seg a{color:var(--text-2);align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.cat-seg a+a{border-left:1px solid var(--line)}.cat-seg a:hover{background:var(--surface-2);text-decoration:none}.cat-seg a[aria-current=true]{background:var(--primary);color:var(--btn-primary-text)}.cat-rows table{width:100%}.cat-rows td{vertical-align:middle}.cat-rows tbody tr:hover{background:var(--surface-2)}.cat-rows .cat-thumb{aspect-ratio:1;border-radius:8px;width:62px;padding:6px}.cat-rows .cat-buy{justify-content:flex-end}@media (max-width:560px){.cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cat-foot{padding:10px}.cat-body{padding:10px 10px 4px}.cat-buy{flex-direction:column;align-items:stretch;gap:6px}.cat-buy input[name=qty]{width:100%}.cat-bar form.row{flex-basis:100%}}.osteps{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:2px 0;margin:0;padding:0;list-style:none;display:grid}.ostep{border-top:4px solid var(--line);flex-direction:column;gap:3px;min-width:0;padding:10px 8px 4px;display:flex;position:relative}.ostep.done{border-top-color:var(--accent)}.ostep.now{border-top-color:var(--primary)}.ostep-dot{background:var(--surface);border:3px solid var(--line);border-radius:50%;width:14px;height:14px;position:absolute;top:-9px;left:8px}.ostep.done .ostep-dot{border-color:var(--accent);background:var(--accent)}.ostep.now .ostep-dot{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-soft)}.ostep-name{color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.3}.ostep.done .ostep-name{color:var(--text-2)}.ostep.now .ostep-name{color:var(--text);font-weight:700}.ostep-date{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11.5px}.ostep.todo .ostep-date{color:var(--muted)}.ostep.off{border-top-color:var(--danger)}.ostep.off .ostep-name{color:var(--danger)}@media (max-width:560px){.osteps{grid-template-columns:repeat(2,minmax(0,1fr))}}.mstones table{min-width:420px}.mstones td:first-child,.mstones th:first-child{min-width:136px}
