:root{--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--surface:#fff;--background:#f8fafc;--accent:#16a34a;--accent-hover:#15803d;--accent-soft:#dcfce7;--danger:#dc2626;--danger-soft:#fef2f2;--radius:10px;--shadow:0 1px 2px #0f172a0d, 0 1px 3px #0f172a0f;--shadow-lg:0 12px 32px #0f172a29;--hover:#f3f4f6;--subtle:#f9fafb;--border-strong:#cbd5e1;--text-soft:#374151;--logo-text:#052e16;--warn:#f59e0b;--warn-bg:#fffbeb;--warn-bg-strong:#fef3c7;--warn-border:#fde68a;--warn-text:#92400e;--warn-text-strong:#b45309;--error-text:#b91c1c;--success-bg:#ecfdf5;--success-text:#047857;--info-bg:#f0f9ff;--info-text:#0369a1;--order-bg:#eef2ff;--order-text:#4338ca;--required-bg:#fff7ed;--required-text:#c2410c;--stripe:#e9eaec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--text:#e5e7eb;--muted:#9ca3af;--border:#2b3542;--surface:#151b23;--background:#0d1117;--accent-soft:#22c55e29;--danger:#f87171;--danger-soft:#f871711f;--shadow:0 1px 2px #0006;--shadow-lg:0 12px 32px #00000080;--hover:#1f2731;--subtle:#11161d;--border-strong:#3d4a5c;--text-soft:#d1d5db;--logo-text:#dcfce7;--warn-bg:#f59e0b1a;--warn-bg-strong:#f59e0b2e;--warn-border:#f59e0b66;--warn-text:#fcd34d;--warn-text-strong:#fbbf24;--error-text:#fca5a5;--success-bg:#10b98124;--success-text:#6ee7b7;--info-bg:#0ea5e924;--info-text:#7dd3fc;--order-bg:#6366f129;--order-text:#a5b4fc;--required-bg:#f9731624;--required-text:#fdba74;--stripe:#1b222b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] :is(input:not([type=checkbox],[type=radio]),select,textarea){background-color:var(--surface);color:var(--text)}body{color:var(--text);background:var(--background);margin:0;font-family:system-ui,sans-serif}h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.6rem}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.topbar nav{gap:.25rem;display:flex}.topbar a{color:inherit;border-radius:6px;padding:.35rem .6rem;text-decoration:none}.topbar a:hover{background:var(--hover)}.topbar a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.topbar a.brand{background:0 0;padding:0}.logo{letter-spacing:-.03em;color:var(--logo-text);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.logo-mark{filter:drop-shadow(0 2px 6px #22c55e59);flex:none}.hero{text-align:center;justify-items:center;gap:1rem;margin-top:4rem;display:grid}.splash{place-items:center;min-height:100vh;display:grid}.splash .logo-mark{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55;transform:scale(.94)}}.topbar-user{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.topbar nav{white-space:nowrap;scrollbar-width:none;min-width:0;overflow-x:auto}.topbar>.avatar{margin-left:auto}.topbar>.avatar+.topbar-user{margin-left:-.5rem}.topbar>button{white-space:nowrap;flex-shrink:0}.page{max-width:40rem;margin:3rem auto;padding:0 1rem}.page.wide{max-width:72rem;margin-top:2rem}.profile-card{overflow:hidden}.profile-header{background:linear-gradient(135deg, var(--accent-soft), var(--surface) 70%);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.avatar.large{width:3.5rem;height:3.5rem;font-size:1.25rem}.avatar.huge{width:8rem;height:8rem;box-shadow:0 0 0 4px var(--surface), 0 0 0 5px var(--border);font-size:2.5rem}.avatar.small{width:1.6rem;height:1.6rem;font-size:.65rem}.profile-photo{align-items:center;gap:.5rem;display:flex}.language-picker{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.5rem;width:100%;display:grid}.language-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.65rem;padding:.6rem .75rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.language-option:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.language-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.language-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.language-option[aria-checked=true]:after{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border-radius:50%;width:1rem;height:1rem;position:absolute;top:.45rem;right:.45rem}.language-sample{background:var(--hover);width:2.25rem;height:2.25rem;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:1.05rem;font-weight:600;transition:background .15s,color .15s;display:grid}.language-option[aria-checked=true] .language-sample{background:var(--accent);color:#fff}.language-names{min-width:0;line-height:1.25;display:grid}.language-name{font-weight:600}.language-english{color:var(--muted);font-size:.8rem}.picture-gate .language-picker{grid-template-columns:1fr 1fr}.picture-gate{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.picture-gate-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:min(100%,26rem);padding:2rem;display:flex}.picture-gate-card h1{margin:0;font-size:1.35rem}.picture-gate-card>p{margin:0}.picture-gate-actions{gap:.5rem;display:flex}.picture-gate-logout{font-size:.85rem}.profile-identity{flex:1;min-width:0}.profile-identity h1{margin:0;font-size:1.35rem}.profile-identity p{margin:.15rem 0 0}.profile-section{margin:0;padding:1.25rem 1.5rem}.profile-section+.profile-section{border-top:1px solid var(--border)}.profile-section>p{margin:.4rem 0 0}.field>.profile-edit{gap:.5rem;margin:0;font-size:1rem;font-weight:400;display:flex}.profile-edit input{flex:1;min-width:0}.profile-details{grid-template-columns:max-content 1fr;align-items:center;gap:.75rem 1.5rem;display:grid}.profile-details dt{color:var(--muted);font-size:.88rem}.profile-details dd{margin:0}.profile-id{align-items:center;gap:.5rem;display:flex}.profile-id code{background:var(--hover);border-radius:6px;padding:.2rem .45rem;font-size:.85rem}.mono{word-break:break-all;font-family:ui-monospace,monospace}.muted{color:var(--muted)}.small{font-size:.82rem}button{cursor:pointer;font:inherit;padding:.5rem 1rem}button:disabled{cursor:not-allowed;opacity:.55}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;font-weight:500;transition:background .15s,border-color .15s}.button:hover:not(:disabled){background:var(--hover)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.ghost{background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){background:var(--hover)}.button.danger-ghost{color:var(--danger);background:0 0;border-color:#0000}.button.danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.push-left{margin-right:auto}.icon-button{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:.15rem .5rem;font-size:1.2rem;line-height:1}.icon-button:hover{background:var(--hover);color:var(--text)}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header p{margin:0}.tabs{border-bottom:1px solid var(--border);gap:1.5rem;margin-bottom:1.25rem;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem .1rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.tabs a:hover{color:var(--text)}.tabs a[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.tabs a[aria-selected=true] .count{color:var(--accent)}.tab-header{justify-content:space-between;align-items:center;gap:1rem;min-height:2.4rem;margin-bottom:1rem;display:flex}.tab-header p{margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.search{border:1px solid var(--border);min-width:16rem;font:inherit;background:var(--surface);border-radius:8px;padding:.5rem .75rem}.search:focus,.field input:focus,.role-select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.filter-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.92rem;display:inline-flex}.filter-button:hover{background:var(--hover)}.filter-button.active{border-color:var(--accent);background:var(--accent-soft)}.caret{color:var(--muted);margin-left:.15rem;font-size:.75rem}.filter-menu{min-width:15rem;max-width:24rem}.filter-search{box-sizing:border-box;width:100%;min-width:0;margin-bottom:.3rem}.filter-options{max-height:18rem;overflow-y:auto}.filter-detail{color:var(--muted);word-break:break-all;font-family:ui-monospace,monospace;font-size:.75rem;display:block}.filter-empty{margin:.5rem .6rem}.date-filter{align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.date-filter input{border:1px solid var(--border);font:inherit;background:var(--surface);border-radius:8px;padding:.45rem .5rem}.table tr.clickable{cursor:pointer}.method{min-width:3.6rem;color:var(--muted);font-family:ui-monospace,monospace;font-size:.78rem;font-weight:600;display:inline-block}.table .details-row td{background:var(--subtle);padding-top:0}.details{color:#e2e8f0;background:#0f172a;border-radius:8px;max-height:20rem;margin:.5rem 0 0;padding:.75rem;font-size:.8rem;overflow:auto}.load-more{border-top:1px solid var(--border);justify-content:center;padding:.75rem;display:flex}.filter-menu .check-row{padding:.45rem .6rem}.filter-option{flex:1}.filter-menu-footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:.25rem;padding-top:.25rem;display:flex}.menu .filter-menu-footer button{width:auto;color:var(--accent);padding:.35rem .6rem;font-size:.85rem}.menu .filter-menu-footer button:disabled{color:var(--muted)}.count{color:var(--muted);margin-left:.4rem;font-size:.78rem}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty p{margin:.25rem 0}.table-card{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--subtle);border-bottom:1px solid var(--border);padding:.65rem 1rem;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--subtle)}.row-blocked .user-cell{opacity:.55}.table .actions{text-align:right;width:1%}.user-cell{align-items:center;gap:.75rem;display:flex}.user-name{align-items:center;gap:.4rem;font-weight:500;display:flex}.role-select{border:1px solid var(--border);background:var(--surface);font:inherit;border-radius:6px;padding:.3rem .5rem;font-size:.88rem}.avatar{border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:inline-grid}img.avatar{object-fit:cover;background:var(--hover)}.avatar.more{background:var(--hover);color:var(--muted)}.chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.chip{border:1px solid var(--border);background:var(--subtle);border-radius:999px;padding:.15rem .55rem;font-size:.8rem}.chip.add{color:var(--accent);cursor:pointer;background:0 0;border-style:dashed}.chip.add:hover{background:var(--accent-soft)}.badge{white-space:nowrap;border-radius:999px;padding:.12rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge.success{background:var(--success-bg);color:var(--success-text)}.badge.warning{background:var(--warn-bg);color:var(--warn-text-strong)}.badge.danger{background:var(--danger-soft);color:var(--error-text)}.badge.neutral{background:var(--hover);color:var(--muted)}.badge.role-super_admin{background:var(--accent-soft);color:var(--accent)}.badge.role-read_only_super_admin{background:var(--info-bg);color:var(--info-text)}.badge.role-labeler,.badge.role-none{background:var(--hover);color:var(--text-soft)}.menu{border:1px solid var(--border);background:var(--surface);min-width:13rem;box-shadow:var(--shadow-lg);border-radius:8px;margin:0;padding:.3rem;position:fixed;inset:auto}.menu button{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;display:block}.menu button:hover{background:var(--hover)}.menu button.danger{color:var(--danger)}.menu button.danger:hover{background:var(--danger-soft)}.dialog{width:min(32rem,100vw - 2rem);box-shadow:var(--shadow-lg);color:var(--text);border:none;border-radius:14px;padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66}.dialog[open]{animation:.16s ease-out dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem 0;display:flex}.dialog-header h2{margin:0;font-size:1.15rem}.dialog-body{padding:1rem 1.25rem}.dialog-body>p:first-child{margin-top:0}.dialog-footer{border-top:1px solid var(--border);background:var(--subtle);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.form{gap:1rem;display:grid}.field{border:none;gap:.35rem;min-width:0;margin:0;padding:0;display:grid}.field>span,.field>legend{margin-bottom:.35rem;padding:0;font-size:.88rem;font-weight:600}.field input:not([type=checkbox],[type=radio]){border:1px solid var(--border);font:inherit;border-radius:8px;padding:.55rem .75rem}.form-error{background:var(--danger-soft);color:var(--error-text);border-radius:8px;margin:.75rem 0 0;padding:.6rem .75rem;font-size:.9rem}.role-cards{gap:.5rem;display:grid}.role-card{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-content:start;gap:.25rem;padding:.75rem;transition:border-color .15s,background .15s;display:grid;position:relative}.role-card input{opacity:0;position:absolute}.role-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.role-card:has(input:focus-visible){outline:2px solid var(--accent)}.check-title{font-weight:500}.checklist{gap:.15rem;max-height:14rem;display:grid;overflow-y:auto}.checklist.tall{max-height:20rem;margin-top:.5rem}.check-row{cursor:pointer;border-radius:6px;align-items:center;gap:.65rem;padding:.45rem .5rem;display:flex}.check-row:hover{background:var(--subtle)}.check-row input{accent-color:var(--accent);width:1rem;height:1rem}.group-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.group-card{text-align:left;color:inherit;gap:.4rem;padding:1.1rem 1.2rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.group-card:hover{box-shadow:var(--shadow-lg);border-color:#86efac;transform:translateY(-2px)}.group-name{font-size:1.05rem;font-weight:600}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;display:-webkit-box;overflow:hidden}.group-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.avatar-stack{min-height:2rem;display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-.5rem}.avatar-stack .avatar:first-child{margin-left:0}.role-cards.two-columns{grid-template-columns:1fr 1fr}.role-card:has(input:disabled){cursor:default}.badge.order{background:var(--order-bg);color:var(--order-text);letter-spacing:.03em;font-family:ui-monospace,monospace}.badge.required{background:var(--required-bg);color:var(--required-text)}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:inline-flex}.segmented a{color:var(--muted);border-radius:7px;padding:.4rem .9rem;font-weight:500;text-decoration:none}.segmented a:hover{color:var(--text)}.segmented a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.type-section{padding:1.25rem 1.25rem .75rem}.type-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.type-header h2{margin:0 0 .25rem;font-size:1.2rem}.type-header p{margin:0}.type-header code{white-space:nowrap}.section-title{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.section-title h3,.examples-title{margin:0;font-size:.95rem}.examples-title{margin:1.75rem 0 .75rem}.small-button{white-space:nowrap;flex:none;padding:.3rem .6rem;font-size:.85rem}.schema-table{border:1px solid var(--border);border-radius:8px}.schema-table td{vertical-align:top}.schema-field{white-space:nowrap;font-size:.85rem;font-weight:600;display:inline-block}.nowrap{white-space:nowrap}.example-grid{grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:1rem;display:grid}.example-card{grid-template-rows:auto 1fr auto;gap:.75rem;padding:1rem 1.1rem;display:grid}.example-card h4{margin:0 0 .2rem;font-size:1rem}.example-card header p{margin:0}.example-card .details{max-height:26rem;margin:0}.example-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.6rem;display:flex}.example-footer code.chip{font-size:.75rem}.preview{align-content:start;gap:.6rem;display:grid}.preview:focus-visible,.preview:focus-within{outline:none}.preview-answer{align-items:start;gap:.5rem;display:flex}.preview-answer .details{flex:1;margin:0}kbd{border:1px solid var(--border-strong);background:var(--subtle);min-width:1.1rem;color:var(--muted);text-align:center;border-bottom-width:2px;border-radius:4px;padding:0 .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.4;display:inline-block}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}.task-layout{gap:.75rem;display:grid;position:relative}.task-layout.screen{grid-template-columns:minmax(0,1fr) 22rem;gap:1.5rem;height:100%;min-height:0}.task-layout.screen.panel-hidden{grid-template-columns:minmax(0,1fr)}.task-media{min-width:0;min-height:0}.task-panel-hide{align-self:flex-end;align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.task-panel-show{z-index:3;color:#e3ece6;background:#0000008c;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.8rem;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.task-panel{align-content:start;gap:.6rem;display:grid}.task-layout.screen .task-panel{flex-direction:column;gap:1rem;min-height:0;display:flex;overflow:auto}.task-prompt{margin:0;font-size:1rem;font-weight:600}.task-layout.screen .task-prompt{font-size:1.25rem}.task-instructions{border-left:3px solid var(--border);background:var(--subtle);white-space:pre-line;margin:0;padding:.5rem .65rem;font-size:.88rem}.task-shortcuts{margin-top:auto;font-size:.8rem}.task-shortcuts dl{gap:.3rem;margin:.5rem 0 0;display:grid}.task-shortcuts dl div{align-items:baseline;gap:.6rem;display:flex}.task-shortcuts dt{min-width:4.5rem}.task-shortcuts dd{margin:0}@media (width<=900px){.task-layout.screen{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}}.player{gap:.5rem;display:grid}.task-layout.screen .player{grid-template-rows:minmax(0,1fr) auto auto;height:100%}.player.fullscreen{color:#e3ece6;background:#000;grid-template-rows:minmax(0,1fr) auto auto;padding:.75rem}.player-stage{aspect-ratio:16/9;background:#0b0f0d;border-radius:8px;position:relative;overflow:hidden}.task-layout.screen .player-stage,.player.fullscreen .player-stage{aspect-ratio:auto;min-height:0}.zoom-viewport{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.zoom-viewport.owns-touch,.zoom-viewport.zoomed{touch-action:none}.zoom-viewport.zoomed{cursor:grab}.zoom-viewport.gesturing{cursor:grabbing}.zoom-content{transform-origin:0 0;position:absolute;inset:0}.zoom-frame{position:absolute}.zoom-frame>video,.zoom-frame>img{width:100%;height:100%;display:block}.zoom-controls{opacity:0;background:#0f172aa6;border-radius:8px;gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;bottom:.5rem;right:.5rem}.player-stage:hover .zoom-controls,.zoom-viewport.zoomed .zoom-controls,.zoom-controls:focus-within{opacity:1}.zoom-controls button{color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:6px;min-width:1.8rem;height:1.6rem;padding:0 .3rem;font-size:.85rem}.zoom-controls button:hover:not(:disabled){background:#ffffff26}.zoom-controls button:disabled{opacity:.45}.zoom-controls .zoom-level{min-width:3.2rem}.media-box{box-sizing:border-box;border:calc(2px / var(--zoom,1)) solid var(--box-color);border-radius:calc(3px / var(--zoom,1));box-shadow:0 0 0 calc(1px / var(--zoom,1)) #00000080;pointer-events:none;position:absolute}.media-box-label{bottom:100%;left:calc(-2px / var(--zoom,1));background:var(--box-color);color:#111827;white-space:nowrap;transform:scale(calc(1 / var(--zoom,1)));transform-origin:0 100%;border-radius:3px;padding:0 .3rem;font-size:.7rem;font-weight:600;position:absolute}.player-status{color:#fff;text-align:center;pointer-events:none;background:#00000073;place-content:center;justify-items:center;gap:.4rem;padding:1rem;font-size:.9rem;display:grid;position:absolute;inset:0}.player-status p{margin:0}.player-status.error{pointer-events:auto;background:#000000bf}.player-status-actions{gap:.5rem;margin-top:.4rem;display:flex}.player-status-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;padding:.35rem .8rem}.timeline{gap:3px;display:grid}.timeline-track{background:var(--border);cursor:pointer;touch-action:none;border-radius:4px;height:8px;margin:4px 0;position:relative}.timeline-window{background:#16a34a38;border-radius:4px;position:absolute;top:-2px;bottom:-2px;box-shadow:inset 0 0 0 1px #16a34a99}.timeline-played{background:var(--accent);opacity:.65;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.timeline-head{background:var(--text);border-radius:2px;width:4px;height:16px;position:absolute;top:-4px;transform:translate(-50%)}.timeline-boxes{height:3px;position:relative}.timeline-boxes span{border-radius:2px;position:absolute;top:0;bottom:0}.timeline-caption{color:var(--muted);font-size:.75rem}.player-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.player-buttons{align-items:center;gap:.3rem;display:flex}.player-controls button{border:1px solid var(--border);background:var(--surface);min-width:2rem;color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.player-controls button:hover{border-color:var(--border-strong)}.player-controls .player-play{min-width:2.6rem;font-weight:600}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:.25rem;font-size:.8rem}.player-speeds{gap:2px;display:inline-flex}.player-controls .player-speeds button{min-width:0;padding:.25rem .45rem}.player-controls .player-speeds button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.player-controls .player-fullscreen{margin-left:auto}.player-controls .player-box-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.label-sheet{z-index:4;animation:.15s ease-out zen-in;position:absolute;inset:0}.label-sheet-backdrop{cursor:default;background:#00000073;border:none;border-radius:8px;position:absolute;inset:0}.label-sheet-panel{overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:.4rem;width:min(20rem,100% - 1.5rem);max-height:calc(100% - 1.5rem);padding:.75rem;display:grid;position:absolute;top:.75rem;right:.75rem;overflow:auto;box-shadow:0 12px 32px #0006}.label-sheet-title{margin:0 0 .2rem;font-weight:600}.label-sheet-panel .link-button{justify-self:start;align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.yes-no{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.task-layout.screen .yes-no{grid-template-columns:1fr}.label-button.answer-no[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:500}.label-button.answer-yes[aria-pressed=true]{color:#f87171;background:#f8717124;border-color:#f87171;font-weight:500}.answer-detail{font-weight:400}.label-picker{gap:.6rem;display:grid}.label-buttons{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.4rem;display:grid}.task-layout.screen .label-buttons{grid-template-columns:1fr}.label-button{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.9rem;display:flex}.task-layout.screen .label-button{padding:.8rem 1rem;font-size:1rem}.label-button:hover:not(:disabled){border-color:#86efac}.label-button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:500}.label-button:disabled{cursor:not-allowed;opacity:.55}.label-keys{gap:3px;display:inline-flex}.label-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.label-hint{color:var(--muted);font-size:.8rem}.label-submit{background:var(--accent);color:#fff;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;display:inline-flex}.label-submit:disabled{opacity:.5}.label-submit kbd{color:#fff;background:#fff3;border-color:#0000}.zen-stage.has-task{place-items:stretch stretch;min-height:0;padding:0 1.5rem}.zen-slide{min-height:0;display:grid}.zen-slide:has(>.zen-waiting){place-content:center}.zen-stage.has-task{overflow:hidden}.zen-stage.has-task>.zen-slide{grid-area:1/1;grid-template-rows:minmax(0,1fr)}.zen-slide.enter{animation:.24s ease-out 80ms backwards zen-task-enter}.zen-slide[class*=leave-]{z-index:1;pointer-events:none;animation:none}.zen-slide[class*=return-]{animation:none}.zen-slide.leave-left,.zen-slide.return-left{animation-name:zen-task-left}.zen-slide.leave-right,.zen-slide.return-right{animation-name:zen-task-right}.zen-slide.leave-up,.zen-slide.return-up{animation-name:zen-task-up}.zen-slide.leave-down,.zen-slide.return-down{animation-name:zen-task-down}@keyframes zen-task-enter{0%{opacity:0;transform:scale(.985)}}@keyframes zen-task-left{to{opacity:0;transform:translate(-14%)rotate(-2deg)}}@keyframes zen-task-right{to{opacity:0;transform:translate(14%)rotate(2deg)}}@keyframes zen-task-up{to{opacity:0;transform:translateY(-12%)}}@keyframes zen-task-down{to{opacity:0;transform:translateY(12%)}}@keyframes zen-task-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.zen-slide[class*=leave-],.zen-slide[class*=return-]{animation-name:zen-task-fade}.zen-slide.enter{animation-name:zen-in}}.zen-task{grid-template-rows:minmax(0,1fr) auto;gap:.75rem;min-height:0;display:grid}.zen kbd{color:#9fb3a7;background:#ffffff0f;border-color:#fff3}.zen .task-instructions{color:#c7d6cd;background:#ffffff0a;border-left-color:#fff3}.zen .label-button,.zen .player-controls button,.player.fullscreen .player-controls button{color:#e3ece6;background:#ffffff0d;border-color:#ffffff24}.zen .label-sheet-panel{color:#e3ece6;background:#111815;border-color:#ffffff24}.zen .label-button.answer-no[aria-pressed=true],.zen .label-button[aria-checked=true],.zen .player-controls .player-speeds button[aria-checked=true],.player.fullscreen .player-controls .player-speeds button[aria-checked=true]{color:#bbf7d0;background:#4ade8029;border-color:#4ade80}.zen .timeline-track,.player.fullscreen .timeline-track{background:#ffffff1f}.zen .timeline-head,.player.fullscreen .timeline-head{background:#e3ece6}.zen .label-hint,.zen .player-time,.zen .timeline-caption,.zen .link-button{color:#8ea397}.zen-actions{align-items:center;gap:.75rem;display:flex}.zen-undo{color:#e3ece6;text-align:left;background:#13261ceb;border:1px solid #ffffff2e;border-radius:10px;gap:.2rem;max-width:min(24rem,100vw - 3rem);padding:.55rem .9rem .65rem;animation:.2s ease-out zen-in;display:grid;position:absolute;bottom:1rem;right:1.5rem;overflow:hidden;box-shadow:0 8px 24px #00000059}.zen-undo:hover{border-color:#4ade8099}.zen-undo-main{align-items:center;gap:.45rem;font-weight:600;display:flex}.zen-undo-count{color:#8ea397;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:1rem;font-weight:400}.zen-undo-bar{height:3px;animation:zen-undo var(--undo-ms) linear forwards;background:#4ade80;position:absolute;bottom:0;left:0}@keyframes zen-undo{0%{width:100%}to{width:0}}.practice-actions{gap:.5rem;margin-top:1rem;display:flex}.type-header-actions{align-items:center;gap:.75rem;display:flex}.small-segmented button{padding:.2rem .6rem;font-size:.8rem}.create-task{gap:.75rem;margin-top:1.5rem;display:grid}.create-task .section-title p{margin:.2rem 0 0}.create-task-options{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.create-task-options label{gap:.2rem;display:grid}.create-task-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.create-task-send{gap:.5rem;margin-left:auto;display:flex}.create-task-result{border:1px solid var(--border);border-radius:8px;gap:.5rem;padding:.75rem;display:grid}.create-task-result.failed{border-color:var(--danger)}.create-task-result-header{justify-content:space-between;display:flex}.create-task-result .details{max-height:24rem;margin:0}.status-chips{flex-wrap:wrap;gap:.4rem;display:flex}.status-chips button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.status-chips button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:500}.tab-header-actions{align-items:center;gap:.75rem;display:flex}.task-search{min-width:18rem}.priority-input{width:4.5rem}.table .numeric{text-align:right;font-variant-numeric:tabular-nums}.dialog:has(.task-modal){width:min(60rem,100vw - 2rem);margin-top:max(1rem,6vh)}.task-modal{gap:1.25rem;display:grid}.task-modal h3{margin:0 0 .5rem;font-size:.95rem}.task-modal .section-title h3{margin:0}.task-modal .details{max-height:20rem;margin:0}.task-fields{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem 1.25rem;margin:0;display:grid}.task-field dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.task-field dd{overflow-wrap:anywhere;margin:.15rem 0 0}.task-timeline{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.task-timeline li{border-left:2px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding-left:.75rem;display:flex}.task-timeline-kind{font-weight:500}.toasts{z-index:10;gap:.5rem;display:grid;position:fixed;bottom:1.25rem;right:1.25rem}.toast{max-width:24rem;box-shadow:var(--shadow-lg);color:#fff;background:#111827;border-radius:8px;padding:.7rem 1rem;font-size:.9rem;animation:.16s ease-out dialog-in}.toast.error{background:#991b1b}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:7px;padding:.35rem .9rem;font-weight:500}.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--accent-soft);color:var(--accent)}.theme-picker{justify-self:start;width:fit-content;margin-bottom:0}.theme-picker button{align-items:center;gap:.5rem;display:inline-flex}.theme-swatch{border:1px solid var(--border-strong);border-radius:50%;width:.9rem;height:.9rem}.theme-swatch.light{background:#fff}.theme-swatch.dark{background:#151b23}.theme-swatch.system{background:linear-gradient(135deg,#fff 50%,#151b23 50%)}.tier-summary{margin:0;padding-left:1.1rem}.policy-layout{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1.25rem;display:grid}@media (width<=960px){.policy-layout{grid-template-columns:1fr}}.policy-editor{padding:1.25rem}.policy-editor-top{justify-content:space-between;align-items:center;display:flex}.policy-editor-top .segmented{margin:0}.policy-editor-actions{justify-content:flex-end;gap:.5rem;display:flex}.policy-editor>.muted.small{margin:0}.json-editor{border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.45}.json-editor:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.tier{border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);gap:.75rem;padding:1rem;display:grid}.tier-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tier-header h3{margin:0;font-size:1rem}.tier-actions{gap:.35rem;display:flex}.wait-setting{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.member-table{border:1px solid var(--border);background:var(--surface);border-radius:8px}.member-table td{vertical-align:middle}.member-remove{text-align:right;width:1%}.score-input{border:1px solid var(--border);width:5.5rem;font:inherit;border-radius:6px;padding:.3rem .5rem;font-size:.88rem}.add-member,.add-tier{justify-self:start}.tier-effective p{margin:0 0 .4rem}.tier-notes{margin:.5rem 0 0;padding-left:1.1rem}.policy-rules{margin-top:1.25rem;padding:1.25rem}.policy-layout .policy-rules{max-height:calc(100vh - 2rem);margin-top:0;position:sticky;top:1rem;overflow-y:auto}.policy-rules h2{margin:0 0 .5rem;font-size:1.05rem}.policy-rules h3{margin:1rem 0 .35rem;font-size:.9rem}.policy-rules ul{color:var(--text-soft);margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.5}.policy-rules li+li{margin-top:.3rem}.back-link{color:var(--accent);font-size:.9rem;text-decoration:none}.back-link:hover{text-decoration:underline}.routing-demo{margin-top:1.25rem;padding:1.25rem}.routing-demo-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.routing-demo-header h2{margin:0 0 .25rem;font-size:1.05rem}.routing-demo-header p{max-width:42rem;margin:0}.routing-demo-controls{flex:none;align-items:center;gap:.4rem;display:flex}.demo-clock{align-items:center;gap:.75rem;height:1.5rem;margin:1rem 0 .5rem;display:flex}.demo-clock-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:600}.demo-wait-bar{background:linear-gradient(90deg,#f59e0b 0 50%,#fde68a 50% 100%) 100%/200% 100%;border-radius:999px;flex:0 16rem;height:6px;animation:linear forwards demo-wait}@keyframes demo-wait{to{background-position:0}}.demo-lanes{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.demo-lane{border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);flex-direction:column;flex:1 0 12rem;gap:.6rem;padding:.75rem;transition:border-color .3s,box-shadow .3s,opacity .3s;display:flex;position:relative}.demo-lane.fallback{border-style:dashed;flex:0 0 9rem}.demo-lane.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.demo-lane.passed{opacity:.55}.demo-lane-header{gap:.1rem;display:grid}.demo-people{gap:.35rem;display:grid}.demo-person{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.82rem;transition:background .3s,border-color .3s;display:flex}.demo-person.static{background:0 0;border:none;padding:0;display:inline-flex}.demo-person-name{flex:1}.demo-score{font-weight:600}.demo-free{flex-basis:100%;padding-left:1rem;font-size:.75rem}.demo-dot{background:#d1d5db;border-radius:999px;width:.55rem;height:.55rem;transition:background .3s}.demo-person.available .demo-dot{background:#22c55e}.demo-person.busy .demo-dot{background:#f59e0b}.demo-person.offline{color:var(--muted)}.demo-person.winner{border-color:var(--accent);background:var(--accent-soft);animation:.5s ease-out demo-pop}.demo-task{background:var(--accent);color:#fff;border-radius:6px;align-self:flex-start;padding:.15rem .55rem;font-size:.75rem;font-weight:600;animation:.45s ease-out demo-arrive}.demo-task.inline{animation:.5s ease-out demo-pop}@keyframes demo-arrive{0%{opacity:0;transform:translate(-1.5rem)}}@keyframes demo-pop{40%{transform:scale(1.06)}}.demo-exit{color:var(--warn-text-strong);margin-top:auto}.demo-log{gap:.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.demo-log li{color:var(--muted);animation:.3s ease-out demo-arrive}.demo-log li.current{color:var(--text)}.demo-log-time{min-width:4.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.demo-legend{gap:1rem;margin-top:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.demo-task,.demo-person.winner,.demo-log li,.demo-wait-bar{animation-duration:0s!important}}.hero.compact{margin:2.5rem 0 2rem}.shift-card{align-items:center;gap:.9rem;margin-bottom:2rem;padding:1rem 1.1rem;display:flex}.shift-card.on{background:linear-gradient(90deg, var(--accent-soft), var(--surface) 70%);border-color:#22c55e73}.shift-icon{border:2px solid #a3a3a3;border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.shift-pulse{background:#22c55e;border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;animation:1.6s ease-out infinite shift-pulse}@keyframes shift-pulse{0%{box-shadow:0 0 #22c55e8c}70%,to{box-shadow:0 0 0 .5rem #22c55e00}}.shift-card .shift-pulse{width:.75rem;height:.75rem}.topbar a.shift-pill{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid #22c55e73;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;padding:.3rem .75rem .3rem .6rem;font-size:.85rem;font-weight:600;display:inline-flex}.topbar a.shift-pill:hover{background:var(--accent-soft);border-color:var(--accent)}.topbar>.shift-pill+.avatar{margin-left:0}@media (prefers-reduced-motion:reduce){.shift-pulse{animation:none;box-shadow:0 0 0 3px #22c55e40}}.shift-text{flex:1;gap:.15rem;min-width:0;display:grid}.shift-elapsed{font-variant-numeric:tabular-nums}.shift-card .button{flex-shrink:0}.home-queues h2{margin:0 0 .25rem;font-size:1.05rem}.home-queues>p{margin:0 0 .75rem}.my-queues{gap:.6rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.my-queue{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text);align-items:center;gap:1rem;padding:1rem 1.15rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.my-queue:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.my-queue:hover .my-queue-arrow{color:var(--accent);transform:translate(3px)}.my-queue.locked{background:var(--subtle);box-shadow:none}.my-queue.locked:hover{border-color:var(--border-strong);box-shadow:none}.my-queue-text{flex:1;gap:.15rem;min-width:0;display:grid}.my-queue-name{font-weight:600}.my-queue-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.my-queue-arrow{color:var(--muted);font-size:1.2rem;transition:transform .15s,color .15s}.session{gap:1.25rem;margin-top:1rem;display:grid}.session .back-link{justify-self:start}.session-header h1{margin:0}.session-header p{margin:.35rem 0 0}.session-settings{padding:1.25rem 1.5rem}.session-settings h2{margin:0;font-size:1rem}.session-settings>p{margin:.2rem 0 0}.session-setting{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-top:1.1rem;padding-top:1.1rem;display:flex}.session-setting-name{font-weight:600}.session-setting p{margin:.15rem 0 0}.session-setting .segmented{margin:0}.session-start{justify-items:center;gap:.6rem;margin-top:.75rem;display:grid}.session-start p{margin:0}.notice{border:1px solid var(--warn-border);border-radius:var(--radius);background:var(--warn-bg);color:var(--warn-text);margin:0;padding:.75rem 1rem}.hold-button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#14532d;border:none;border-radius:999px;min-width:16rem;padding:1rem 2rem;font-size:1.05rem;font-weight:600;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 8px 24px #16a34a40}.hold-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.hold-button.holding{transform:scale(.98)}.hold-fill{transform-origin:0;background:linear-gradient(90deg,#22c55e,#4ade80);transition:transform .25s ease-out;position:absolute;inset:0;transform:scaleX(0)}.hold-button.holding .hold-fill{transition:transform var(--hold-ms) linear;transform:scaleX(1)}.hold-label{position:relative}body.labeling{overflow:hidden}.zen{z-index:100;color:#e3ece6;background:radial-gradient(at 50% 40%,#13261c 0%,#0b1310 70%);grid-template-rows:auto 1fr auto;animation:.35s ease-out zen-in;display:grid;position:fixed;inset:0}@keyframes zen-in{0%{opacity:0}}.zen-top{justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.zen-queue{color:#9fb3a7;align-items:center;gap:.6rem;font-weight:500;display:inline-flex}.zen-stop{color:#e3ece6;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;padding:.5rem 1rem;font-weight:500;transition:background .15s,border-color .15s}.zen-stop:hover{background:#f871711f;border-color:#f8717199}.zen-stage{place-items:center;padding:1.5rem;display:grid}.zen-waiting{text-align:center;justify-items:center;gap:.5rem;display:grid}.zen-waiting h2{margin:1.5rem 0 0;font-size:1.35rem;font-weight:600}.zen-waiting p{color:#8ea397;margin:0}.zen-pulse{width:5rem;height:5rem;position:relative}.zen-pulse span{opacity:0;border:2px solid #4ade80;border-radius:50%;animation:3s ease-out infinite zen-pulse;position:absolute;inset:0}.zen-pulse span:nth-child(2){animation-delay:1s}.zen-pulse span:nth-child(3){animation-delay:2s}.zen-pulse:after{content:"";background:#4ade80;border-radius:50%;position:absolute;inset:1.9rem;box-shadow:0 0 18px #4ade80}@keyframes zen-pulse{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.zen-status{color:#7d9286;font-variant-numeric:tabular-nums;justify-content:center;gap:1.5rem;padding:1rem 1.5rem 1.4rem;font-size:.85rem;display:flex}.zen-connection{color:#6b8075;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex;position:absolute;bottom:1.1rem;left:1.5rem}.zen-connection-dot{background:#4ade80;border-radius:50%;width:.45rem;height:.45rem}.zen-connection.connecting .zen-connection-dot{background:#fbbf24;animation:1s ease-in-out infinite zen-blink}.zen-connection.error{color:#fca5a5}.zen-connection.error .zen-connection-dot{background:#f87171}@keyframes zen-blink{50%{opacity:.3}}@media (width<=640px){.zen-connection{justify-self:center;padding-bottom:.8rem;position:static}}@media (prefers-reduced-motion:reduce){.zen,.zen-pulse span,.zen-connection-dot{animation:none!important}.zen-pulse span:first-child{opacity:.4}}.live-updated{color:var(--muted);align-items:center;gap:.5rem;margin:-.5rem 0 1.25rem;font-size:.85rem;display:flex}.live-dot{background:#22c55e;border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-out infinite live-ping;box-shadow:0 0 #22c55e80}.live-updated.stale{color:var(--warn-text-strong)}.live-updated.stale .live-dot{background:#f59e0b;animation:none}@keyframes live-ping{70%{box-shadow:0 0 0 .45rem #22c55e00}}.live-summary{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.live-total{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:.2rem;padding:.85rem 1rem;display:grid}.live-total-count{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:650}.live-total-label,.presence{color:var(--muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.presence{color:inherit}.presence-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.presence-dot.active,.history-segment.active{background:#22c55e}.presence-dot.idle,.history-segment.idle{background:#a3a3a3}.presence-dot.busy,.history-segment.busy{background:#3b82f6}.presence-dot.busy-idle,.history-segment.busy-idle{background:#ef4444}.presence-dot.reconnecting,.history-segment.reconnecting{background:#f59e0b;animation:1s ease-in-out infinite zen-blink}.presence-dot.offline{border:1px solid #d4d4d4}.history-segment.reconnecting{animation:none}.live-table tbody tr{cursor:default;outline:none}.live-table tbody tr:hover td,.live-table tbody tr:focus-visible td{background:var(--accent-soft)}.history-card{z-index:50;pointer-events:none;gap:.6rem;width:min(23rem,100vw - 2rem);padding:.9rem 1rem;animation:.12s ease-out zen-in;display:grid;position:fixed}.history-title{justify-content:space-between;align-items:baseline;display:flex}.history-bar{background:repeating-linear-gradient(-45deg, var(--hover) 0 4px, var(--stripe) 4px 8px);border-radius:999px;height:.8rem;position:relative;overflow:hidden}.history-segment{position:absolute;top:0;bottom:0}.history-axis{justify-content:space-between;margin-top:-.35rem;font-size:.7rem;display:flex}.history-totals,.history-changes{flex-wrap:wrap;gap:.3rem .9rem;margin:0;padding:0;list-style:none;display:flex}.history-totals li,.history-changes li{align-items:center;gap:.4rem;display:inline-flex}.history-changes{border-top:1px solid var(--border);flex-direction:column;padding-top:.6rem}.history-changes .numeric{font-variant-numeric:tabular-nums;min-width:3rem}.live-summary.shifts{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin-top:-.75rem}.live-total.flagged{border-color:var(--warn);background:var(--warn-bg)}.live-total.flagged .live-total-count,.live-total.flagged .live-total-label{color:var(--warn-text-strong)}.shift-dot{background:#0d9488;border-radius:2px;flex-shrink:0;width:.55rem;height:.55rem}.live-role{vertical-align:.05em;margin-left:.4rem}.live-person .live-role{margin-left:0}.badge.shift-missing{border:1px solid var(--warn-border);background:var(--warn-bg-strong);color:var(--warn-text)}.live-table tr.flagged td{background:var(--warn-bg)}.live-idle-shifts{border-color:var(--warn);margin-bottom:1rem;overflow:hidden}.live-idle-shifts .live-queue-header{background:var(--warn-bg);color:var(--warn-text)}.live-idle-shifts ul{margin:0;padding:0;list-style:none}.live-idle-shifts li{border-top:1px solid var(--border);outline:none;align-items:center;gap:.6rem;padding:.55rem 1.1rem;display:flex}.live-idle-shifts li:first-child{border-top:0}.live-idle-shifts li:hover,.live-idle-shifts li:focus-visible{background:var(--warn-bg-strong)}.live-idle-name{flex:1}.history-shift-bar{background:var(--hover);border-radius:999px;height:.3rem;margin-top:-.35rem;position:relative;overflow:hidden}.history-shift-bar span{background:#0d9488;position:absolute;top:0;bottom:0}.live-table tbody tr,.live-idle-shifts li{cursor:pointer}.dialog:has(.history-modal){width:min(56rem,100vw - 2rem);margin-top:max(1rem,8vh)}.history-modal{gap:.75rem;display:grid}.history-toolbar,.history-range{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.history-presets,.history-zoom{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.history-presets button,.history-zoom button{min-width:2.2rem;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;transition:background .12s,color .12s}.history-presets button:hover:not(:disabled),.history-zoom button:hover:not(:disabled){background:var(--hover);color:var(--text)}.history-presets button[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow);color:var(--accent);font-weight:600}.history-presets button:focus-visible,.history-zoom button:focus-visible,.history-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.history-zoom button:disabled{opacity:.4;cursor:default}.history-track{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;position:relative}.history-track.dragging{cursor:grabbing}.history-modal .history-bar{border-radius:8px;height:2rem}.history-modal .history-shift-bar{height:.4rem;margin-top:.35rem}.history-segment.highlighted{z-index:1;box-shadow:inset 0 0 0 2px var(--surface);filter:brightness(1.1)saturate(1.15)}.history-cursor{z-index:2;background:var(--text);opacity:.55;pointer-events:none;width:1px;position:absolute;top:-.2rem;bottom:-.2rem}.history-tooltip{z-index:3;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:8px;gap:.15rem;padding:.45rem .65rem;display:grid;position:absolute;bottom:calc(100% + .4rem)}.history-tooltip-state{align-items:center;gap:.4rem;display:inline-flex}.history-ticks{font-variant-numeric:tabular-nums;height:1rem;margin-top:-.45rem;font-size:.72rem;position:relative}.history-ticks span{white-space:nowrap;position:absolute;top:0}.history-changes-title,.history-no-changes{border-top:1px solid var(--border);margin:0;padding-top:.6rem}.history-modal .history-changes{border-top:0;flex-wrap:nowrap;max-height:min(16rem,35vh);margin-top:-.4rem;padding-top:0;overflow-y:auto}.history-modal .history-changes li{flex-shrink:0;display:flex}.history-modal .history-changes .numeric{min-width:6.5rem}.history-change-duration{font-variant-numeric:tabular-nums;margin-left:auto;padding:0 .5rem 0 1rem}.live-queues{gap:1rem;display:grid}.live-queue{overflow:hidden}.live-queue-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1.1rem;display:flex}.live-queue-header h2{margin:0;font-size:1rem}.live-table{border-collapse:collapse;width:100%;font-size:.88rem}.live-table th{color:var(--muted);text-align:left;padding:.5rem 1.1rem;font-size:.75rem;font-weight:500}.live-table td{border-top:1px solid var(--border);padding:.55rem 1.1rem}.live-table .numeric{font-variant-numeric:tabular-nums}.live-table tr.warning td{background:#ef44440f}.live-person{align-items:center;gap:.6rem;display:inline-flex}.live-nobody,.live-offline{margin:0;padding:.75rem 1.1rem}.live-offline{border-top:1px solid var(--border)}@media (prefers-reduced-motion:reduce){.live-dot,.presence-dot.reconnecting,.history-segment.reconnecting{animation:none}}.button.small{padding:.3rem .65rem}.field select,.field textarea,.token-paste textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:.55rem .75rem}.token-paste textarea{box-sizing:border-box;width:100%;font-size:.8rem}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:2.1rem;height:1.2rem;transition:background .15s;position:relative}.switch-track:after{content:"";width:.9rem;height:.9rem;box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(.9rem)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.token-inactive td{opacity:.6}.token-name{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.token-meta{white-space:nowrap;align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.token-meta code{color:var(--muted);font-size:.8rem}.token-expiring{color:var(--warn-text-strong);font-weight:500}.code-block,.token-requirements,.token-paste,.token-key,.token-key>*{min-width:0}.code-block{position:relative}.code-block .details{white-space:pre;margin:.35rem 0 0;padding-right:4.5rem}.code-block .button{position:absolute;top:.5rem;right:.5rem}.token-requirements{border:1px solid var(--border);background:var(--subtle);border-radius:8px;padding:.75rem .9rem}.token-requirements p,.token-requirements ul{margin:0 0 .4rem}.token-requirements ul{padding-left:1.2rem}.token-paste summary,.token-key summary{cursor:pointer;color:var(--accent)}.token-paste p{margin:.5rem 0}.token-expiry{gap:.5rem;display:flex}.token-secret{align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.token-secret input{border:1px solid var(--accent);background:var(--accent-soft);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:.55rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.token-facts{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem;font-size:.9rem;display:grid}.token-facts dt{color:var(--muted)}.token-facts dd{overflow-wrap:anywhere;margin:0}.token-facts dd .badge{margin-left:.4rem}.token-key{border:1px solid var(--border);border-radius:8px;gap:.5rem;margin-bottom:1rem;padding:.9rem;display:grid}.token-key p{margin:0}.token-key .token-facts{margin:.25rem 0}.token-key-status{align-items:center;gap:.6rem;display:flex}.token-key-detail{background:var(--subtle);overflow-wrap:anywhere;border-radius:6px;padding:.5rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.date-range-menu{width:18.5rem;padding:.6rem}.date-range-presets{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.3rem;padding-bottom:.6rem;display:flex}.date-range-menu .date-range-presets button{border:1px solid var(--border);width:auto;color:var(--muted);border-radius:6px;padding:.25rem .55rem;font-size:.8rem}.date-range-menu .date-range-presets button:hover{color:var(--text)}.date-range-menu .date-range-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.date-range-month{justify-content:space-between;align-items:center;margin:.5rem 0 .25rem;font-size:.9rem;font-weight:600;display:flex}.date-range-menu .date-range-month button{width:auto;color:var(--muted);padding:.15rem .5rem}.date-range-grid{grid-template-columns:repeat(7,1fr);gap:2px 0;display:grid}.date-range-weekday{text-align:center;color:var(--muted);padding:.25rem 0;font-size:.72rem}.date-range-menu .date-range-grid button{text-align:center;border-radius:6px;height:2.1rem;padding:0;font-size:.85rem}.date-range-menu .date-range-grid button.today{color:var(--accent);font-weight:700}.date-range-menu .date-range-grid button.in-range{background:var(--accent-soft);border-radius:0}.date-range-menu .date-range-grid button.selected,.date-range-menu .date-range-grid button.selected:hover{background:var(--accent);color:#fff}.date-range-times{border-top:1px solid var(--border);gap:.4rem;margin-top:.6rem;padding-top:.6rem;font-size:.88rem;display:grid}.date-range-times label{grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.5rem;display:grid}.date-range-times input{border:1px solid var(--border);font:inherit;background:var(--surface);border-radius:6px;padding:.3rem .4rem}.date-range-times p{margin:0}.date-range-error{color:var(--error-text);margin:.5rem 0 0;font-size:.82rem}.date-range-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.4rem;margin-top:.6rem;padding-top:.5rem;display:flex}.date-range-menu .date-range-footer button{width:auto;color:var(--accent);padding:.35rem .75rem;font-size:.85rem}.date-range-menu .date-range-footer button:disabled{color:var(--muted)}.date-range-menu .date-range-footer .date-range-apply{background:var(--accent);color:#fff}.date-range-menu .date-range-footer .date-range-apply:hover:not(:disabled){background:var(--accent-hover)}