:root,[data-theme]{--db-page:var(--ta-page);--db-card:var(--ta-card);--db-card2:var(--ta-card-2);--db-card3:var(--ta-card-2);--db-ink:var(--ta-ink);--db-ink2:var(--ta-ink-2);--db-ink3:var(--ta-ink-3);--db-line:var(--ta-line);--db-line-strong:var(--ta-line-strong);--db-red:var(--ta-accent);--db-red-dark:var(--ta-accent-strong);--db-yellow:var(--ta-focus-ring-inner);--db-green:var(--ta-success);--db-green-dark:var(--ta-success);--db-surface:var(--ta-card);--db-surface-raised:var(--ta-card);--db-surface-muted:var(--ta-card-2);--db-disabled-bg:var(--ta-card-2);--db-disabled-border:var(--ta-line);--db-disabled-text:var(--ta-ink-2);--db-focus-ring:var(--ta-focus);--db-motion-fast:var(--ta-motion-fast);--db-motion-base:var(--ta-motion-base);--db-motion-panel:var(--ta-motion-panel);--db-ease-standard:var(--ta-ease-standard);--db-sans:var(--ta-sans);--db-mono:var(--ta-mono);--font-sans:var(--ta-sans);--font-mono:var(--ta-mono);--color-bg-primary:var(--ta-page);--color-bg-secondary:var(--ta-card-2);--color-bg-tertiary:var(--ta-card-2);--color-bg-card:var(--ta-card);--color-bg-card-hover:var(--ta-card-2);--color-border:var(--ta-line);--color-border-hover:var(--ta-line-strong);--color-text-primary:var(--ta-ink);--color-text-secondary:var(--ta-ink-2);--color-text-muted:var(--ta-ink-3);--color-text-inverse:var(--ta-card);--color-accent:var(--ta-accent);--color-accent-hover:var(--ta-accent-strong);--color-accent-muted:var(--ta-card-2);--color-success:var(--ta-success);--color-error:var(--ta-danger);--color-warning:var(--ta-warning-text);--color-overlay:var(--ta-scrim);--space-1:var(--ta-space-1);--space-2:var(--ta-space-2);--space-3:var(--ta-space-3);--space-4:var(--ta-space-4);--space-5:var(--ta-space-5);--space-6:var(--ta-space-6);--space-8:var(--ta-space-8);--space-10:var(--ta-space-10);--space-12:var(--ta-space-12);--space-16:var(--ta-space-16);--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--z-sticky:var(--ta-z-sticky);--z-dropdown:var(--ta-z-dropdown);--z-modal:var(--ta-z-modal);--transition-fast:var(--ta-motion-fast) ease;--transition-normal:var(--ta-motion-base) ease;--transition-slow:var(--ta-motion-panel) ease;--shadow-sm:none;--shadow-md:var(--ta-shadow-overlay);--shadow-lg:var(--ta-shadow-overlay)}body.design-book-body{background:var(--ta-page);color:var(--ta-ink)}body.design-book-body:before{display:none}.design-book-ui{background:var(--db-page);min-height:100vh;color:var(--db-ink);font-family:var(--db-sans)}.design-book-ui *,.design-book-ui :before,.design-book-ui :after{letter-spacing:0;border-radius:0!important}.design-book-ui :focus-visible{box-shadow:var(--ta-focus);outline:none}.design-book-ui a{color:inherit}.design-book-ui button,.design-book-ui input,.design-book-ui textarea,.design-book-ui select{font-family:inherit}.db-mono{color:var(--db-ink2);font-family:var(--db-sans);letter-spacing:0;text-transform:none;margin:0;font-size:.9rem;font-weight:700}.db-lead{max-width:760px;color:var(--db-ink2);font-size:clamp(1rem,2vw,1.15rem);font-weight:500;line-height:1.5}.db-button{border:1px solid var(--db-ink);min-height:42px;color:var(--db-ink);font-family:var(--db-mono);font-size:var(--ta-font-size-xs);white-space:nowrap;transition:background-color var(--db-motion-base) var(--db-ease-standard), border-color var(--db-motion-base) var(--db-ease-standard), color var(--db-motion-base) var(--db-ease-standard), transform var(--db-motion-fast) var(--db-ease-standard);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.db-button--primary{background:var(--ta-accent);border-color:var(--ta-accent);color:var(--ta-on-accent)}.db-button--primary:not(:disabled):hover{background:var(--ta-accent-strong);border-color:var(--ta-accent-strong)}.db-button--ink{background:var(--db-ink);color:var(--db-card)}.db-button--outline{background:var(--db-card)}.db-button:disabled{border-color:var(--db-disabled-border);background:var(--db-disabled-bg);color:var(--db-disabled-text);opacity:1;cursor:not-allowed}.db-button:not(:disabled):hover{transform:translateY(-1px)}.db-button:not(:disabled):active{transform:translateY(1px)}.db-link{font-weight:600;text-decoration:none}.db-layout{flex-direction:column;min-height:100vh;display:flex}.design-book-ui .ta-skip-link{top:var(--ta-space-2);z-index:var(--ta-z-dropdown);padding:var(--ta-space-3);background:var(--db-card);color:var(--db-ink);position:absolute;inset-inline-start:var(--ta-space-4);transform:translateY(-200%)}.design-book-ui .ta-skip-link:focus{transform:none}.db-layout{--design-book-sticky-top:56px}.db-topbar{z-index:100;border-bottom:1px solid var(--db-line);background:var(--ta-card);grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;min-height:56px;padding:0 24px;display:grid;position:sticky;top:0}.db-brand,.db-nav,.db-topbar-actions{align-items:center;display:flex}.db-brand{letter-spacing:0;gap:8px;font-size:1rem;font-weight:700;text-decoration:none}.db-brand-mark{background:var(--ta-accent);width:22px;height:22px;color:var(--ta-on-accent);font-family:var(--db-mono);font-size:var(--ta-font-size-xs);text-transform:uppercase;place-items:center;font-weight:600;display:grid}.db-nav{gap:4px}.db-nav a{color:var(--db-ink2);font-family:var(--db-sans);letter-spacing:0;text-transform:none;border-bottom:1px solid #0000;padding:6px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.db-nav a:hover,.db-nav a.is-active{border-bottom-color:var(--db-red);color:var(--db-ink)}.db-topbar-actions{justify-content:flex-end;gap:12px}.design-book-ui input,.design-book-ui textarea,.design-book-ui select{border:1px solid var(--db-line);background:var(--db-card);min-height:44px;color:var(--db-ink);outline:none;padding:0 12px}.db-main{flex:1;min-width:0}.db-footer{border-top:1px solid var(--db-line);color:var(--db-ink2);font-family:var(--db-mono);font-size:var(--ta-font-size-xs);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px clamp(16px,3vw,40px);font-weight:700;display:flex}.db-footer-link{color:inherit;transition:color var(--db-motion-fast) var(--db-ease-standard);text-decoration:none}.db-footer-links{gap:var(--ta-space-4);flex-wrap:wrap;min-width:0;display:flex}.db-footer-link{overflow-wrap:anywhere;text-underline-offset:var(--ta-space-1)}.design-book-ui #typography .design-book-specimen__surface--plain{overflow-x:auto}.db-footer-link:hover{color:var(--db-ink)}.design-book-ui .confirm-modal{background:var(--db-card)!important;background-color:var(--db-card)!important;color:var(--db-ink)!important;border-color:var(--db-ink)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--db-ink)!important;background-image:none!important}.design-book-ui .confirm-modal .btn-danger,.design-book-ui .confirm-modal .btn-danger:hover,.design-book-ui .confirm-modal .btn-danger:focus-visible{border-color:var(--ta-danger)!important;background:var(--ta-danger)!important;background-color:var(--ta-danger)!important;color:var(--ta-on-danger)!important}.design-book-ui .user-menu-dropdown{border:1px solid var(--db-ink)!important;background:var(--db-card)!important;color:var(--db-ink)!important;box-shadow:8px 8px 0 var(--db-ink)!important;-webkit-backdrop-filter:none!important;border-radius:0!important;padding:0!important}.design-book-ui .user-menu-item{color:var(--db-ink)!important;background:0 0!important;border-radius:0!important}.design-book-ui .user-menu-item:hover,.design-book-ui .user-menu-item:focus-visible{background:var(--db-yellow)!important;background-color:var(--db-yellow)!important;color:var(--db-ink)!important}.design-book-ui .user-menu-item.is-danger{color:var(--ta-danger)!important}.design-book-ui .user-menu-item.is-danger:hover,.design-book-ui .user-menu-item.is-danger:focus-visible{background:var(--ta-danger)!important;background-color:var(--ta-danger)!important;color:var(--ta-on-danger)!important}.design-book-ui .confirm-modal-overlay{background:var(--ta-scrim)!important}.design-book-ui .confirm-modal h2,.design-book-ui .confirm-modal p{color:var(--db-ink)!important}.design-book-ui .admin-table-wrap{border:1px solid var(--db-line);background:var(--db-card);color:var(--db-ink)}.design-book-ui .admin-table select{border:1px solid var(--db-line);background:var(--db-card2);color:var(--db-ink)}.design-book-ui .admin-table{border-collapse:collapse;width:100%;color:var(--db-ink)}.design-book-ui .admin-table th,.design-book-ui .admin-table td{border-bottom:1px solid var(--db-line);text-align:left;background:0 0;padding:10px}.design-book-ui .admin-table th{font-family:var(--db-mono);font-size:var(--ta-font-size-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.design-book-ui .admin-table th,.design-book-ui .admin-table td{padding:10px 12px}.design-book-ui .admin-table tr:hover{background:var(--db-yellow)}@media (prefers-reduced-motion:reduce){.design-book-ui *,.design-book-ui :before,.design-book-ui :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.db-topbar{grid-template-columns:1fr auto}.db-nav{display:none}}@media (max-width:640px){.db-topbar{padding:0 12px}.db-topbar-actions .language-switcher{display:none}.design-book-ui .admin-table-wrap{overflow-x:auto}}.ta-badge{padding:0 var(--ta-space-2);border:1px solid var(--ta-line-strong);border-radius:var(--ta-radius);background:var(--ta-card);color:var(--ta-ink);font-size:var(--ta-font-size-xs);font-weight:var(--ta-font-weight-semibold);white-space:nowrap;align-items:center;line-height:1.5;display:inline-flex}.ta-badge--accent{border-color:var(--ta-accent);color:var(--ta-accent)}.ta-badge--success{border-color:var(--ta-success);color:var(--ta-success)}.ta-badge--warning{border-color:var(--ta-warning-text);color:var(--ta-warning-text)}.ta-badge--danger{border-color:var(--ta-danger);color:var(--ta-danger)}.ta-badge-group{align-items:center;gap:var(--ta-space-2);flex-wrap:wrap;display:inline-flex}.ta-auth-page{min-height:70vh;padding:var(--ta-space-8) var(--ta-space-4);place-items:center;display:grid}.ta-auth-card{background:var(--ta-card);border:1px solid var(--ta-line-strong);width:min(28rem,100%);padding:var(--ta-space-8);gap:var(--ta-space-4);display:grid}.ta-auth-card h1{font-size:var(--ta-font-size-xl)}.ta-auth-note{color:var(--ta-ink-2);font-size:var(--ta-font-size-sm)}.ta-auth-error{color:var(--ta-danger)}.entry-landing{color:var(--ta-ink);background:var(--ta-page);overflow-wrap:anywhere}.entry-public-header{justify-content:space-between;align-items:center;gap:var(--ta-space-4);padding:var(--ta-space-5) var(--ta-space-6);border-block-end:1px solid var(--ta-line);flex-wrap:wrap;display:flex}.entry-brand{align-items:center;gap:var(--ta-space-3);font-weight:var(--ta-font-weight-semibold);display:inline-flex}.entry-public-actions,.entry-sign-in__header{justify-content:space-between;align-items:center;gap:var(--ta-space-3);flex-wrap:wrap;display:flex}.entry-brand__mark{padding:var(--ta-space-1) var(--ta-space-2);border:1px solid var(--ta-line-strong);font-family:var(--ta-mono);font-size:var(--ta-font-size-sm)}.entry-hero{gap:var(--ta-space-8);padding:var(--ta-space-12) var(--ta-space-6);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;display:grid}.entry-hero__copy{gap:var(--ta-space-5);min-width:0;display:grid}.entry-kicker{color:var(--ta-ink-2);font-size:var(--ta-font-size-xs);font-weight:var(--ta-font-weight-semibold);letter-spacing:.04em}.entry-hero h1{max-width:15ch;font-size:clamp(1.9rem,3.4vw,3.25rem);font-weight:var(--ta-font-weight-bold);letter-spacing:-.035em;line-height:1.12}.entry-lead{max-width:46ch;color:var(--ta-ink-2);font-size:var(--ta-font-size-md);line-height:1.7}.entry-actions{gap:var(--ta-space-3);flex-wrap:wrap;display:flex}.entry-muted{color:var(--ta-ink-2);font-size:var(--ta-font-size-sm);line-height:1.6}.entry-example{gap:var(--ta-space-4);padding:var(--ta-space-6);background:var(--ta-card);border:1px solid var(--ta-line);display:grid}.entry-example__heading{justify-content:space-between;align-items:center;gap:var(--ta-space-3);border-block-end:1px solid var(--ta-line);font-size:var(--ta-font-size-sm);font-weight:var(--ta-font-weight-semibold);padding-block-end:var(--ta-space-4);display:flex}.entry-example__source{gap:var(--ta-space-2);padding:var(--ta-space-4);background:var(--ta-card-2);display:grid}.entry-example h2{font-size:var(--ta-font-size-lg);line-height:1.4}.entry-example__unknown{gap:var(--ta-space-3);padding:var(--ta-space-3);border-inline-start:2px solid var(--ta-line);font-size:var(--ta-font-size-sm);color:var(--ta-ink-2);align-items:baseline;display:flex}.entry-state-mark{font-family:var(--ta-mono);font-weight:var(--ta-font-weight-bold)}.entry-workflow{padding:var(--ta-space-8) var(--ta-space-6);border-block-start:1px solid var(--ta-line)}.entry-workflow>h2{font-size:var(--ta-font-size-xl);margin-block-end:var(--ta-space-6)}.entry-workflow ol{gap:var(--ta-space-6);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.entry-workflow li{align-content:start;gap:var(--ta-space-3);display:grid}.entry-step-number{font-family:var(--ta-mono);color:var(--ta-accent);font-size:var(--ta-font-size-sm)}.entry-workflow h3{font-size:var(--ta-font-size-md)}.entry-workflow li p{font-size:var(--ta-font-size-sm);color:var(--ta-ink-2)}.entry-sign-in,.entry-access{overflow-wrap:anywhere;margin-inline:auto}.entry-notice{padding:var(--ta-space-3);border-inline-start:2px solid var(--ta-warning-text);background:var(--ta-card-2);font-size:var(--ta-font-size-sm)}.entry-workspace-choice{gap:var(--ta-space-2);padding:var(--ta-space-4);border:1px solid var(--ta-line);display:grid}.entry-workspace-choice>span{color:var(--ta-ink-2);font-size:var(--ta-font-size-sm)}.entry-landing .db-button,.entry-sign-in .db-button,.entry-access .db-button{min-height:2.75rem}@media (max-width:900px){.entry-hero{grid-template-columns:minmax(0,1fr)}.entry-hero h1{max-width:20ch}}@media (max-width:540px){.entry-public-header,.entry-workflow{padding:var(--ta-space-5) var(--ta-space-4)}.entry-hero{padding:var(--ta-space-8) var(--ta-space-4);gap:var(--ta-space-6)}.entry-example{padding:var(--ta-space-4)}.entry-workflow ol{grid-template-columns:minmax(0,1fr)}.entry-actions{display:grid}.entry-sign-in,.entry-access{padding:var(--ta-space-5)}}