:root{--bg:#e8eef2;--surface:#fff;--surface-2:#e9eef0;--ink:#122029;--ink-2:#364753;--muted:#5d6f7a;--line:#1220291c;--line-strong:#12202938;--accent:#0d5c7d;--accent-ink:#fff;--accent-soft:#d8e9f0;--up:#12813e;--down:#c42a2f;--flat:#9c6105;--r-owner:var(--accent);--r-editor:#0b7a84;--r-contributor:#2d6bb3;--r-viewer:#6a7a84;--r-none:var(--flat);--glow-resource:#7fd6a8;--glow-post:#6cc3e3;--glow-ads:#f6bc87;--glow-target:#f3a3a0;--glow-crm:#bca4f0;--panel:#ffffffbd;--panel-border:#ffffffbf;--glass:#ffffff80;--glass-strong:#fafcfdcc;--glass-border:#0f28321f;--glass-hi:inset 0 0 0 1px #ffffff8c;--glass-shadow:0 12px 32px #14324621, 0 1px 2px #1432460f;--field:#ffffffd9;--sheen:transparent;--shadow-2:0 18px 48px #12202938;--scrim:#0a141a61;--blur:24px;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0.8 0.8L5 5L9.2 0.8' fill='none' stroke='%23364753' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--h-resource:#1b7a4a;--h-resource-ink:#fff;--h-post:#0d5c7d;--h-post-ink:#fff;--h-ads:#c4540e;--h-ads-ink:#fff;--h-target:#c0272f;--h-target-ink:#fff;--h-crm:#6b3fb8;--h-crm-ink:#fff;--logo-tile:#0f1d25;--logo-edge:transparent;--logo-ring:#ffffff38;--logo-resource:#58cc93;--logo-post:#5ab3d6;--logo-ads:#f5a15a;--logo-target:#f27a76;--logo-crm:#ae92ee;--f-ui:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--f-num:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070e13;--surface:#111c22;--surface-2:#18262e;--ink:#e1eaee;--ink-2:#b3c1c8;--muted:#8799a3;--line:#ffffff14;--line-strong:#ffffff29;--accent:#5ab3d6;--accent-ink:#05222e;--accent-soft:#123647;--up:#3ccb76;--down:#ff6e6e;--flat:#efb23b;--r-editor:#45c3cd;--r-contributor:#6fa6e8;--r-viewer:#91a2ab;--glow-resource:#157a4e;--glow-post:#19769e;--glow-ads:#78411b;--glow-target:#8e2c36;--glow-crm:#43268a;--panel:#131e26ad;--panel-border:#ffffff12;--glass:#16222b80;--glass-strong:#0f1920cc;--glass-border:#ffffff1c;--glass-hi:inset 0 0 0 1px #ffffff0a;--glass-shadow:0 14px 38px #00000080, 0 1px 2px #0000004d;--field:#060c118c;--sheen:transparent;--shadow-2:0 18px 48px #0000008c;--scrim:#0000008c;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0.8 0.8L5 5L9.2 0.8' fill='none' stroke='%23B3C1C8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--h-resource:#58cc93;--h-resource-ink:#04220f;--h-post:#5ab3d6;--h-post-ink:#05222e;--h-ads:#f5a15a;--h-ads-ink:#2b1203;--h-target:#f27a76;--h-target-ink:#2c0708;--h-crm:#ae92ee;--h-crm-ink:#170a33;--logo-edge:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#070e13;--surface:#111c22;--surface-2:#18262e;--ink:#e1eaee;--ink-2:#b3c1c8;--muted:#8799a3;--line:#ffffff14;--line-strong:#ffffff29;--accent:#5ab3d6;--accent-ink:#05222e;--accent-soft:#123647;--up:#3ccb76;--down:#ff6e6e;--flat:#efb23b;--r-editor:#45c3cd;--r-contributor:#6fa6e8;--r-viewer:#91a2ab;--glow-resource:#157a4e;--glow-post:#19769e;--glow-ads:#78411b;--glow-target:#8e2c36;--glow-crm:#43268a;--panel:#131e26ad;--panel-border:#ffffff12;--glass:#16222b80;--glass-strong:#0f1920cc;--glass-border:#ffffff1c;--glass-hi:inset 0 0 0 1px #ffffff0a;--glass-shadow:0 14px 38px #00000080, 0 1px 2px #0000004d;--field:#060c118c;--sheen:transparent;--shadow-2:0 18px 48px #0000008c;--scrim:#0000008c;--chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0.8 0.8L5 5L9.2 0.8' fill='none' stroke='%23B3C1C8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--h-resource:#58cc93;--h-resource-ink:#04220f;--h-post:#5ab3d6;--h-post-ink:#05222e;--h-ads:#f5a15a;--h-ads-ink:#2b1203;--h-target:#f27a76;--h-target-ink:#2c0708;--h-crm:#ae92ee;--h-crm-ink:#170a33;--logo-edge:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-glass=off]{--panel:var(--surface);--glass:var(--surface);--glass-strong:var(--surface);--field:var(--surface);--sheen:transparent;--blur:0px}@media (prefers-reduced-transparency:reduce){:root:not([data-glass=on]){--panel:var(--surface);--glass:var(--surface);--glass-strong:var(--surface);--field:var(--surface);--sheen:transparent;--blur:0px}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--f-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;letter-spacing:-.005em;margin:0}p{margin:0}a{color:var(--accent)}code{font-family:var(--f-num);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:12.5px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.err{color:var(--down);font-size:13px;font-weight:500}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{isolation:isolate;min-height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52vmax 40vmax at 4% -6%, color-mix(in srgb,var(--glow-resource) 52%,transparent), transparent 70%), radial-gradient(52vmax 40vmax at 96% -6%, color-mix(in srgb,var(--glow-post) 50%,transparent), transparent 70%), radial-gradient(46vmax 44vmax at 112% 62%, color-mix(in srgb,var(--glow-ads) 46%,transparent), transparent 70%), radial-gradient(58vmax 36vmax at 50% 112%, color-mix(in srgb,var(--glow-target) 50%,transparent), transparent 70%), radial-gradient(46vmax 44vmax at -12% 62%, color-mix(in srgb,var(--glow-crm) 48%,transparent), transparent 70%), var(--bg);position:fixed;inset:0}:root[data-glass=off] .app:before{opacity:.35}#screen{flex-direction:column;flex:1;min-width:0;display:flex}.topbar,.nav,.hub,.toast{-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);backdrop-filter:blur(var(--blur)) saturate(180%)}.gate-card,.drawer,.pop{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%)}:root[data-glass=off] :is(.topbar,.nav,.hub,.toast,.gate-card,.drawer,.pop,.scrim){-webkit-backdrop-filter:none;backdrop-filter:none}.logo,.hub-ic{flex:none;display:block}.hub-ic .t{fill:var(--hc)}.hub-ic .g{fill:var(--hi)}.hub-ic .gf{fill:var(--hi);stroke:var(--hi);stroke-width:1.5px;stroke-linejoin:round}.hub-ic .gs{fill:none;stroke:var(--hi);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.ver{vertical-align:2px;font:600 10.5px/1.6 var(--f-num);color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);white-space:nowrap;letter-spacing:0;border-radius:999px;margin-left:6px;padding:0 8px;display:inline-block}.gate{flex:1;place-items:center;padding-block:64px 40px;padding-inline:16px;display:grid}.gate-tools{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:30;position:fixed;right:16px}.gate-card{background:linear-gradient(180deg,var(--sheen),transparent 30%),var(--glass-strong);border:1px solid var(--glass-border);width:min(420px,100%);box-shadow:var(--glass-hi),var(--glass-shadow);border-radius:26px;flex-direction:column;gap:18px;padding:28px;display:flex}@media (max-width:420px){.gate-card{padding:22px 18px}}.gate-brand{align-items:center;gap:14px;display:flex}.gate-brand .logo{width:52px;height:52px}.gate-brand h1{letter-spacing:-.015em;font-size:22px;font-weight:700;line-height:1.2}.gate-brand p{color:var(--muted);font-size:13.5px}.gate-msg{flex-direction:column;gap:6px;display:flex}.gate-msg h2{font-size:16.5px;font-weight:600}.gate-msg p{color:var(--ink-2)}.gate-msg code{background:var(--surface-2);word-break:break-word;border-radius:5px;padding:1px 5px;font-size:12px}.fine{color:var(--muted);text-align:center;text-wrap:pretty;font-size:12.5px}.gate-hubs{justify-content:center;gap:10px;display:flex}.gate-hubs .hub-ic{width:22px;height:22px}.note-line{background:color-mix(in srgb,var(--up) 12%,transparent);color:var(--ink);border-radius:12px;padding:9px 11px;font-size:13px}.note-line.err{background:color-mix(in srgb,var(--down) 12%,transparent)}.note-line.warn{background:color-mix(in srgb,var(--flat) 14%,transparent)}.skel{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent),color-mix(in srgb,var(--ink) 13%,transparent),color-mix(in srgb,var(--ink) 7%,transparent));background-size:200% 100%;border-radius:8px;display:block}@media (prefers-reduced-motion:no-preference){.skel{animation:1.4s ease-in-out infinite sk}@keyframes sk{to{background-position:-200% 0}}}.steps{counter-reset:st;color:var(--ink-2);flex-direction:column;gap:10px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.steps li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;display:grid}.steps li:before{counter-increment:st;content:counter(st);width:24px;height:24px;font:600 12px var(--f-num);color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:50%;place-items:center;display:grid}.steps code{background:var(--surface-2);word-break:break-word;border-radius:5px;padding:1px 5px;font-size:12px}.shell{flex-direction:column;flex:1;min-width:0;display:flex}.chrome{top:env(safe-area-inset-top,0px);z-index:20;position:sticky}.topbar{background:linear-gradient(180deg,var(--sheen),transparent 70%),var(--glass);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-hi),0 6px 20px #0000000a;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;padding-inline:16px;display:flex}.brand{min-width:0;color:inherit;border-radius:10px;align-items:center;gap:10px;text-decoration:none;display:flex}.brand .logo{width:32px;height:32px}.brand-name{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.2;display:block}.brand-sub{color:var(--muted);white-space:nowrap;font-size:12px;display:block}.top-r{align-items:center;gap:8px;min-width:0;display:flex}.chip{border:1px solid var(--glass-border);background:var(--field);height:38px;box-shadow:var(--glass-hi);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:280px;padding:0 12px 0 4px;display:inline-flex}.chip .av{width:30px;height:30px}.chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.tag{white-space:nowrap;height:20px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:999px;flex:none;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}@media (max-width:520px){.chip .chip-name,.chip .tag,.brand-sub{display:none}.chip{padding:0 3px}}.navwrap{pointer-events:none;justify-content:center;padding-block:12px 0;padding-inline:16px;display:flex}.nav{pointer-events:auto;background:linear-gradient(180deg,var(--sheen),transparent 45%),var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-hi),var(--glass-shadow);border-radius:22px;gap:4px;padding:5px;display:inline-flex}.navi{height:36px;color:var(--ink-2);white-space:nowrap;border-radius:17px;align-items:center;gap:8px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.navi:hover{background:color-mix(in srgb,var(--surface) 45%,transparent)}.navi[aria-current=page]{background:var(--glass-strong);color:var(--accent);box-shadow:var(--glass-hi),0 2px 10px #00000012;font-weight:600}@media (max-width:640px){.navwrap{padding:0}.nav{width:100%;box-shadow:var(--glass-hi);scrollbar-width:none;border-width:0 0 1px;border-radius:0;padding:6px 12px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.navi{border-radius:999px;height:32px;padding:0 12px}}.main{outline:none;width:100%;max-width:1120px;margin-inline:auto;padding-block:20px 72px;padding-inline:24px}@media (max-width:640px){.main{padding-block:16px 64px;padding-inline:16px}}.hello{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 20px;margin-block:clamp(10px,4vh,36px) 18px;display:flex}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.hello h1{letter-spacing:-.015em;margin-top:3px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.2}.hello-sub{color:var(--ink-2);font-size:13.5px}.hub-stage{border:1px solid var(--glass-border);box-shadow:var(--glass-hi),var(--glass-shadow);background:linear-gradient(180deg,var(--sheen),transparent 55%),color-mix(in srgb,var(--glass) 55%,transparent);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);backdrop-filter:blur(var(--blur)) saturate(180%);border-radius:26px;padding:20px;position:relative}.hub-stage .hub{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-glass=off] .hub-stage{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.hubs{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.hub{border:1px solid var(--glass-border);min-height:158px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(80% 60% at 50% 34%, color-mix(in srgb,var(--hc) 18%,transparent), transparent 72%),linear-gradient(180deg,var(--sheen),transparent 60%),var(--glass);box-shadow:var(--glass-hi),0 6px 18px #1432461a;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px 10px 18px;text-decoration:none;display:flex;position:relative}.hub:hover{box-shadow:var(--glass-hi),0 14px 32px color-mix(in srgb,var(--hc) 26%,transparent)}.hub-icw{display:block;position:relative}.hub .hub-ic{width:68px;height:68px;filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--hc) 34%,transparent))}.hub-name{text-align:center;font-size:14.5px;font-weight:600;line-height:1.25}.hub.locked{background:linear-gradient(180deg,var(--sheen),transparent 60%),var(--glass)}.hub.locked .hub-ic{filter:grayscale();opacity:.42}.hub.locked .hub-name{color:var(--muted)}.hub.locked:hover{box-shadow:var(--glass-hi),0 6px 18px #1432461a}.lockb{width:26px;height:26px;color:var(--ink-2);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-hi),0 2px 8px #00000024;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-7px;right:-7px}.lockb .ic{width:14px;height:14px}@media (prefers-reduced-motion:no-preference){.hub{transition:transform .2s,box-shadow .2s}.hub:hover{transform:translateY(-3px)}.hub:active{transform:translateY(-1px)scale(.985)}}@media (max-width:760px){.hub-stage{padding:14px}.hubs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hub{border-radius:20px;flex:0 0 calc(33.3333% - 6.66667px);gap:10px;min-height:128px;padding:16px 6px 14px}.hub .hub-ic{width:54px;height:54px}.hub-name{font-size:13px}}.tray-foot{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;padding-inline:4px;font-size:13.5px;display:flex}.tray-foot+.tray-foot{margin-top:8px}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-block:10px 16px;display:flex}.view-head h1{letter-spacing:-.01em;font-size:22px;font-weight:700}.view-head p{color:var(--muted);max-width:66ch;margin-top:4px;font-size:13.5px}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--glass-hi),0 1px 3px #0000000d;border-radius:20px;min-width:0}.panel+.panel{margin-top:16px}.panel-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:14px 16px 12px;display:flex}.panel-h h2{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px;font-weight:600;display:flex}.panel-h h2 .hub-ic{width:22px;height:22px}.panel-h h2 .hint{font-weight:400}.panel-h .input{width:min(260px,100%)}.panel-b{padding:0 16px 16px}.empty{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:6px;padding:28px 20px;display:flex}.empty h2{font-size:15px;font-weight:600}.empty p{color:var(--muted);max-width:56ch}.hubsw{align-items:center;gap:8px;display:inline-flex}.hubsw .hub-ic{width:22px;height:22px}.who{align-items:center;gap:10px;min-width:0;display:flex}.who-t{min-width:0}.who-t b{align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.who-t b span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who-t small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.me{color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;flex:none;padding:0 6px;font-size:11px;font-weight:600}.av{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;flex:none;width:32px;height:32px}.av.ini{color:var(--avc);background:color-mix(in srgb,var(--avc) 18%,var(--surface));border-color:color-mix(in srgb,var(--avc) 30%,transparent);place-items:center;font-size:12.5px;font-weight:700;display:inline-grid}.av.lg{width:42px;height:42px;font-size:15px}.rolep,.stp{white-space:nowrap;height:22px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 24%,transparent);border-radius:999px;flex:none;align-items:center;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.rolep.r-owner{--c:var(--r-owner)}.rolep.r-editor{--c:var(--r-editor)}.rolep.r-contributor{--c:var(--r-contributor)}.rolep.r-viewer{--c:var(--r-viewer)}.rolep.r-none{--c:var(--r-none)}.stp{border:0;gap:6px}.stp:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.stp.s-active{--c:var(--up)}.stp.s-waiting{--c:var(--flat)}.stp.s-unlinked{--c:var(--muted)}.stp.s-left{--c:var(--down)}.stp.s-noname{--c:var(--accent)}.dash{color:var(--muted)}.mrow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 150px 112px 150px 150px 18px;align-items:center;gap:10px;padding:10px 16px;display:grid}.mrow.head{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 62%,transparent);padding-block:8px;font-size:11px;font-weight:600}.mrow.click{cursor:pointer}.mrow.click:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.mtitle{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mtitle i{color:var(--muted);font-style:normal}.mlast{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.mlast.none{color:var(--muted)}.uchev{color:var(--muted);display:flex}.uchev .ic{width:16px;height:16px}.rows-end{border-bottom-right-radius:20px;border-bottom-left-radius:20px}@media (max-width:900px){.mrow.head{display:none}.mrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who st""ti ro""la la";row-gap:6px;padding-block:12px}.mrow>.who{grid-area:who}.mrow>.mstate{grid-area:st;justify-self:end}.mrow>.mtitle{grid-area:ti}.mrow>.mrole{grid-area:ro;justify-self:end}.mrow>.mlast{color:var(--muted);grid-area:la;font-size:12px}.mrow>.mlast.has:before{content:"Đăng nhập gần nhất: "}.mrow>.mlast.empty,.mrow>.uchev{display:none}}details.more{border-top:1px solid var(--line)}details.more>summary{cursor:pointer;color:var(--ink-2);padding:10px 16px;font-size:13px;font-weight:600;list-style-position:inside}.arow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) repeat(5,86px) 150px 18px;align-items:center;gap:10px;padding:10px 16px;display:grid}.arow.head{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 62%,transparent);padding-block:8px;font-size:11px;font-weight:600}.arow.head .hh{text-transform:none;letter-spacing:0;min-width:0;color:var(--ink-2);align-items:center;gap:5px;font-size:11.5px;display:flex}.hh .hub-ic{width:16px;height:16px}.arow.click{cursor:pointer}.arow.click:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.ahubs{display:contents}.ah{align-items:center;min-width:0;display:flex}.ah .hub-ic{display:none}.ah.off{opacity:.5}@media (max-width:1000px){.arow.head{display:none}.arow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who la""hubs hubs";row-gap:8px;padding-block:12px}.arow>.who{grid-area:who}.arow>.mlast{grid-area:la;justify-self:end}.arow>.uchev{display:none}.ahubs{grid-area:hubs;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:520px;display:grid}.ah{background:color-mix(in srgb,var(--surface) 50%,transparent);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;gap:4px;padding:7px 2px 6px}.ah .hub-ic{width:18px;height:18px;display:block}.ah .rolep{height:18px;padding:0 6px;font-size:10.5px}}.trow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 120px 90px 18px;align-items:center;gap:10px;padding:10px 16px;display:grid}.trow.click{cursor:pointer}.trow.click:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.trow b{font-weight:600}.trow .rolep{justify-self:start}.trow .cnt{font:500 12.5px var(--f-num);color:var(--ink-2);text-align:right;white-space:nowrap}@media (max-width:560px){.trow{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.trow .cnt{text-align:left;grid-column:1}.trow .uchev{display:none}}.tform{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px auto;align-items:end;gap:8px;padding:12px 16px 16px;display:grid}@media (max-width:640px){.tform{grid-template-columns:minmax(0,1fr)}}.legend{border-top:1px solid var(--line);color:var(--ink-2);flex-direction:column;gap:6px;padding:12px 16px 16px;font-size:13px;display:flex}.legend div{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.lgrp{border-top:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);gap:4px 14px;padding:12px 16px;display:grid}.lgrp:first-child{border-top:0}.lgrp time{font:500 12.5px var(--f-num);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}.lmain{flex-direction:column;gap:3px;min-width:0;display:flex}.lwho{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;display:flex}.lwho .hub-ic{width:16px;height:16px}.lwho b{color:var(--ink-2);font-weight:600}.lline{color:var(--ink);overflow-wrap:anywhere;font-size:13.5px}.lline b{font-weight:600}.lline.sub{color:var(--ink-2);font-size:12.5px}@media (max-width:640px){.lgrp{grid-template-columns:minmax(0,1fr)}}.btn{border:1px solid var(--line-strong);background:var(--field);height:34px;box-shadow:var(--glass-hi);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface)}.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent));color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff59,0 4px 14px color-mix(in srgb,var(--accent) 32%,transparent);border-color:#0000}.btn.primary:hover{background:var(--accent)}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:color-mix(in srgb,var(--surface) 50%,transparent)}.btn.danger{color:var(--down);border-color:color-mix(in srgb,var(--down) 40%,transparent)}.btn.sm{height:28px;padding:0 11px;font-size:12.5px}.btn.lg{height:44px;font-size:15px;font-weight:600}.btn.full{width:100%}.btn.icon{border-radius:50%;width:38px;height:38px;padding:0}.btn[disabled]{opacity:.55;cursor:not-allowed}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600}.seg{background:color-mix(in srgb,var(--surface-2) 55%,transparent);border:1px solid var(--glass-border);border-radius:999px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:500}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--glass-hi),0 2px 10px #0000001a}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label,.lbl{color:var(--ink-2);font-size:12.5px;font-weight:600}.input{border:1px solid var(--line-strong);background-color:var(--field);border-radius:11px;width:100%;min-width:0;height:36px;padding:0 10px}.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:0;border-color:var(--accent)}.input:disabled,.input[readonly]{background-color:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--ink-2)}select.input,select.input:disabled{appearance:none;background-image:var(--chev);background-position:right 11px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:29px}.check{cursor:pointer;color:var(--ink);align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:1px 0 0}.check small{color:var(--muted);font-size:12.5px;display:block}.check.sw{align-items:center}.check.sw input{appearance:none;cursor:pointer;background:color-mix(in srgb,var(--ink) 20%,transparent);width:44px;height:26px;box-shadow:inset 0 0 0 1px var(--glass-border);border-radius:999px;margin:0;transition:background-color .2s;position:relative}.check.sw input:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.check.sw input:checked{background:var(--accent)}.check.sw input:checked:before{transform:translate(18px)}.check.sw input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.check.sw input:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.check.sw input,.check.sw input:before{transition:none}}.infobox{color:var(--ink-2);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:14px;flex-direction:column;gap:8px;padding:12px;font-size:13px;display:flex}.infobox.warn{background:color-mix(in srgb,var(--flat) 10%,transparent);border-color:color-mix(in srgb,var(--flat) 26%,transparent)}.infobox b{color:var(--ink)}.scrim{z-index:40;background:color-mix(in srgb,var(--scrim) 75%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.drawer{z-index:41;top:calc(env(safe-area-inset-top,0px) + 10px);right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(180deg,var(--sheen),transparent 18%),var(--glass-strong);border:1px solid var(--glass-border);width:min(560px,100% - 20px);box-shadow:var(--glass-hi),var(--shadow-2);border-radius:26px;flex-direction:column;display:flex;position:fixed;overflow:hidden}@media (prefers-reduced-motion:no-preference){.drawer{animation:.2s ease-out slidein}@keyframes slidein{0%{opacity:.6;transform:translate(24px)}}}@media (max-width:560px){.drawer{width:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);border-width:0;border-radius:0;top:0;bottom:0;right:0}}.drawer form{flex-direction:column;flex:1;min-height:0;display:flex}.drawer-h{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 12px 12px 20px;display:flex}.drawer-h h2{flex:1;font-size:16px;font-weight:600}.drawer-b{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:22px;padding:18px 20px 22px;display:flex;overflow-y:auto}.drawer-f{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 20px;display:flex}.fs{flex-direction:column;gap:12px;display:flex}.fs h3{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.person{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 55%,transparent);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.person .who-t{flex:1}.kv{grid-template-columns:150px minmax(0,1fr);gap:6px 12px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{color:var(--ink);overflow-wrap:anywhere;margin:0}@media (max-width:460px){.kv{grid-template-columns:minmax(0,1fr)}.kv dd{margin-bottom:6px}}.prm{border-top:1px solid var(--line);grid-template-columns:30px minmax(0,1fr) 196px;align-items:center;gap:12px;padding-top:12px;display:grid}.prm .hub-ic{align-self:start;width:30px;height:30px;margin-top:1px}.prm-t b{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.prm-t small{color:var(--muted);font-size:12px;display:block}@media (max-width:500px){.prm{grid-template-columns:30px minmax(0,1fr)}.prm>.input,.prm>.dev{grid-column:2}}.dev{height:18px;color:var(--flat);background:color-mix(in srgb,var(--flat) 14%,transparent);border-radius:999px;align-items:center;width:max-content;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.pop-catch{z-index:44;position:fixed;inset:0}.pop{z-index:45;top:calc(env(safe-area-inset-top,0px) + 62px);background:linear-gradient(180deg,var(--sheen),transparent 30%),var(--glass-strong);border:1px solid var(--glass-border);width:min(330px,100% - 32px);max-height:calc(100% - 80px);box-shadow:var(--glass-hi),var(--shadow-2);border-radius:22px;outline:none;flex-direction:column;gap:14px;padding:16px;display:flex;position:fixed;right:16px;overflow:auto}.pop-sec{border-top:1px solid var(--line);flex-direction:column;gap:9px;padding-top:12px;display:flex}.pop>.pop-sec:first-child{border-top:0;padding-top:0}.pop-sec h3{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.pop-row{color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;display:flex}.pop-note{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:13px;display:flex}.pop-note .ic{color:var(--accent);margin-top:1px}.acct{align-items:center;gap:12px;min-width:0;display:flex}.acct-t{flex:1;min-width:0}.acct-t b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.acct-t span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.mylv{align-items:center;gap:10px;display:flex}.mylv .hub-ic{width:22px;height:22px}.mylv .nm{flex:1;font-size:13.5px}.mylv .st{color:var(--muted);font-size:12px}.toasts{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(520px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{max-width:100%;color:var(--ink);pointer-events:auto;background:linear-gradient(180deg,var(--sheen),transparent 60%),var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-hi),var(--glass-shadow);border-radius:18px;align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;display:flex}.toast:before{content:"";background:var(--tc);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 22%,transparent);border-radius:50%;flex:none}.toast{--tc:var(--up)}.toast.info{--tc:var(--accent)}.toast.warn{--tc:var(--flat)}.toast.err{--tc:var(--down)}@media (prefers-reduced-motion:no-preference){.toast{animation:.22s ease-out tin}@keyframes tin{0%{opacity:0;transform:translateY(8px)}}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar,.nav,.hub,.toast,.gate-card,.drawer,.pop{background:var(--surface)}}:root{--r-hover:12px;--r-hover-sm:10px}.mrow.click,.arow.click,.trow.click{isolation:isolate;position:relative}.mrow.click:hover,.arow.click:hover,.trow.click:hover{background:0 0;border-top-color:#0000}.mrow.click:hover:before,.arow.click:hover:before,.trow.click:hover:before{content:"";border-radius:var(--r-hover);background:color-mix(in srgb,var(--accent) 7%,transparent);z-index:-1;pointer-events:none;position:absolute;inset:3px 6px}.mrow.click:hover+.mrow,.arow.click:hover+.arow,.trow.click:hover+.trow{border-top-color:#0000}.tbl{border-collapse:separate;border-spacing:0}.tbl tr.click:hover td,.tbl tr.click:hover+tr td{border-top-color:#0000}.tbl tr.click:hover td:first-child{border-radius:var(--r-hover-sm) 0 0 var(--r-hover-sm)}.tbl tr.click:hover td:last-child{border-radius:0 var(--r-hover-sm) var(--r-hover-sm) 0}