.bb-app,.bb-modal,.exam-liquid,.bb-scope{--bb-canvas: #f3f1ec;--bb-surface: #ffffff;--bb-surface-2: #faf8f5;--bb-surface-3: #f4f1ec;--bb-ink: #1b2025;--bb-ink-soft: #3c454e;--bb-muted: #69737d;--bb-faint: #9aa2aa;--bb-line: #e6e1d9;--bb-line-strong: #d3ccc1;--bb-line-hover: #b8b0a4;--bb-accent: #0b7ba3;--bb-accent-deep: #075f7e;--bb-accent-soft: #e8f4f9;--bb-accent-line: #9fd0e2;--bb-focus: #0b7ba3;--bb-flag: #b3620b;--bb-flag-soft: #fcf0de;--bb-good: #1c8656;--bb-good-soft: #e7f5ee;--bb-good-line: #9fd7bb;--bb-bad: #c0402c;--bb-bad-soft: #fcebe7;--bb-bad-line: #ecb1a5;--bb-primary: #1b2530;--bb-primary-hover: #26333f;--bb-card-shadow: 0 1px 2px rgb(27 32 37 / .04), 0 14px 34px -16px rgb(27 32 37 / .14);--bb-float-shadow: 0 1px 2px rgb(27 32 37 / .06), 0 24px 60px -18px rgb(27 32 37 / .28);--bb-radius: 18px;--bb-control-radius: 10px;--bb-ease: cubic-bezier(.22, 1, .36, 1);--bb-press: 0 2px 6px rgb(27 32 37 / .18) inset;--bb-press-primary: 0 2px 6px rgb(0 0 0 / .3) inset}html[data-appearance=night] .bb-app,html[data-appearance=night] .bb-modal,html[data-appearance=night] .exam-liquid,html[data-appearance=night] .bb-scope{--bb-canvas: #0a0f14;--bb-surface: #121a22;--bb-surface-2: #16202a;--bb-surface-3: #1b2631;--bb-ink: #eef4f8;--bb-ink-soft: #c9d4de;--bb-muted: #93a3b2;--bb-faint: #6b7c8b;--bb-line: #243240;--bb-line-strong: #33475a;--bb-line-hover: #4a6278;--bb-accent: #3ec8f0;--bb-accent-deep: #7adef8;--bb-accent-soft: #0f2a36;--bb-accent-line: #1f5a70;--bb-focus: #3ec8f0;--bb-flag: #ffc14d;--bb-flag-soft: #2c2412;--bb-good: #3ee0a0;--bb-good-soft: #0f2a20;--bb-good-line: #1f6b4e;--bb-bad: #ff8577;--bb-bad-soft: #2e1714;--bb-bad-line: #7a3a31;--bb-primary: #e9f2f7;--bb-primary-hover: #ffffff;--bb-card-shadow: 0 0 0 1px rgb(255 255 255 / .02), 0 18px 40px -20px rgb(0 0 0 / .7);--bb-float-shadow: 0 0 0 1px rgb(255 255 255 / .04), 0 30px 70px -20px rgb(0 0 0 / .8)}.xs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:var(--bb-control-radius);font:inherit;font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.02rem;font-weight:700;letter-spacing:.005em;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s var(--bb-ease),box-shadow .15s ease}.xs-btn:active:not(:disabled){transform:translateY(1px)}.xs-btn:disabled{cursor:default;opacity:.45}.xs-btn[aria-busy=true]{cursor:progress;opacity:.7}.xs-btn svg{flex-shrink:0;transition:transform .2s var(--bb-ease)}.xs-btn-primary{background:var(--bb-primary);color:#fff;box-shadow:0 1px #ffffff1a inset,0 10px 22px -12px #1b2530b3}.xs-btn-primary:hover:not(:disabled){background:var(--bb-primary-hover)}.xs-btn-primary:hover:not(:disabled) svg{transform:translate(2px)}.xs-btn-secondary{border-color:var(--bb-line-strong);background:var(--bb-surface);color:var(--bb-ink)}.xs-btn-secondary:hover:not(:disabled){border-color:var(--bb-line-hover);background:var(--bb-surface-2)}.xs-btn-danger{background:var(--bb-bad);color:#fff}.xs-btn-danger:hover:not(:disabled){background:color-mix(in oklab,var(--bb-bad) 85%,black)}.xs-btn-sm{min-height:36px;gap:6px;padding:0 14px;font-size:.92rem}.xs-link-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--bb-ink-soft);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease}.xs-link-btn:hover:not(:disabled){background:color-mix(in oklab,var(--bb-ink) 5%,transparent);color:var(--bb-ink)}.xs-link-btn.is-danger:hover:not(:disabled){background:var(--bb-bad-soft);color:var(--bb-bad)}.xs-btn:focus-visible,.xs-link-btn:focus-visible{outline:2px solid var(--bb-focus);outline-offset:2px}.viewport-overlay.xs-modal{padding:16px;background:#161b2057;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--bb-ink);font-family:var(--font-body),Palatino,Georgia,serif;line-height:1.5;animation:xs-fade .2s ease}@keyframes xs-fade{0%{opacity:0}}.xs-modal-card{width:min(28rem,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:26px 26px 22px;border:1px solid var(--bb-line);border-radius:22px;background:var(--bb-surface);box-shadow:var(--bb-float-shadow);animation:xs-rise .28s var(--bb-ease)}@keyframes xs-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}}.xs-modal-kicker{margin:0 0 4px;font-size:.66rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--bb-accent-deep)}.xs-modal-title{margin:0;font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.55rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--bb-ink)}.xs-modal-copy{margin:8px 0 0;font-size:1rem;line-height:1.55;color:var(--bb-muted)}.xs-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px}.xs-modal :focus-visible{outline:2px solid var(--bb-focus);outline-offset:2px}@media(max-width:800px){.xs-modal-card{padding:22px 18px 18px;border-radius:18px}.xs-modal-title{font-size:1.4rem}.xs-modal-actions .xs-btn{flex:1 1 auto}}html[data-appearance=night] .xs-btn-primary,html[data-appearance=night] .xs-btn-danger{color:#0a0f14}html[data-appearance=night] .xs-btn-primary{box-shadow:0 14px 30px -14px #000c}html[data-appearance=night] .viewport-overlay.xs-modal{background:#04070a99}@media(prefers-reduced-motion:reduce){.xs-btn,.xs-btn svg,.xs-link-btn,.viewport-overlay.xs-modal,.xs-modal-card{animation:none!important;transition:none!important}}.xs-history{min-width:0;color:var(--bb-ink);font-family:var(--font-body),Palatino,Georgia,serif;line-height:1.5;border:1px solid var(--bb-line);border-radius:var(--bb-radius);background:var(--bb-surface);box-shadow:var(--bb-card-shadow)}.xs-history :focus-visible{outline:2px solid var(--bb-focus);outline-offset:2px}.xs-history-toggle{appearance:none;display:flex;width:100%;min-height:60px;align-items:center;gap:10px;margin:0;padding:12px 16px 12px 20px;border:0;border-radius:calc(var(--bb-radius) - 1px);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.xs-history.is-open .xs-history-toggle{border-radius:calc(var(--bb-radius) - 1px) calc(var(--bb-radius) - 1px) 0 0}.xs-history-toggle:hover{background:var(--bb-surface-2)}.xs-history-title{font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.12rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--bb-ink)}.xs-history-count{display:grid;min-width:26px;height:24px;margin-left:auto;padding:0 7px;place-items:center;border-radius:7px;background:var(--bb-surface-3);color:var(--bb-ink-soft);font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums}.xs-history-caret{flex-shrink:0;width:18px;height:18px;color:var(--bb-muted);transition:transform .2s var(--bb-ease)}.xs-history.is-open .xs-history-caret{transform:rotate(180deg)}.xs-history-body{padding:0 12px 12px;border-top:1px solid var(--bb-line)}@media(min-width:1024px){.xs-split .xs-history-body{max-height:min(68vh,40rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bb-line-strong) transparent}}.xs-history-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 10px}.xs-history-filter{display:flex;min-width:0}.xs-select{appearance:none;max-width:100%;min-height:34px;padding:0 32px 0 12px;border:1px solid var(--bb-line-strong);border-radius:var(--bb-control-radius);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1.2 1.4 6 6.2l4.8-4.8' fill='none' stroke='%2369737d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 11px center,var(--bb-surface);color:var(--bb-ink);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:border-color .15s ease}.xs-select:hover{border-color:var(--bb-line-hover)}.xs-log{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.xs-history:not(.is-panel) .xs-log.is-loading{padding-top:12px}.xs-log-item{min-width:0;overflow:hidden;border:1px solid var(--bb-line);border-radius:12px;background:var(--bb-surface);transition:border-color .15s ease,box-shadow .15s ease}.xs-log-item:hover,.xs-log-item.is-open{border-color:var(--bb-line-strong)}.xs-log-item.is-open{box-shadow:0 8px 22px -16px #1b202559}.xs-log-row{appearance:none;display:flex;width:100%;min-height:56px;align-items:center;gap:12px;margin:0;padding:9px 12px 9px 10px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.xs-log-row:hover{background:var(--bb-surface-2)}.xs-log-row:focus-visible{outline-offset:-2px;border-radius:11px}.xs-log-badge{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--bb-surface-3);color:var(--bb-ink-soft);font-family:var(--font-display),Palatino,Georgia,serif;font-size:.95rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.xs-log-row[data-color] .xs-log-badge{background:var(--unit);color:#fff;text-shadow:0 1px 1px rgb(0 0 0 / .18)}.xs-log-badge.is-mock{border:2px solid transparent;background:linear-gradient(var(--bb-surface),var(--bb-surface)) padding-box,conic-gradient(var(--color-coral) 0 16.66%,var(--color-sky) 0 33.33%,var(--color-mint) 0 50%,var(--color-amber) 0 66.66%,var(--color-indigo) 0 83.33%,var(--color-rose) 0) border-box}.xs-log-main{display:grid;min-width:0;flex:1 1 auto;gap:1px}.xs-log-title{overflow:hidden;font-family:var(--font-display),Palatino,Georgia,serif;font-size:1rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;color:var(--bb-ink)}.xs-log-meta{overflow:hidden;font-size:.8rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;color:var(--bb-muted)}.xs-log-score{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.02rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--bb-ink)}.xs-log-score small{margin-left:1px;font-size:.72rem;color:var(--bb-muted)}.xs-ring{width:22px;height:22px;transform:rotate(-90deg)}.xs-ring-track{fill:none;stroke:var(--bb-surface-3);stroke-width:4}.xs-ring-fill{fill:none;stroke:var(--unit, var(--bb-accent));stroke-width:4;stroke-linecap:round}.xs-log-row[data-color] .xs-ring-track{stroke:color-mix(in oklab,var(--unit-soft) 70%,var(--bb-surface-3))}.xs-log-flag{flex-shrink:0;padding:3px 8px;border-radius:6px;background:var(--bb-flag-soft);color:var(--bb-flag);font-size:.6rem;font-weight:800;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;white-space:nowrap}.xs-log-caret{flex-shrink:0;width:16px;height:16px;color:var(--bb-faint);transition:transform .2s var(--bb-ease)}.xs-log-item.is-open .xs-log-caret{transform:rotate(180deg)}.xs-log-detail{padding:12px 12px 10px;border-top:1px solid var(--bb-line);background:var(--bb-surface-2);animation:xs-log-open .22s var(--bb-ease)}@keyframes xs-log-open{0%{opacity:0;transform:translateY(-3px)}}.xs-log-unit{margin:0;font-family:var(--font-display),Palatino,Georgia,serif;font-size:.98rem;font-weight:700;line-height:1.3;color:var(--bb-ink)}.xs-log-when{margin:2px 0 0;font-size:.8rem;line-height:1.35;color:var(--bb-muted)}.xs-log-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 0}.xs-log-stats>div{min-width:0;padding:8px 10px;border:1px solid var(--bb-line);border-radius:10px;background:var(--bb-surface)}.xs-log-stats dt{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-muted)}.xs-log-stats dd{margin:3px 0 0;overflow:hidden;font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.08rem;font-weight:700;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--bb-ink)}.xs-log-stats dd span{margin-left:1px;font-size:.8rem;color:var(--bb-faint)}.xs-log-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.xs-log-actions .xs-btn-sm{padding-inline:12px}.xs-log-actions .xs-link-btn{margin-left:auto;padding-inline:8px}.xs-log-copied{margin:0;font-size:.8rem;font-weight:600;line-height:1.4;color:var(--bb-good)}.xs-log-copied:not(:empty){margin-top:8px}.xs-log-empty{padding:14px 4px 6px}.xs-history.is-panel .xs-log-empty{padding:4px 0 0}.xs-log-empty-title{margin:0;font-size:.9rem;font-weight:700;color:var(--bb-ink-soft)}.xs-log-empty-copy{margin:4px 0 0;font-size:.84rem;line-height:1.45;color:var(--bb-muted)}.xs-log-skel{height:56px;border:1px solid var(--bb-line);border-radius:12px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--bb-surface-3) 80%,transparent),transparent) 0 0 / 200% 100% no-repeat,var(--bb-surface-2);animation:xs-shimmer 1.4s ease-in-out infinite}@keyframes xs-shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.xs-history.is-panel{margin:.15rem 0 0;border:0;border-radius:0;background:transparent;box-shadow:none}.xs-history.is-panel .xs-history-body{padding:0;border-top:0}.xs-history.is-panel .xs-history-tools{padding-top:0}html[data-appearance=night] .xs-select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1.2 1.4 6 6.2l4.8-4.8' fill='none' stroke='%2393a3b2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 11px center,var(--bb-surface)}html[data-appearance=night] .xs-log-row[data-color] .xs-log-badge{color:#0a0f14;text-shadow:none}html[data-appearance=night] .xs-log-item.is-open{box-shadow:0 10px 24px -16px #000c}@media(prefers-reduced-motion:reduce){.xs-history *,.xs-history *:before,.xs-history *:after{animation:none!important;transition:none!important}}