@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url('/fonts/inter-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url('/fonts/inter-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308,
U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
U+2C60-2C7F, U+A720-A7FF;}
@font-face {
font-family: 'Space Grotesk';
font-style: normal;
font-weight: 500 700;
font-display: swap;
src: url('/fonts/space-grotesk-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root {
--site-bg: #111114;
--site-panel: #18181b;
--site-surface: #1c1c1f;
--site-surface-raised: #222225;
--site-border: #27272a;
--site-sep: #1f1f22;
--site-text: #ececf1;
--site-value: #d4d4d8;
--site-mute: #a1a1aa;
--site-label: #8b8b92;
--site-focus: #6b8699;
--site-focus-glow: rgba(107, 134, 153, 0.28);
--site-accent-border: rgba(107, 134, 153, 0.42);
--site-action-bg: #131316;
--site-paper: #fafafa;
--site-paper-text: #18181b;
--site-paper-mute: #52525b;
--site-paper-label: #71717a;
--site-paper-border: #e4e4e7;
--site-paper-surface: #ffffff;}
html,
body {
background: var(--site-bg);
color: var(--site-text);}
body {
font-family: 'Inter', system-ui, sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-feature-settings: 'ss01', 'cv11';}
::selection {
background: var(--site-focus);
color: #fff;}
.hair {
background: var(--site-sep);}
.hair-strong {
background: var(--site-border);}
button:focus-visible,
a:focus-visible {
outline: 1px solid var(--site-focus);
outline-offset: 2px;
box-shadow: 0 0 0 3px var(--site-focus-glow);}
.btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.625rem 1.125rem;
font-size: 0.78rem;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.01em;
color: var(--site-paper-text);
background: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
transition:
background-color 0.14s ease,
border-color 0.14s ease,
color 0.14s ease,
box-shadow 0.14s ease,
transform 0.14s ease;
text-decoration: none;}
.btn-primary:hover {
background: #f4f4f5;
border-color: rgba(255, 255, 255, 0.55);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);}
.btn-primary:active {
transform: translateY(1px);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);}
.btn-ghost {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.625rem 1.125rem;
font-size: 0.78rem;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.01em;
color: var(--site-text);
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 6px;
box-shadow: none;
transition:
background-color 0.14s ease,
border-color 0.14s ease,
color 0.14s ease,
filter 0.14s ease;
text-decoration: none;}
.btn-ghost:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.28);
color: var(--site-text);}
.btn-ghost:active {
filter: brightness(0.92);}
.btn-full {
width: 100%;
justify-content: center;}
.no-scrollbar::-webkit-scrollbar {
display: none;}
.no-scrollbar {
scrollbar-width: none;}
.brand-mark {
display: block;
flex: none;
object-fit: contain;}
.brand-wordmark {
display: block;
flex: none;
object-fit: contain;}
.eyebrow {
font-family: ui-monospace, 'Cascadia Mono', 'Cascadia Code', 'SF Mono', Menlo, Consolas, monospace;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--site-label);}
.site-container {
width: 100%;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;}
.pricing-plans {
align-items: stretch;}
.plan-card {
display: flex;
flex-direction: column;
align-self: stretch;
min-height: 100%;}
.plan-card-intro {
flex: none;
height: 15.75rem;
display: flex;
flex-direction: column;}
.plan-card-badge {
display: flex;
justify-content: flex-end;
align-items: flex-start;
height: 1.75rem;
flex: none;}
.plan-card-sub {
flex: 1;
min-height: 0;
margin-top: 0.375rem;}
.plan-card-price {
display: flex;
align-items: baseline;
gap: 0.375rem;
height: 3.25rem;
flex: none;
margin-top: 1.5rem;}
.plan-card-unit {
height: 2.5rem;
flex: none;
margin-top: 0.5rem;}
.plan-card-body {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;}
.plan-card-features {
min-height: 11.25rem;}
@media (max-width: 767px) {
.plan-card-intro {
height: auto;}
.plan-card-features {
min-height: 0;}}
.section-dark {
background: var(--site-bg);
color: var(--site-text);}
.section-light {
background: var(--site-paper);
color: var(--site-paper-text);}
.section-light .eyebrow {
color: var(--site-paper-label);}
.section-light .btn-primary {
color: #fafafa;
background: var(--site-paper-text);
border-color: var(--site-paper-text);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);}
.section-light .btn-primary:hover {
background: #27272a;
border-color: #27272a;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);}
.section-light .btn-ghost {
color: var(--site-paper-text);
background: var(--site-paper-surface);
border-color: var(--site-paper-border);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);}
.section-light .btn-ghost:hover {
background: #fafafa;
border-color: #d4d4d8;
color: var(--site-paper-text);}
.section-light .text-ink-text {
color: var(--site-paper-text);}
.section-light .text-ink-mute {
color: var(--site-paper-mute);}
.section-light .text-ink-label {
color: var(--site-paper-label);}
.section-light .text-ink-value {
color: var(--site-paper-mute);}
.section-light .text-ink-faint {
color: var(--site-paper-label);}
.section-light .bg-ink-s1,
.section-light .bg-ink-s2,
.section-light .bg-ink-s3 {
background-color: var(--site-paper-surface);}
.section-light .border-ink-b1,
.section-light .border-ink-b2,
.section-light .border-ink-b3 {
border-color: var(--site-paper-border);}
.section-light .bg-ink-b2 {
background-color: var(--site-paper-border);}
.section-light .hair {
background: var(--site-paper-border);}
.section-light .bg-ink-ax {
background-color: var(--site-paper-text);}
.section-light .rounded-\[8px\].border.bg-ink-s2,
.section-light .rounded-\[6px\].border.bg-ink-s2 {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);}
.app-screenshot-placeholder {
background: var(--site-surface-raised, #1c1c1f);}
.section-light .app-screenshot-placeholder {
background: #f4f4f5;}
.tag-chip {
display: inline-flex;
align-items: center;
font-family: ui-monospace, 'Cascadia Mono', 'Cascadia Code', 'SF Mono', Menlo, Consolas, monospace;
font-size: 10px;
line-height: 1;
letter-spacing: 0.16em;
text-transform: uppercase;
padding: 3px 6px;
border-radius: 3px;
border: 1px solid transparent;
white-space: nowrap;}
.tag-chip--accent {
background: rgba(107, 134, 153, 0.16);
color: #c5d5e3;
border-color: rgba(107, 134, 153, 0.42);}
.tag-chip--neutral {
background: rgba(255, 255, 255, 0.05);
color: #d4d4d8;
border-color: #2e2e33;}
.tag-chip--muted {
background: rgba(255, 255, 255, 0.03);
color: #a1a1aa;
border-color: #29292e;}
.section-light .tag-chip--accent {
background: rgba(107, 134, 153, 0.16);
color: #3c5161;
border-color: rgba(107, 134, 153, 0.5);}
.section-light .tag-chip--neutral {
background: #f4f4f5;
color: #52525b;
border-color: #e4e4e7;}
.section-light .tag-chip--muted {
background: #fafafa;
color: #71717a;
border-color: #e4e4e7;}
.nav-links {
display: none;
align-items: center;
gap: 0.125rem;}
@media (min-width: 768px) {
.nav-links {
display: flex;}}
.nav-link {
position: relative;
display: inline-flex;
align-items: center;
padding: 0.5rem 0.75rem;
font-size: 0.8125rem;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.01em;
color: var(--site-value);
border-radius: 6px;
text-decoration: none;
transition:
color 0.14s ease,
background-color 0.14s ease;}
.nav-link:hover {
color: var(--site-text);
background: rgba(255, 255, 255, 0.06);}
.nav-link.is-active {
color: var(--site-text);
background: rgba(255, 255, 255, 0.08);}
.nav-actions {
display: flex;
align-items: center;
gap: 0.5rem;}
.nav-signin {
display: inline-flex;
align-items: center;
padding: 0.5rem 0.75rem;
font-size: 0.8125rem;
font-weight: 500;
line-height: 1.3;
color: var(--site-value);
border-radius: 6px;
text-decoration: none;
transition:
color 0.14s ease,
background-color 0.14s ease;}
.nav-signin:hover {
color: var(--site-text);
background: rgba(255, 255, 255, 0.06);}
.nav-signin.is-active {
color: var(--site-text);
background: rgba(255, 255, 255, 0.08);}
.nav-download {
padding: 0.5rem 1rem;
font-size: 0.8125rem;}
.nav-on-light .nav-link {
color: var(--site-paper-mute);}
.nav-on-light .nav-link:hover {
color: var(--site-paper-text);
background: rgba(0, 0, 0, 0.05);}
.nav-on-light .nav-link.is-active {
color: var(--site-paper-text);
background: rgba(0, 0, 0, 0.07);}
.nav-on-light .nav-signin {
color: var(--site-paper-mute);}
.nav-on-light .nav-signin:hover {
color: var(--site-paper-text);
background: rgba(0, 0, 0, 0.05);}
.nav-on-light .nav-signin.is-active {
color: var(--site-paper-text);
background: rgba(0, 0, 0, 0.07);}
.nav-on-light .btn-primary {
color: #fafafa;
background: var(--site-paper-text);
border-color: var(--site-paper-text);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);}
.nav-on-light .btn-primary:hover {
background: #27272a;
border-color: #27272a;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);}
.brand-wordmark--on-paper {
filter: brightness(0);}
.brand-wordmark--on-dark {
filter: brightness(0) invert(1);}
.download-variant {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
margin-top: 1.25rem;}
.download-variant-btn {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.125rem;
padding: 0.625rem 0.75rem;
border-radius: 6px;
border: 1px solid var(--site-paper-border);
background: var(--site-paper-surface);
text-align: left;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease;}
.download-variant-btn:hover {
border-color: #d4d4d8;
background: #fafafa;}
.download-variant-btn--active {
border-color: var(--site-paper-text);
background: #fafafa;}
.download-variant-label {
font-size: 0.8125rem;
font-weight: 500;
color: var(--site-paper-text);}
.download-variant-size {
font-size: 0.6875rem;
color: var(--site-paper-mute);}
.download-cta {
flex-direction: column;
align-items: stretch;
gap: 0.25rem;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
text-align: center;}
.download-cta-top {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: 0.9375rem;
font-weight: 600;}
.download-cta-sub {
display: block;
font-size: 0.75rem;
font-weight: 400;
opacity: 0.72;
letter-spacing: 0.01em;}
.download-alt {
text-align: center;}
.download-alt-trigger {
border: none;
background: none;
padding: 0;
font-size: 0.8125rem;
color: var(--site-paper-mute);
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;}
.download-alt-trigger:hover {
color: var(--site-paper-text);}
.download-select {
width: 100%;
padding: 0.5rem 0.625rem;
border-radius: 6px;
border: 1px solid var(--site-paper-border);
background: var(--site-paper-surface);
font-size: 0.8125rem;
color: var(--site-paper-text);
cursor: pointer;}
.download-select:focus {
outline: none;
border-color: var(--site-focus);
box-shadow: 0 0 0 2px rgba(107, 134, 153, 0.2);}
.auth-screen {
min-height: calc(100svh - 3.5rem);
display: flex;
align-items: center;
padding-top: 3.5rem;}
.auth-screen-inner {
width: 100%;
padding-top: 1.75rem;
padding-bottom: 2rem;}
@media (min-width: 640px) {
.auth-screen-inner {
padding-top: 2.5rem;
padding-bottom: 2.5rem;}}
.auth-screen-grid {
display: grid;
gap: 2rem;
align-items: start;}
@media (min-width: 1024px) {
.auth-screen-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 2.5rem 3rem;}
.auth-intro {
grid-column: span 5;}
.auth-screen-form {
grid-column: 7 / span 6;}}
.auth-intro {
min-width: 0;}
.auth-card {
border-radius: 8px;
border: 1px solid var(--site-paper-border);
background: var(--site-paper-surface);
padding: 1.25rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);}
.auth-card .btn-primary {
color: #fafafa;
background: var(--site-paper-text);
border-color: var(--site-paper-text);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);}
.auth-card .btn-primary:hover {
background: #27272a;
border-color: #27272a;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);}
.auth-card .btn-ghost {
color: var(--site-paper-text);
background: var(--site-paper-surface);
border-color: var(--site-paper-border);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);}
.auth-card .btn-ghost:hover {
background: #fafafa;
border-color: #d4d4d8;
color: var(--site-paper-text);}
@media (min-width: 640px) {
.auth-card {
padding: 1.5rem;}}
.auth-form {
display: flex;
flex-direction: column;
gap: 0.875rem;}
.auth-form-row {
display: flex;
justify-content: flex-end;
margin-top: -0.125rem;}
.auth-oauth-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.625rem;}
.auth-oauth-grid .btn-ghost {
justify-content: center;
width: 100%;}
.auth-switch {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--site-paper-border);
text-align: center;
font-size: 0.8125rem;
line-height: 1.5;
color: var(--site-paper-mute);}
.auth-switch-link {
color: var(--site-paper-text);
font-weight: 500;
text-decoration: none;}
.auth-switch-link:hover {
text-decoration: underline;
text-underline-offset: 3px;}
.auth-legal {
margin-top: 0.875rem;
text-align: center;
font-size: 0.6875rem;
line-height: 1.5;
color: var(--site-paper-label);}
.auth-inline-link {
color: var(--site-paper-mute);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: var(--site-paper-border);
transition: color 0.14s ease, text-decoration-color 0.14s ease;}
.auth-inline-link:hover {
color: var(--site-paper-text);
text-decoration-color: #a1a1aa;}
.form-field {
display: flex;
flex-direction: column;
gap: 0.375rem;}
.form-label {
font-family: ui-monospace, 'Cascadia Mono', 'Cascadia Code', 'SF Mono', Menlo, Consolas, monospace;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--site-paper-label);}
.form-input {
width: 100%;
padding: 0.625rem 0.75rem;
font-family: inherit;
font-size: 0.84375rem;
font-weight: 500;
line-height: 1.4;
color: var(--site-paper-text);
background: var(--site-paper-surface);
border: 1px solid var(--site-paper-border);
border-radius: 6px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
transition:
border-color 0.14s ease,
box-shadow 0.14s ease;}
.form-input::placeholder {
color: var(--site-paper-label);}
.form-input:hover {
border-color: #d4d4d8;}
.form-input:focus {
outline: none;
border-color: #a1a1aa;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.8),
0 0 0 3px rgba(24, 24, 27, 0.06);}
.auth-divider {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 1rem 0;}
.auth-divider::before,
.auth-divider::after {
content: '';
flex: 1;
height: 1px;
background: var(--site-paper-border);}
.form-input-wrap {
position: relative;}
.form-input--with-toggle {
padding-right: 2.75rem;}
.form-input-toggle {
position: absolute;
right: 0.375rem;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.875rem;
height: 1.875rem;
padding: 0;
border: 0;
border-radius: 5px;
background: transparent;
color: var(--site-paper-label);
cursor: pointer;
transition: color 0.14s ease, background 0.14s ease;}
.form-input-toggle:hover {
color: var(--site-paper-text);
background: #f4f4f5;}
.form-input-toggle:focus-visible {
outline: none;
box-shadow: 0 0 0 2px rgba(24, 24, 27, 0.12);}
.auth-linkbtn {
background: none;
border: 0;
padding: 0;
font: inherit;
cursor: pointer;}
.auth-resend {
align-self: flex-start;
margin-top: -0.25rem;
background: none;
border: 0;
padding: 0;
font-size: 0.8125rem;
font-weight: 500;
color: var(--site-paper-text);
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;}
.auth-resend:disabled {
opacity: 0.5;
cursor: default;}
.auth-form-intro {
margin-bottom: 0.25rem;
font-size: 0.84375rem;
line-height: 1.5;
color: var(--site-paper-mute);}
.auth-btn-link {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;}
.auth-card .btn-primary:disabled,
.auth-card .btn-ghost:disabled {
opacity: 0.55;
cursor: not-allowed;
box-shadow: none;}
.auth-card .btn-primary:disabled:hover,
.auth-card .btn-ghost:disabled:hover {
background: var(--site-paper-text);
border-color: var(--site-paper-text);}
.auth-card .btn-ghost:disabled:hover {
background: var(--site-paper-surface);
border-color: var(--site-paper-border);}
.form-hint {
margin-top: 0.125rem;
font-size: 0.75rem;
line-height: 1.4;
color: var(--site-paper-mute);}
.form-hint--warn {
color: #b45309;}
.pw-strength {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: -0.375rem;}
.pw-strength-track {
display: flex;
gap: 3px;
flex: 1;}
.pw-strength-seg {
flex: 1;
height: 4px;
border-radius: 2px;
background: var(--site-paper-border);
transition: background 0.18s ease;}
.pw-strength-label {
font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;
font-size: 10px;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;}
.dash-body {
overflow: hidden;
height: 100svh;
background: var(--site-bg);}
.dash-body #root {
height: 100%;}
.dash-body main {
height: 100svh;
overflow-x: hidden;
overflow-y: auto;}
.acc, .dash-body {
--dc-field: #0b0b0b;
--dc-rail: #0e0e0e;
--dc-card: #151515;
--dc-elev: #1f1f1f;
--dc-elev-hover: #262626;
--dc-line-strong: #2a2a2a;
--dc-line-subtle: #1b1b1b;
--dc-text: #f2f2f0;
--dc-value: #c9c9c7;
--dc-mute: #9c9c9a;
--dc-label: #939391;
--dc-faint: #878785;
--dc-action: #f2f2f0;
--dc-action-hover: #ffffff;
--dc-on-action: #0b0b0b;
--dc-on-action-mute: #5a5a58;
--dc-data: #7fd99a;
--dc-link: #9fe6b3;
--dc-heat-1: #2c5238;
--dc-heat-2: #3f7a51;
--dc-heat-3: #5fa874;
--dc-dim: #6a6a68;
--dc-cat-1: #7fd99a;
--dc-cat-2: #7a9fd0;
--dc-cat-3: #eee2c4;
--dc-cat-4: #3b9083;
--dc-cat-5: #a8a8a6;
--dc-warn: #e7a93c;
--dc-danger: #ff5a4f;
--dc-danger-ink: #ff7b72;
color-scheme: dark;
--site-focus: var(--dc-text);
--site-focus-glow: transparent;
background: var(--dc-field);
color: var(--dc-text);
-moz-osx-font-smoothing: grayscale;}
.dash-body .bg-ink-bg { background-color: var(--dc-field); }
.dash-body .bg-ink-s1 { background-color: var(--dc-rail); }
.dash-body .bg-ink-s2 { background-color: var(--dc-card); }
.dash-body .bg-ink-s3 { background-color: var(--dc-elev); }
.dash-body .bg-ink-b1 { background-color: var(--dc-line-strong); }
.dash-body .border-ink-b1 { border-color: var(--dc-line-strong); }
.dash-body .divide-ink-b1 > :not([hidden]) ~ :not([hidden]) { border-color: var(--dc-line-strong); }
.dash-body .ring-ink-b2 { --tw-ring-color: var(--dc-line-subtle); }
.dash-body .ring-ink-s1 { --tw-ring-color: var(--dc-rail); }
.dash-body .text-ink-text { color: var(--dc-text); }
.dash-body .text-ink-value { color: var(--dc-value); }
.dash-body .text-ink-mute { color: var(--dc-mute); }
.dash-body .text-ink-label { color: var(--dc-label); }
.dash-body .text-ink-faint { color: var(--dc-faint); }
.dash-body .text-ink-b1 { color: var(--dc-line-strong); }
.dash-body .hover\:bg-ink-s2:hover { background-color: var(--dc-elev); }
.dash-body .hover\:bg-ink-s3:hover { background-color: var(--dc-elev); }
.dash-body .focus\:bg-ink-s3:focus { background-color: var(--dc-elev); }
.dash-body .hover\:text-ink-text:hover { color: var(--dc-text); }
.dash-body .hover\:text-ink-value:hover { color: var(--dc-value); }
.dash-body .bg-ink-faint { background-color: var(--dc-faint); }
.dash-body .border-ink-faint { border-color: var(--dc-faint); }
.dash-body .bg-ink-mute { background-color: var(--dc-mute); }
.dash-body .ring-ink-b1 { --tw-ring-color: var(--dc-line-strong); }
.dash-body .fill-ink-text { fill: var(--dc-text); }
.dash-body .fill-ink-mute { fill: var(--dc-mute); }
.dash-body .stroke-ink-s3 { stroke: var(--dc-elev); }
.dash-body .bg-ink-s2\/40 { background-color: color-mix(in srgb, var(--dc-card) 40%, transparent); }
.dash-body .placeholder\:text-ink-faint::placeholder { color: var(--dc-faint); }
.dash-body .group:hover .group-hover\:text-ink-value { color: var(--dc-value); }
.dash-body .hover\:ring-ink-b2:hover { --tw-ring-color: var(--dc-line-subtle); }
@media (pointer: coarse) {
.dash-body [role="menuitem"] { min-height: 44px; }}
@keyframes dash-shim {
0%, 100% { opacity: 1; }
50% { opacity: 0.6; }}
.dash-body .dash-shim { animation: dash-shim 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
@keyframes dashFade { from { opacity: 0; } to { opacity: 1; } }
.dash-body .dash-fade { animation: dashFade 0.28s cubic-bezier(0.33, 1, 0.68, 1); }
@keyframes dash-vt-out { to { opacity: 0; } }
@keyframes dash-vt-in { from { opacity: 0; } }
::view-transition-old(root) { mix-blend-mode: normal; animation: dash-vt-out 0.16s cubic-bezier(0.4, 0, 1, 1) both; }
::view-transition-new(root) { mix-blend-mode: normal; animation: dash-vt-in 0.28s cubic-bezier(0, 0, 0.2, 1) 0.08s both; }
@media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none; } }
.dash-focus:focus-visible { outline: 2px solid #f2f2f0; outline-offset: 2px; }
.dash-body { scrollbar-width: thin; scrollbar-color: var(--dc-line-strong) transparent; }
.dash-body ::-webkit-scrollbar { width: 10px; height: 10px; }
.dash-body ::-webkit-scrollbar-track { background: transparent; }
.dash-body ::-webkit-scrollbar-thumb {
background: var(--dc-line-strong);
border-radius: 999px;
border: 3px solid transparent;
background-clip: padding-box;}
.dash-body ::-webkit-scrollbar-thumb:hover { background: var(--dc-mute); }
.dash-body ::-webkit-scrollbar-corner { background: transparent; }
.dash-body ::selection { background: rgba(242, 242, 240, 0.24); color: var(--dc-text); }
.dash-body { accent-color: var(--dc-action); -webkit-tap-highlight-color: transparent; }
.dash-body input, .dash-body textarea { caret-color: var(--dc-text); }
.dash-body tbody td { padding-top: 0.625rem; padding-bottom: 0.625rem; vertical-align: baseline; }
.dash-body thead th { padding-bottom: 0.625rem; }
.dash-body thead th:first-child, .dash-body tbody td:first-child { padding-left: 0; }
.dash-body thead th:last-child, .dash-body tbody td:last-child { padding-right: 0; }
.dash-body .rounded-xl.bg-ink-s2 { border-color: var(--dc-line-subtle); }
.dash-body button.bg-ink-s2.border-ink-b1 { background: var(--dc-elev); border-color: transparent; }
.dash-body button.bg-ink-s2.border-ink-b1:hover { background: var(--dc-elev-hover); }
.dash-body input:focus-visible,
.dash-body textarea:focus-visible,
.dash-body select:focus-visible {
outline: none;
border-color: rgba(242, 242, 240, 0.5);
box-shadow: 0 0 0 3px rgba(242, 242, 240, 0.12);}
.dash-body input[type="checkbox"]:focus-visible,
.dash-body input[type="radio"]:focus-visible {
outline: 2px solid var(--dc-text);
outline-offset: 2px;
box-shadow: none;}
.dash-body .dash-well-field input:focus-visible { box-shadow: none; }
.dash-body .dash-pair-well { display: flex; flex-direction: column; min-height: 7rem; }
.dash-body .dash-pair-well > .dash-foot { margin-top: auto; padding-top: 0.375rem; }
.dash-body .dash-log { max-height: 24rem; }
.dash-body .dash-log[data-more]::after { content: ""; position: sticky; bottom: 0; display: block; height: 1.5rem; margin-top: -1.5rem; background: linear-gradient(to bottom, transparent, var(--dc-card)); pointer-events: none; }
.dash-body .dash-hd > :first-child { min-height: 2rem; }
.dash-body .dash-pair-card { display: flex; flex-direction: column; }
.dash-body .dash-pair-card > .dash-foot { margin-top: auto; padding-top: 0.75rem; }
.dash-body .dash-well-field:focus-within { outline: 2px solid var(--dc-text); outline-offset: 2px; }
.dash-body .dash-well-field .dash-amount:focus { border-bottom-style: solid; border-bottom-color: var(--dc-text); }
.dash-body button:active { transform: translateY(0.5px); }
.dash-body a.dbtn:active { transform: translateY(0.5px); }
.dash-body a, .dash-body button, .dash-body [role="menuitem"],
.dash-body input, .dash-body select, .dash-body textarea {
transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, opacity .14s ease;}
.dash-body tbody tr { transition: background-color .14s ease; }
.dash-body {
--dt-hero: clamp(34px, 11.5vw, 44px);
--dt-metric: 28px;
font-weight: 450;
--dr-surface: 10px;
--dr-control: 6px;
--dt-topband: 70px;}
.dash-body .rounded-xl { border-radius: var(--dr-surface); }
.dash-body .rounded-lg { border-radius: 8px; }
.dash-body .rounded-md { border-radius: var(--dr-control); }
.dash-body .rounded { border-radius: var(--dr-control); }
.dash-body .font-semibold, .dash-body strong { font-weight: 600; }
.dash-body .dt-0, .dash-body .dash-hero,
.dash-body .dt-1, .dash-body .dash-metric { font-weight: 600; font-variant-numeric: tabular-nums; }
.dash-body .dt-0, .dash-body .dash-hero { font-size: var(--dt-hero); line-height: 1.08; letter-spacing: -0.032em; }
.dash-body .dt-1.dt-fit { font-size: clamp(20px, 7vw, 28px); }
.dash-body .dt-1, .dash-body .dash-metric { font-size: var(--dt-metric); line-height: 1.05; letter-spacing: -0.022em; }
.dash-body .dt-2 { font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; }
.dash-body .dt-3 { font-size: 14px; line-height: 1.5; }
.dash-body .dt-4 { font-size: 12px; line-height: 1.4; }
.dash-body .dt-5 { font-size: 11px; font-weight: 500; line-height: 1.3; letter-spacing: 0.01em; }
.dash-body .dt-unit { margin-left: 0.1em; font-size: max(11px, 0.28em); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dc-label); font-variant-numeric: normal; }
.dash-body .dash-plan { font-family: 'Space Grotesk', Inter, ui-sans-serif, system-ui, sans-serif; font-style: normal; font-weight: 600;
font-size: 1em; line-height: 1.05; letter-spacing: -0.02em; text-transform: none; white-space: nowrap; }
.dash-body .dash-plan-xl { font-size: 30px; line-height: 1.05; }
.dash-body .dash-plan-lg { font-size: 20px; line-height: 1.1; }
.dash-body .dash-plan-xl .dash-plan, .dash-body .dash-plan-lg .dash-plan { letter-spacing: -0.03em; }
.dash-body .dbtn {
display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem;
border-radius: var(--dr-control); border: 1px solid transparent;
padding: 0.3125rem 0.625rem; font-size: 12px; font-weight: 500; line-height: 1.25rem;
white-space: nowrap; cursor: pointer;}
.dash-body .dbtn-lg { padding: 0.4375rem 0.8125rem; font-size: 13px; }
.dash-body .dbtn:disabled, .dash-body .dbtn[aria-disabled="true"] { opacity: 0.45; pointer-events: none; }
.dash-body .dbtn-primary { background: var(--dc-action); color: var(--dc-on-action); }
.dash-body .dbtn-primary:hover { background: var(--dc-action-hover); }
.dash-body .dash-tile-inverse { background: var(--dc-action); color: var(--dc-on-action); }
.dash-body .dash-tile-inverse * { color: var(--dc-on-action); }
.dash-body .dash-tile-inverse [class*="text-ink-mute"], .dash-body .dash-tile-inverse [class*="text-ink-label"] { color: var(--dc-on-action-mute); }
.dash-body .dbtn-secondary { background: var(--dc-elev); color: var(--dc-value); }
.dash-body .dbtn-secondary:hover { background: var(--dc-elev-hover); color: var(--dc-text); }
.dash-body .bg-ink-s3 .dbtn-secondary { background: var(--dc-card); }
.dash-body .bg-ink-s3 .dbtn-secondary:hover { background: var(--dc-elev); }
.dash-body .dbtn-ghost { background: transparent; color: var(--dc-mute); }
.dash-body .dbtn-ghost:hover { background: var(--dc-elev); color: var(--dc-text); }
.dash-body .dbtn-danger { border-color: rgba(255, 90, 79, 0.35); color: var(--dc-danger-ink); background: transparent; }
.dash-body .dbtn-danger:hover { background: rgba(255, 90, 79, 0.1); }
.dash-body .dbtn-danger-solid { background: var(--dc-danger); color: var(--dc-on-action); }
.dash-body .dbtn-danger-solid:hover { background: var(--dc-danger-ink); }
.dash-body .dbtn[aria-pressed="true"] {
background: var(--dc-elev-hover);
box-shadow: inset 0 0 0 1px var(--dc-mute);
color: var(--dc-text);}
.dash-body .dbtn[aria-pressed="true"]:hover { background: var(--dc-line-strong); }
.dash-body [role="group"] button[aria-pressed="true"],
.dash-body [role="group"].dseg-quiet button[aria-pressed="true"] {
background: var(--dc-action);
box-shadow: none;
color: var(--dc-on-action);}
.dash-body [role="group"] button[aria-pressed="true"]:hover,
.dash-body [role="group"].dseg-quiet button[aria-pressed="true"]:hover { background: var(--dc-action-hover); }
.dash-body [role="group"] .dash-chip[aria-pressed="true"] {
background: var(--dc-elev-hover);
box-shadow: inset 0 0 0 1px var(--dc-mute);
color: var(--dc-text);}
.dash-body [role="group"] .dash-chip[aria-pressed="true"]:hover { background: var(--dc-line-strong); }
.dash-body .dash-nav { color: var(--dc-mute); transition: background-color .15s, color .15s; }
.dash-body .dash-nav .dash-nav-ic { color: var(--dc-faint); transition: color .15s; }
.dash-body .dash-nav:hover { background: color-mix(in srgb, var(--dc-elev) 55%, transparent); color: var(--dc-value); }
.dash-body .dash-nav:hover .dash-nav-ic { color: var(--dc-mute); }
.dash-body .dash-nav[aria-current="page"] { background: var(--dc-elev); color: var(--dc-text); font-weight: 500; }
.dash-body .dash-nav[aria-current="page"] .dash-nav-ic { color: var(--dc-text); }
.dash-body .dash-nav-out { color: var(--dc-faint); }
.dash-body .dash-railhead {
display: flex; align-items: center; flex: none;
padding: 1.75rem 0.75rem 0;}
.dash-body .dash-bar { background: var(--dc-data); }
.dash-body .dash-bar-active { background: var(--dc-action); }
.dash-body .dash-meter-fill { background: var(--dc-data); }
.dash-body .dash-barlist-fill { background: color-mix(in srgb, var(--dc-data) 13%, transparent); }
.dash-body .dash-meter-ink { color: var(--dc-data); }
.dash-body .dash-accent-ink { color: var(--dc-action); }
.dash-body .dash-heat-1 { background: var(--dc-heat-1); }
.dash-body .dash-heat-2 { background: var(--dc-heat-2); }
.dash-body .dash-heat-3 { background: var(--dc-heat-3); }
.dash-body .dash-heat-4 { background: var(--dc-data); }
.dash-body .text-dc-danger { color: var(--dc-danger-ink); }
.dash-body .hover\:text-dc-danger:hover { color: var(--dc-danger-ink); }
.dash-body .text-dc-tally { color: var(--dc-danger); }
.dash-body .text-dc-warn { color: var(--dc-warn); }
.dash-body .bg-dc-danger { background-color: var(--dc-danger); }
.dash-body .bg-dc-warn { background-color: var(--dc-warn); }
.dash-body .bg-dc-danger-tint { background-color: rgba(255, 90, 79, 0.1); }
.dash-body .hover\:bg-dc-danger-tint-hi:hover { background-color: rgba(255, 90, 79, 0.16); }
.dash-body .bg-dc-warn-tint { background-color: rgba(231, 169, 60, 0.1); }
.dash-body .ring-dc-danger { --tw-ring-color: rgba(255, 90, 79, 0.3); }
.dash-body .ring-dc-danger-strong { --tw-ring-color: rgba(255, 90, 79, 0.8); }
.dash-body .ring-dc-warn { --tw-ring-color: rgba(231, 169, 60, 0.3); }
.dash-body .ring-dc-select { --tw-ring-color: var(--dc-text); }
.dash-body .ring-dc-current { --tw-ring-color: var(--dc-mute); }
.dash-body .hover\:ring-dc-hover:hover { --tw-ring-color: var(--dc-mute); }
.dash-body .dc-link { color: var(--dc-link); }
.dash-body .dc-link:hover { color: var(--dc-text); }
body.dash-body { background: var(--dc-field); color: var(--dc-text); }
html:has(> body.dash-body) { background: var(--dc-field); }
.dash-body .auth-card { background: var(--dc-card); border-color: var(--dc-line-strong); box-shadow: none; }
.dash-body .auth-card .auth-form-intro { color: var(--dc-value); }
.dash-body .auth-card .btn-primary { background: var(--dc-action); border-color: var(--dc-action); color: var(--dc-on-action); box-shadow: none; }
.dash-body .auth-card .btn-primary:hover { background: var(--dc-action-hover); border-color: var(--dc-action-hover); }
.dash-body .dash-bar-col { max-width: 44px; margin: 0 auto; }
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;}}
.sr-only-abs {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;}
.preview-page {
display: flex;
min-height: 100svh;
flex-direction: column;
background: var(--site-bg);}
.preview-skip {
position: absolute;
left: 0.75rem;
top: -3rem;
z-index: 50;
border-radius: 6px;
border: 1px solid var(--site-border);
background: var(--site-panel);
padding: 0.5rem 0.875rem;
font-size: 0.8125rem;
color: var(--site-text);
transition: top 0.15s ease;}
.preview-skip:focus {
top: 0.75rem;}
.preview-main {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
outline: none;}
.preview-header {
flex: none;
padding: 1.5rem 0 0.5rem;}
.preview-header-inner {
display: flex;
align-items: center;}
.preview-brand {
display: inline-flex;
align-items: center;
border-radius: 4px;
padding: 0.25rem;
margin: -0.25rem;}
.preview-footer {
flex: none;
padding: 1.5rem 0 1.5rem;}
.preview-footer-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
border-top: 1px solid var(--site-sep);
padding-top: 1.25rem;}
.preview-footer-copy {
font-size: 0.75rem;
color: var(--site-label);
margin: 0;}
.preview-footer-legal {
flex-basis: 100%;
order: 3;}
.preview-footer-nav {
display: flex;
gap: 1.25rem;}
.preview-footer-nav a {
font-size: 0.75rem;
color: var(--site-mute);
text-decoration: none;
border-radius: 3px;}
.preview-footer-nav a:hover {
color: var(--site-text);
text-decoration: underline;
text-underline-offset: 3px;}
.preview-hero {
padding-block: 3rem 3.5rem;
text-align: left;}
@media (min-width: 640px) {
.preview-hero {
padding-block: 4.5rem 5rem;}}
.preview-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
border: 1px solid var(--site-accent-border);
border-radius: 999px;
padding: 0.3125rem 0.75rem;
font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;
font-size: 0.6875rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--site-value);
background: rgba(107, 134, 153, 0.08);}
.preview-badge-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--site-focus);}
.preview-hero-title {
margin: 0;
font-size: clamp(44px, 9vw, 84px);
line-height: 0.98;
letter-spacing: -0.045em;
font-weight: 500;
color: var(--site-text);}
.preview-hero-sub {
margin: 0.75rem 0 0;
font-size: clamp(18px, 3.2vw, 26px);
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 500;
color: var(--site-mute);}
.preview-hero-lede {
margin: 1.75rem 0 0;
max-width: 34rem;
font-size: 1rem;
line-height: 1.6;
color: var(--site-mute);}
.preview-hero-lede strong {
color: var(--site-value);
font-weight: 600;}
.preview-actions {
margin-top: 2.25rem;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;}
.preview-actions .btn-primary,
.preview-actions .btn-ghost {
min-height: 44px;
padding: 0.75rem 1.25rem;
font-size: 0.8125rem;}
.waitlist {
margin-top: 2.25rem;
max-width: 28rem;}
.waitlist-form {
display: flex;
flex-direction: column;
gap: 0.625rem;}
@media (min-width: 480px) {
.waitlist-form {
flex-direction: row;
align-items: flex-start;}}
.waitlist-field {
flex: 1 1 auto;
min-width: 0;}
.waitlist-input {
width: 100%;
min-height: 44px;
border-radius: 6px;
border: 1px solid var(--site-border);
background: var(--site-panel);
padding: 0.6875rem 0.875rem;
font-size: 0.875rem;
color: var(--site-text);
outline: none;}
.waitlist-input::placeholder {
color: var(--site-label);}
.waitlist-input:hover {
border-color: #34343a;}
.waitlist-input:focus-visible {
border-color: var(--site-focus);
box-shadow: 0 0 0 3px var(--site-focus-glow);}
.waitlist-input[aria-invalid='true'] {
border-color: #f87171;}
.waitlist-submit {
min-height: 44px;
flex: none;}
.waitlist-hp {
position: absolute !important;
left: -9999px !important;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;}
.waitlist-note {
margin: 0.75rem 0 0;
font-size: 0.75rem;
line-height: 1.5;
color: var(--site-label);}
.waitlist-note a {
color: var(--site-mute);
text-decoration: underline;
text-underline-offset: 3px;}
.waitlist-done {
display: flex;
align-items: flex-start;
gap: 0.75rem;
border: 1px solid var(--site-border);
border-radius: 8px;
background: var(--site-panel);
padding: 1rem 1.125rem;}
.waitlist-done-mark {
flex: none;
margin-top: 2px;
color: #4ade80;}
.waitlist-done-title {
margin: 0;
font-size: 0.875rem;
font-weight: 600;
color: var(--site-text);}
.waitlist-done-body {
margin: 0.25rem 0 0;
font-size: 0.8125rem;
line-height: 1.5;
color: var(--site-mute);}
.preview-alert {
margin-top: 0.875rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
border-radius: 6px;
border: 1px solid var(--site-border);
background: var(--site-panel);
padding: 0.6875rem 0.875rem;}
.preview-alert--error {
border-color: rgba(248, 113, 113, 0.42);
background: rgba(248, 113, 113, 0.07);}
.preview-alert-text {
margin: 0;
flex: 1 1 12rem;
font-size: 0.8125rem;
line-height: 1.5;
color: var(--site-value);}
.preview-alert--error .preview-alert-text {
color: #fca5a5;}
.preview-alert-action {
flex: none;}
.preview-spinner-wrap {
display: inline-flex;
align-items: center;}
.preview-spinner {
display: inline-block;
border-radius: 50%;
border: 2px solid rgba(236, 241, 248, 0.25);
border-top-color: var(--site-text);
animation: preview-spin 0.7s linear infinite;}
@keyframes preview-spin {
to {
transform: rotate(360deg);}}
.preview-avatar {
flex: none;
border-radius: 50%;
object-fit: cover;
border: 1px solid var(--site-border);
background: var(--site-surface);}
.preview-avatar--fallback {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: 600;
color: var(--site-value);}
.preview-panel {
width: 100%;
margin: 0 auto;
border-radius: 10px;
border: 1px solid var(--site-border);
background: var(--site-panel);
padding: 1.75rem 1.5rem;}
@media (min-width: 640px) {
.preview-panel {
padding: 2rem 1.875rem;}}
.preview-panel-head {
margin-bottom: 1.25rem;}
.preview-panel-title {
margin: 0;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: -0.015em;
color: var(--site-text);}
.preview-panel-sub {
margin: 0.375rem 0 0;
font-size: 0.8125rem;
line-height: 1.55;
color: var(--site-mute);}
.preview-panel-center {
text-align: center;}
.preview-stack {
display: flex;
flex-direction: column;
gap: 0.625rem;
margin-top: 1.25rem;}
.preview-stack .btn-primary,
.preview-stack .btn-ghost {
width: 100%;
min-height: 44px;}
.preview-identity {
display: flex;
align-items: center;
gap: 0.875rem;
border: 1px solid var(--site-border);
border-radius: 8px;
background: var(--site-surface);
padding: 0.875rem 1rem;
text-align: left;}
.preview-identity-name {
margin: 0;
font-size: 0.875rem;
font-weight: 600;
color: var(--site-text);
overflow-wrap: anywhere;}
.preview-identity-hint {
margin: 0.125rem 0 0;
font-size: 0.75rem;
color: var(--site-label);
font-family: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;
overflow-wrap: anywhere;}
.preview-steps {
margin: 1.25rem 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 0.5rem;
text-align: left;}
.preview-step {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.8125rem;
color: var(--site-label);}
.preview-step[data-state='active'] {
color: var(--site-text);}
.preview-step[data-state='done'] {
color: var(--site-mute);}
.preview-auth {
padding-block: 2rem 3rem;}
@media (min-width: 640px) {
.preview-auth {
padding-block: 3rem 4rem;}}
.preview-auth-col {
width: 100%;
max-width: 27rem;
margin: 0 auto;}
.preview-auth-head {
margin-bottom: 1.5rem;}
.preview-auth-title {
margin: 0.75rem 0 0;
font-size: clamp(26px, 5vw, 34px);
line-height: 1.08;
letter-spacing: -0.03em;
font-weight: 500;
color: var(--site-text);}
.preview-auth-sub {
margin: 0.625rem 0 0;
font-size: 0.875rem;
line-height: 1.6;
color: var(--site-mute);}
.preview-auth-foot {
margin-top: 1.25rem;
text-align: center;
font-size: 0.8125rem;
color: var(--site-mute);}
.preview-auth-foot a {
color: var(--site-text);
text-decoration: underline;
text-underline-offset: 3px;}
.auth-google-host {
display: flex;
justify-content: center;
min-height: 40px;}
.auth-google-host > div {
max-width: 100%;}
.auth-google-host[hidden] {
display: none;}
.preview-legal-head {
padding-block: 2.5rem 1.5rem;}
.preview-legal-body {
margin-top: 0.5rem;}
.preview-main .preview-legal-body {
align-self: stretch;}
.preview-footer-nav a,
.preview-brand,
.preview-skip {
display: inline-flex;
align-items: center;
min-height: 24px;
padding-block: 0.25rem;}
.preview-footer-nav {
gap: 1rem;}
.waitlist-note a,
.auth-inline-link {
text-decoration: underline;
text-underline-offset: 3px;}
.preview-placeholder {
max-width: 42rem;}
.preview-badge--sm {
padding: 0.1875rem 0.5rem;
font-size: 0.625rem;}
.preview-placeholder-note {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
border: 1px solid var(--site-border);
border-radius: 8px;
background: var(--site-panel);
padding: 0.875rem 1rem;}
.preview-placeholder-note p {
margin: 0;
flex: 1 1 16rem;
font-size: 0.8125rem;
line-height: 1.55;
color: var(--site-mute);}
.preview-placeholder-grid {
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
display: grid;
gap: 0.75rem;}
@media (min-width: 640px) {
.preview-placeholder-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));}}
.preview-placeholder-card {
border: 1px solid var(--site-sep);
border-radius: 8px;
background: var(--site-surface);
padding: 0.875rem 1rem;}
.preview-placeholder-card-title {
margin: 0;
font-size: 0.8125rem;
font-weight: 600;
color: var(--site-text);}
.preview-placeholder-card-body {
margin: 0.25rem 0 0;
font-size: 0.8125rem;
line-height: 1.55;
color: var(--site-label);}
.preview-placeholder .preview-stack {
margin-top: 1.5rem;}
.dash-body :focus-visible {
box-shadow: none;}
@media (forced-colors: active) {
.dash-body [role="progressbar"],
.dash-body [role="img"],
.dash-body svg,
.dash-body table {
border: 1px solid CanvasText;}
.dash-body :focus-visible {
outline: 2px solid Highlight;
outline-offset: 2px;}
.dash-body [role="progressbar"] > * {
forced-color-adjust: none;
background: Highlight;}}
.dash-body .dash-hero-blank { font-size: 14px; font-weight: 450; letter-spacing: 0; color: var(--dc-faint); }
.dash-body select.dash-focus {
appearance: none; -webkit-appearance: none; padding-right: 2.25rem; cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%239c9c9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 12px center; background-size: 16px 16px;}
.dash-body label.dt-4 > input[type="checkbox"] { margin-top: 0; }
.dash-body .dash-hero-pair { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 1rem; }
.dash-body .dash-hero-pair > .dash-hero-side { order: 1; }
@media (min-width: 640px) {
.dash-body .dash-hero-pair { grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; }
.dash-body .dash-hero-pair > .dash-hero-side { order: 0; text-align: right; }
.dash-body .dash-tile-lone { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 1rem; align-items: baseline; }
.dash-body .dash-tile-lone > * { grid-column: 1; }
.dash-body .dash-tile-lone > .dash-foot { grid-column: 2; grid-row: 2; margin-top: 0; text-align: right; }}
.acc {
--acc-focus-line: rgba(242, 242, 240, 0.5);
--acc-focus-glow: rgba(242, 242, 240, 0.12);
--acc-danger-line: rgba(255, 90, 79, 0.8);
--acc-danger-glow: rgba(255, 90, 79, 0.28);
--acc-danger-tint: rgba(255, 90, 79, 0.1);
--acc-danger-ring: rgba(255, 90, 79, 0.3);
--acc-warn-tint: rgba(231, 169, 60, 0.1);
--acc-warn-ring: rgba(231, 169, 60, 0.3);
--acc-ease: cubic-bezier(0.22, 1, 0.36, 1);}
html:has(.acc-page), html:has(.acc-page) body, body.acc { background: var(--dc-field, #0b0b0b); }
.acc-page {
display: flex; flex-direction: column; min-height: 100svh;
background: var(--dc-field); color: var(--dc-text);
font-weight: 450; accent-color: var(--dc-action); caret-color: var(--dc-text);}
.acc ::selection { background: rgba(242, 242, 240, 0.24); color: var(--dc-text); }
.acc a:focus-visible, .acc button:focus-visible, .acc summary:focus-visible,
.acc input[type="checkbox"]:focus-visible, .acc input[type="radio"]:focus-visible,
.acc [tabindex]:not([tabindex="-1"]):focus-visible {
outline: 2px solid var(--dc-text); outline-offset: 2px; box-shadow: none;}
.acc a, .acc button, .acc input, .acc textarea, .acc select {
transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, opacity .14s ease;}
@keyframes acc-enter { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
.acc-enter { animation: acc-enter 0.28s cubic-bezier(0.33, 1, 0.68, 1) both; }}
.acc-skip {
position: absolute; left: 0.75rem; top: -4rem; z-index: 50;
display: inline-flex; align-items: center; min-height: 44px; padding: 0 0.875rem;
border-radius: 6px; background: var(--dc-action); color: var(--dc-on-action);
font-size: 13px; font-weight: 500; text-decoration: none;}
.acc-skip:focus { top: 0.75rem; }
.acc-header {
flex: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
padding: 0.375rem 1rem;}
@media (min-width: 640px) { .acc-header { padding: 0.625rem 2rem; } }
.acc-brand {
display: inline-flex; align-items: center; min-height: 44px; padding: 0 0.25rem; margin-left: -0.25rem;
border-radius: 4px;}
.acc-back {
display: inline-flex; align-items: center; min-height: 44px; padding: 0 0.25rem; margin-right: -0.25rem;
border-radius: 4px; font-size: 13px; color: var(--dc-mute); text-decoration: none; white-space: nowrap;}
.acc-back:hover { color: var(--dc-text); }
.acc-main { flex: 1 1 auto; display: flex; flex-direction: column; outline: none; }
.acc-col {
width: 100%; max-width: calc(600px + 2rem); margin: 0 auto;
padding: 1.75rem 1rem 2.5rem;
display: flex; flex-direction: column; gap: 1.75rem;}
@media (min-width: 640px) { .acc-col { padding: clamp(2.75rem, 9vh, 5rem) 1rem 5rem; gap: 2rem; } }
.acc-col > :not(.acc-head) { width: 100%; max-width: 440px; margin-inline: auto; }
.acc-col--wide { max-width: calc(640px + 2rem); }
.acc-col--wide > :not(.acc-head) { max-width: 540px; }
.acc-head { display: flex; flex-direction: column; align-items: center; gap: 0.625rem; text-align: center; }
.acc-title {
margin: 0; font-size: 28px; font-weight: 500; line-height: 1.08; letter-spacing: -0.03em;
color: var(--dc-text); overflow-wrap: anywhere; text-wrap: balance;}
@media (min-width: 640px) { .acc-title { font-size: 32px; } }
.acc-title:focus, .acc-title:focus-visible { outline: none; }
.acc-sub { margin: 0; font-size: 14px; line-height: 1.5; color: var(--dc-mute); overflow-wrap: anywhere; max-width: 65ch; text-wrap: balance; }
@media (min-width: 640px) { .acc-sub { font-size: 15px; } }
.acc-sub strong { color: var(--dc-value); font-weight: 500; }
.acc-below { margin: 0; text-align: center; font-size: 13px; line-height: 1.5; color: var(--dc-mute); }
.acc-status {
display: inline-flex; align-items: center; gap: 0.375rem;
font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--dc-mute);}
.acc-status::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
.acc-status--warn { color: var(--dc-warn); }
.acc-status--danger { color: var(--dc-danger-ink); }
.acc-card {
background: var(--dc-card); color: var(--dc-text);
border: 1px solid var(--dc-line-subtle); border-radius: 10px;
padding: 1.5rem 1.25rem;}
@media (min-width: 640px) { .acc-card { padding: 2rem; } }
.acc-stack { display: flex; flex-direction: column; gap: 1rem; }
.acc-stack--tight { gap: 0.5rem; }
.acc-stack--loose { gap: 1.5rem; }
.acc-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.acc-text { margin: 0; font-size: 14px; line-height: 1.5; color: var(--dc-value); overflow-wrap: anywhere; }
.acc-text strong { color: var(--dc-text); font-weight: 500; }
.acc-text--mute { color: var(--dc-mute); }
.acc-center { text-align: center; }
.acc-well { border-radius: 8px; background: var(--dc-elev); padding: 0.875rem 1rem; }
.acc-divider { margin: 0; border: 0; height: 1px; background: var(--dc-line-strong); }
.acc-switch {
margin: 0; padding-top: 1rem; border-top: 1px solid var(--dc-line-strong);
text-align: center; font-size: 13px; line-height: 1.5; color: var(--dc-mute);}
.acc-form { display: flex; flex-direction: column; gap: 1rem; }
.acc-field { display: flex; flex-direction: column; gap: 0.375rem; min-width: 0; }
.acc-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; min-width: 0; }
.acc-label { font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--dc-value); }
.acc-input {
display: block; width: 100%; min-height: 44px; margin: 0;
padding: 0 0.75rem; border-radius: 6px;
background: var(--dc-field); border: 1px solid var(--dc-dim);
font: inherit; font-size: 14px; font-weight: 450; line-height: 1.4; color: var(--dc-text);
caret-color: var(--dc-text); box-shadow: none; appearance: none;}
@media (pointer: coarse) { .acc-input { font-size: 16px; } }
.acc-input::placeholder { color: var(--dc-faint); opacity: 1; }
.acc-input:hover { border-color: var(--dc-faint); }
.acc-input:focus, .acc-input:focus-visible {
outline: none; border-color: var(--acc-focus-line); box-shadow: 0 0 0 3px var(--acc-focus-glow);}
.acc-input[aria-invalid="true"] { border-color: var(--acc-danger-line); }
.acc-input[aria-invalid="true"]:focus { border-color: var(--acc-danger-line); box-shadow: 0 0 0 3px var(--acc-danger-glow); }
.acc-input:disabled, .acc-input[readonly] { opacity: 0.6; cursor: not-allowed; }
.acc-input:-webkit-autofill, .acc-input:-webkit-autofill:hover {
-webkit-text-fill-color: var(--dc-text); caret-color: var(--dc-text);
-webkit-box-shadow: 0 0 0 1000px var(--dc-field) inset; transition: background-color 9999s ease 0s;}
.acc-input:-webkit-autofill:focus {
-webkit-text-fill-color: var(--dc-text);
-webkit-box-shadow: 0 0 0 3px var(--acc-focus-glow), 0 0 0 1000px var(--dc-field) inset;}
.acc-input--code { font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }
.acc-input-wrap { position: relative; }
.acc-input-wrap .acc-input { padding-right: 3rem; }
.acc-input-toggle {
position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; padding: 0; border: 0; border-radius: 4px;
background: transparent; color: var(--dc-mute); cursor: pointer;}
.acc-input-toggle:hover { color: var(--dc-text); background: var(--dc-elev); }
.acc-field-hint { margin: 0; font-size: 12px; line-height: 1.4; color: var(--dc-mute); }
.acc-field-hint--warn { color: var(--dc-warn); }
.acc-field-err { margin: 0; font-size: 12px; line-height: 1.4; color: var(--dc-danger-ink); }
.acc-consents, .acc-choice { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
.acc-choice { gap: 0.375rem; }
.acc-consents > legend, .acc-choice > legend { padding: 0; margin-bottom: 0.375rem; }
.acc-consent { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.acc-doc {
max-height: 12rem; overflow-y: auto; overscroll-behavior: contain;
padding: 0.75rem 0.875rem; border-radius: 6px; border: 1px solid var(--dc-line-strong); background: var(--dc-elev);}
@media (min-height: 800px) { .acc-doc { max-height: 15rem; } }
.acc-doc-h { margin: 0.875rem 0 0.25rem; font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--dc-text); }
.acc-doc section:first-child .acc-doc-h { margin-top: 0; }
.acc-doc-p { margin: 0 0 0.5rem; font-size: 13px; line-height: 1.55; color: var(--dc-value); overflow-wrap: anywhere; }
.acc-check {
display: flex; align-items: flex-start; gap: 0.625rem; min-height: 44px; padding: 0.625rem 0;
font-size: 14px; line-height: 1.45; color: var(--dc-value); cursor: pointer;}
.acc-check input { flex: none; width: 18px; height: 18px; margin: 0.0625rem 0 0; cursor: inherit; }
.acc-check--off { color: var(--dc-faint); cursor: not-allowed; }
.acc-check--inline { min-height: 44px; padding-right: 1rem; align-items: center; }
.acc-check--inline input { margin-top: 0; }
.acc-req { color: var(--dc-mute); font-size: 12px; }
.acc-consent-boxes { display: flex; flex-direction: column; gap: 14px; margin-top: 0.5rem; }
.acc-consent-boxes .acc-check { min-height: 0; padding: 0; }
select.acc-input {
appearance: none; -webkit-appearance: none; padding-right: 36px; cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%239c9c9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 12px center; background-size: 16px 16px;}
.acc-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
min-height: 44px; padding: 0 1rem; margin: 0;
border: 1px solid transparent; border-radius: 6px;
font: inherit; font-size: 13px; font-weight: 500; line-height: 1.25; white-space: nowrap;
text-decoration: none; cursor: pointer;}
.acc-btn:active { transform: translateY(0.5px); }
.acc-btn--pri { background: var(--dc-action); color: var(--dc-on-action); }
.acc-btn--pri:hover { background: var(--dc-action-hover); color: var(--dc-on-action); }
.acc-btn--sec { background: var(--dc-elev); color: var(--dc-value); }
.acc-btn--sec:hover { background: var(--dc-elev-hover); color: var(--dc-text); }
.acc-btn--block { width: 100%; }
.acc-btn:disabled, .acc-btn[aria-disabled="true"] { opacity: 0.45; cursor: not-allowed; transform: none; }
.acc-btn--pri:disabled:hover { background: var(--dc-action); }
.acc-btn--sec:disabled:hover { background: var(--dc-elev); color: var(--dc-value); }
a.acc-btn[aria-disabled="true"] { pointer-events: none; }
.acc-btn[aria-busy="true"] { cursor: progress; }
.acc-link, .acc-quiet {
display: inline; padding: 0; margin: 0; border: 0; background: none;
font: inherit; cursor: pointer; border-radius: 2px;
text-decoration: none; text-underline-offset: 3px;}
.acc-link { color: var(--dc-link); }
.acc-link:hover { color: var(--dc-text); text-decoration: underline; }
.acc-quiet { color: var(--dc-mute); }
.acc-quiet:hover { color: var(--dc-text); text-decoration: underline; }
.acc-link:disabled, .acc-quiet:disabled { opacity: 0.5; cursor: not-allowed; text-decoration: none; }
.acc-sm { font-size: 12px; line-height: 1.4; }
.acc-or { display: flex; align-items: center; gap: 0.75rem; font-size: 11px; font-weight: 500; color: var(--dc-faint); }
.acc-or::before, .acc-or::after { content: ""; flex: 1; height: 1px; background: var(--dc-line-strong); }
.acc-fine { margin: 0; font-size: 11px; font-weight: 500; line-height: 1.45; color: var(--dc-faint); text-wrap: pretty; }
.acc-fine a { color: inherit; text-decoration: underline; text-underline-offset: 2px; border-radius: 2px; }
.acc-fine a:hover { color: var(--dc-value); }
.acc-alert {
display: flex; flex-direction: column; gap: 0.375rem;
border-radius: 8px; padding: 0.625rem 0.875rem;
font-size: 13px; line-height: 1.5; overflow-wrap: anywhere;}
.acc-alert p { margin: 0; }
.acc-alert-title { font-weight: 500; }
.acc-alert a, .acc-alert .acc-inline {
color: inherit; text-decoration: underline; text-underline-offset: 2px;
background: none; border: 0; padding: 0; font: inherit; cursor: pointer; border-radius: 2px;}
.acc-alert .acc-row { margin-top: 0.25rem; }
.acc-alert--danger { background: var(--acc-danger-tint); box-shadow: inset 0 0 0 1px var(--acc-danger-ring); color: var(--dc-danger-ink); }
.acc-alert--notice { background: var(--dc-elev); box-shadow: inset 0 0 0 1px var(--dc-line-strong); color: var(--dc-value); }
.acc-alert--notice .acc-alert-title { color: var(--dc-text); }
.acc-alert--warn { background: var(--acc-warn-tint); box-shadow: inset 0 0 0 1px var(--acc-warn-ring); color: var(--dc-warn); }
.acc-count { font-variant-numeric: tabular-nums; }
.acc-busy { margin: 0; display: flex; align-items: center; gap: 0.625rem; font-size: 14px; line-height: 1.5; color: var(--dc-value); }
.acc-spinner {
flex: none; display: inline-block; width: 16px; height: 16px; border-radius: 50%;
border: 2px solid rgba(242, 242, 240, 0.22); border-top-color: var(--dc-text);
animation: preview-spin 0.7s linear infinite;}
.acc-shim { border-radius: 6px; background: var(--dc-elev); animation: dash-shim 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.acc-google-host { display: flex; justify-content: center; min-height: 44px; }
.acc-google-host[hidden] { display: none; }
.acc-google-host > div { max-width: 100%; }
.acc-strength { display: flex; align-items: center; gap: 0.625rem; }
.acc-strength-track { display: flex; gap: 3px; flex: 1; }
.acc-strength-seg { flex: 1; height: 3px; border-radius: 2px; background: var(--dc-elev); }
.acc-strength-seg[data-on="true"] { background: var(--dc-mute); }
.acc-strength[data-level="0"] .acc-strength-seg[data-on="true"] { background: var(--dc-danger); }
.acc-strength[data-level="1"] .acc-strength-seg[data-on="true"] { background: var(--dc-warn); }
.acc-strength-label { font-size: 12px; line-height: 1.4; color: var(--dc-mute); white-space: nowrap; }
.acc-strength[data-level="0"] .acc-strength-label { color: var(--dc-danger-ink); }
.acc-strength[data-level="1"] .acc-strength-label { color: var(--dc-warn); }
.acc-footer { flex: none; border-top: 1px solid var(--dc-line-subtle); padding: 1rem 1rem 1.25rem; }
@media (min-width: 640px) { .acc-footer { padding: 1.25rem 2rem; } }
.acc-footer-inner { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.5rem 1.5rem; }
.acc-footer-id { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; }
.acc-footer p { margin: 0; font-size: 11px; font-weight: 500; line-height: 1.5; color: var(--dc-faint); overflow-wrap: anywhere; }
.acc-footer a { color: var(--dc-faint); text-decoration: none; border-radius: 2px; }
.acc-footer a:hover { color: var(--dc-value); text-decoration: underline; text-underline-offset: 2px; }
.acc-footer-nav { display: flex; gap: 1rem; }
.acc-nowrap { white-space: nowrap; }
.acc-footer-nav a { display: inline-flex; align-items: center; min-height: 24px; font-size: 11px; font-weight: 500; }
.acc-doc-label { margin: 0 0 0.5rem; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dc-mute); }
.acc-doc-sep { margin: 0.75rem 0; border: 0; height: 1px; background: var(--dc-line-strong); }
.acc-doc-end { margin: 0; font-size: 13px; line-height: 1.5; color: var(--dc-link); }
.ob-signout { background: none; border: 0; font: inherit; font-size: 13px; cursor: pointer; }
.ob-main { position: relative; padding: 24px 32px 64px; }
.ob-col { box-sizing: border-box; width: 560px; max-width: 100%; margin: auto; display: flex; flex-direction: column; gap: 40px; }
.ob-top { flex: none; height: 17px; }
.ob-prog { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.ob-ps { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ob-ps i, .ob-bars i { display: block; height: 3px; border-radius: 999px; background: var(--dc-line-strong); }
.ob-ps > span { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; font-size: 12px; font-weight: 500; line-height: 1.25; color: var(--dc-faint); white-space: nowrap; }
.ob-ps em { font-style: normal; font-size: 11px; font-weight: 400; color: var(--dc-faint); }
.ob-ps.is-done i, .ob-ps.is-cur i, .ob-bars i.is-on { background: var(--dc-text); }
.ob-ps.is-done > span { color: var(--dc-mute); }
.ob-ps.is-cur > span { color: var(--dc-text); }
.ob-phprog { display: none; }
.ob-kick { margin: 0; font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--dc-mute); }
.ob-hd { flex: none; height: 83px; display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; text-align: center; }
.ob-hd h1 { margin: 0; font-size: 32px; font-weight: 500; line-height: 1.08; letter-spacing: -0.03em; color: var(--dc-text); outline: none; }
.ob-sub { margin: 0; max-width: 100%; height: 23px; font-size: 15px; line-height: 1.5; color: var(--dc-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ob-area { flex: none; height: 380px; min-height: 0; display: flex; flex-direction: column; gap: 22px; }
.ob-acts { flex: none; height: 44px; display: flex; align-items: center; gap: 12px; }
.ob-sp { flex: 1 1 auto; }
.ob-btn {
display: inline-flex; align-items: center; justify-content: center; flex: none; width: 180px; height: 44px;
margin: 0; padding: 0; border: 0; border-radius: 6px; font: inherit; font-size: 13px; font-weight: 500; line-height: 1.25;
white-space: nowrap; text-decoration: none; cursor: pointer;}
.ob-page .ob-btn { transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.14s ease, color 0.14s ease; }
.ob-page .ob-btn:active { transform: scale(0.98); }
.ob-pri { background: var(--dc-action); color: var(--dc-on-action); }
.ob-pri:hover { background: var(--dc-action-hover); color: var(--dc-on-action); }
.ob-page .ob-pri.is-dis { background: var(--dc-line-strong); color: var(--dc-dim); cursor: not-allowed; transform: none; }
.ob-pri.is-busy { background: var(--dc-value); cursor: progress; }
.ob-sec { background: var(--dc-elev); color: var(--dc-value); }
.ob-sec:hover { background: var(--dc-elev-hover); color: var(--dc-text); }
.ob-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.ob-back {
flex: none; width: auto; height: 44px; display: inline-flex; align-items: center; justify-content: center; margin: 0 0 0 -16px;
padding: 0 16px; border: 0; border-radius: 6px; background: transparent; font: inherit; font-size: 13px; font-weight: 500;
line-height: 1.25; white-space: nowrap; color: var(--dc-mute); cursor: pointer;
transition: background-color 0.14s ease, color 0.14s ease;}
.ob-back:hover { background: var(--dc-elev); color: var(--dc-text); }
.ob-back:disabled { opacity: 0.6; cursor: not-allowed; }
.ob-win { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; border: 1px solid var(--dc-line-strong); border-radius: 8px; background: #121212; }
.ob-scroll {
position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 28px 20px 22px;
scrollbar-width: thin; scrollbar-color: #4a4a48 transparent;}
.ob-scroll::-webkit-scrollbar { width: 14px; }
.ob-scroll::-webkit-scrollbar-thumb { background: #4a4a48; border: 5px solid transparent; background-clip: padding-box; border-radius: 999px; }
.acc .ob-win .ob-scroll[tabindex]:focus-visible { outline: 2px solid var(--dc-text); outline-offset: -2px; }
.ob-doc { margin: 0 0 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dc-mute); }
.ob-doc-h { margin: 14px 0 8px; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--dc-text); }
.ob-doc + section .ob-doc-h { margin-top: 6px; }
.ob-doc-p { margin: 0 0 8px; max-width: 72ch; font-size: 14px; line-height: 1.65; color: var(--dc-value); overflow-wrap: anywhere; }
.ob-sep { margin: 12px 0 14px; border: 0; height: 1px; background: var(--dc-line-strong); }
.ob-fade { position: absolute; left: 0; right: 0; bottom: 0; height: 56px; background: linear-gradient(rgba(18, 18, 18, 0), #121212); pointer-events: none; }
.ob-under { flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; margin-top: -10px; }
.ob-meta { display: inline-flex; align-items: center; gap: 6px; }
.ob-ver { font-size: 12px; line-height: 1.4; color: var(--dc-mute); white-space: nowrap; }
.ob-ver::after { content: "\00b7" / ""; margin-left: 6px; color: var(--dc-faint); }
.ob-hint { font-size: 12px; line-height: 1.4; color: var(--dc-mute); }
.ob-hint.is-ok { color: var(--dc-link); }
.ob-hint.is-warn { color: var(--dc-warn); }
.ob-open { font-size: 12px; line-height: 1.4; color: var(--dc-mute); text-decoration: none; border-radius: 2px; }
.ob-open:hover { color: var(--dc-text); text-decoration: underline; text-underline-offset: 2px; }
.ob-chk-link { color: inherit; text-decoration: underline; text-decoration-color: var(--dc-line-strong); text-underline-offset: 2px; }
.ob-chk-link:hover { color: var(--dc-text); text-decoration-color: currentColor; }
.ob-checks { flex: none; display: flex; flex-direction: column; gap: 14px; }
.ob-chk { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.45; color: var(--dc-text); cursor: pointer; }
.ob-chk.is-off { color: var(--dc-faint); cursor: pointer; }
.ob-chk > input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; cursor: inherit; }
.ob-chk-h { display: block; font-size: 12px; color: var(--dc-mute); }
.ob-fe { flex: none; margin: 0; font-size: 12px; line-height: 1.4; color: var(--dc-danger-ink); }
.ob-fe .ob-discard { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.dash-body.ob-dash-layer { height: 0; overflow: visible; background: transparent; }
.ob-fld { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ob-lbl { font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--dc-value); }
.ob-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ob-help { margin: -10px 0 0; font-size: 12px; line-height: 1.4; color: var(--dc-mute); }
.ob-fld > .ob-help { margin: 0; }
.ob-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ob-chip, .ob-tile { position: relative; display: flex; }
.ob-chip input, .ob-tile input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ob-chip span {
display: flex; align-items: center; height: 40px; padding: 0 14px; border: 1px solid var(--dc-line-strong); border-radius: 6px;
background: var(--dc-field); font-size: 13px; color: var(--dc-value); white-space: nowrap;}
.ob-chip:hover span { border-color: var(--dc-dim); }
.ob-chip input:checked + span { border-color: var(--dc-text); background: var(--dc-text); color: var(--dc-on-action); font-weight: 500; }
.ob-chip input:focus-visible + span, .ob-tile input:focus-visible + .ob-tile-face { outline: 2px solid var(--dc-text); outline-offset: 2px; }
.ob-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ob-tile-face {
position: relative; flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; padding: 16px 18px;
border: 1px solid var(--dc-line-strong); border-radius: 8px; color: var(--dc-text);}
.ob-tile-face b { padding-right: 28px; font-size: 15px; font-weight: 500; }
.ob-tile-face > span:last-child { font-size: 13px; line-height: 1.4; color: var(--dc-mute); }
.ob-tile-r { position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid var(--dc-dim); border-radius: 999px; }
.ob-tile:hover .ob-tile-face { border-color: var(--dc-dim); }
.ob-tile input:checked + .ob-tile-face { border-color: var(--dc-text); box-shadow: inset 0 0 0 1px var(--dc-text); }
.ob-tile input:checked + .ob-tile-face .ob-tile-r { border: 5px solid var(--dc-text); }
.ob-plans { flex: none; display: flex; flex-direction: column; gap: 12px; }
.ob-seg { align-self: center; display: flex; gap: 3px; padding: 3px; border: 1px solid var(--dc-line-strong); border-radius: 8px; background: var(--dc-card); }
.ob-seg-o, .ob-plan { position: relative; display: flex; }
.ob-seg-o input, .ob-plan input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ob-seg-o span { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 14px; border-radius: 6px; font-size: 13px; font-weight: 500; color: var(--dc-mute); white-space: nowrap; }
.ob-seg-o:hover span { color: var(--dc-text); }
.ob-seg-o input:checked + span { background: var(--dc-elev); color: var(--dc-text); }
.ob-seg-o em { font-style: normal; font-size: 11px; color: var(--dc-link); }
.ob-rows { display: flex; flex-direction: column; gap: 6px; }
.ob-plan-face {
flex: 1 1 auto; box-sizing: border-box; height: 56px; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 14px;
align-items: center; padding: 0 16px; border: 1px solid var(--dc-line-strong); border-radius: 8px; color: var(--dc-text);}
.ob-plan:hover .ob-plan-face { border-color: var(--dc-dim); }
.ob-plan input:checked + .ob-plan-face { border-color: var(--dc-text); box-shadow: inset 0 0 0 1px var(--dc-text); }
.ob-plan.is-off .ob-plan-face { opacity: 0.5; }
.ob-plan.is-off input { cursor: not-allowed; }
.ob-plan-r { width: 16px; height: 16px; box-sizing: border-box; border: 1px solid var(--dc-dim); border-radius: 999px; }
.ob-plan input:checked + .ob-plan-face .ob-plan-r { border: 5px solid var(--dc-text); }
.ob-seg-o input:focus-visible + span, .ob-plan input:focus-visible + .ob-plan-face { outline: 2px solid var(--dc-text); outline-offset: 2px; }
.ob-plan-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ob-plan-nm { display: flex; align-items: center; gap: 8px; }
.ob-plan-n { font-family: 'Space Grotesk', Inter, ui-sans-serif, system-ui, sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: -0.02em; }
.ob-tag { padding: 1px 6px; border-radius: 4px; background: var(--dc-link); color: var(--dc-on-action); font-size: 10px; font-weight: 600; line-height: 14px; letter-spacing: 0.08em; text-transform: uppercase; }
.ob-plan-d { font-size: 12px; line-height: 16px; color: var(--dc-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ob-plan-pr { text-align: right; font-size: 15px; font-weight: 600; line-height: 20px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ob-plan-pr span { display: block; font-size: 11px; font-weight: 500; line-height: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dc-faint); }
.ob-note { margin: 0; font-size: 12px; line-height: 17px; color: var(--dc-faint); text-align: center; }
.ob-prog.ob-six { grid-template-columns: repeat(6, 1fr); }
.ob-points { flex: none; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ob-points li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.45; color: var(--dc-text); }
.ob-points li::before {
content: ""; position: absolute; left: 3px; top: 5px; width: 9px; height: 5px;
border-left: 1.5px solid var(--dc-mute); border-bottom: 1.5px solid var(--dc-mute); transform: rotate(-45deg);}
.ob-help--line { margin: 0; }
.ob-codes {
flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; padding: 16px 18px;
border: 1px solid var(--dc-line-strong); border-radius: 8px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; line-height: 1.5;
font-variant-numeric: tabular-nums; color: var(--dc-value);}
.ob-codes-acts { flex: none; display: flex; gap: 16px; margin-top: -10px; }
.ob-codes-box { position: relative; flex: none; }
.ob-codes-box .ob-codes { padding-right: 96px; }
.ob-codes-copy {
position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
border: 1px solid var(--dc-line-strong); border-radius: 6px; background: var(--dc-elev); color: var(--dc-value);
font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; transition: background-color 0.14s ease, color 0.14s ease;}
.ob-codes-copy:hover { background: var(--dc-elev-hover); color: var(--dc-text); }
@media (max-width: 520px) { .ob-codes-box .ob-codes { padding-right: 18px; padding-top: 48px; } }
.ob-text-btn { padding: 0; border: 0; background: none; font-family: inherit; cursor: pointer; }
@keyframes ob-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
.ob-enter { animation: ob-enter 0.3s cubic-bezier(0.16, 1, 0.3, 1) both; }}
@media (prefers-reduced-motion: reduce) {
.ob-page .ob-btn:active { transform: none; }}
@media (min-width: 768px) and (max-height: 899px) {
.ob-main { padding-top: 16px; padding-bottom: 56px; }
.ob-col { gap: 28px; }
.ob-area { height: clamp(260px, calc(100dvh - 369px), 380px); overflow-y: auto; }}
@media (max-width: 767px) {
.ob-main { padding: 0; }
.ob-col { width: 100%; height: calc(100svh - 56px); margin: 0; padding: 24px 20px; gap: 28px; }
.ob-top { height: 28px; }
.ob-prog { display: none; }
.ob-phprog { display: flex; flex-direction: column; gap: 8px; }
.ob-bars { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.ob-bars.ob-six { grid-template-columns: repeat(6, 1fr); }
.ob-hd { height: 118px; }
.ob-hd h1 { font-size: 26px; }
.ob-sub { height: auto; white-space: normal; }
.ob-area { flex: 1 1 auto; height: auto; overflow-y: auto; }
.ob-area--terms { overflow: hidden; }
.ob-win { min-height: 96px; }
.ob-row2 { grid-template-columns: 1fr; }
.ob-acts { height: auto; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 12px; }
.ob-acts .ob-back, .ob-acts .ob-sp { display: none; }
.ob-btn { width: auto; }
.ob-plan-face { height: auto; min-height: 56px; padding: 8px 14px; gap: 12px; }
.ob-plan-d { white-space: normal; }}
@media (min-width: 640px) and (max-width: 767px) {
.ob-col { height: calc(100svh - 64px); }}
.acc .auth-form { display: flex; flex-direction: column; gap: 1rem; }
.acc .auth-form-intro { margin: 0; font-size: 14px; line-height: 1.5; color: var(--dc-value); }
.acc .btn-primary, .acc .btn-ghost {
min-height: 44px; border-radius: 6px; border: 1px solid transparent; box-shadow: none;
font-size: 13px; font-weight: 500; letter-spacing: 0; text-decoration: none;}
.acc .btn-primary { background: var(--dc-action); color: var(--dc-on-action); }
.acc .btn-primary:hover { background: var(--dc-action-hover); border-color: transparent; box-shadow: none; }
.acc .btn-ghost { background: var(--dc-elev); color: var(--dc-value); }
.acc .btn-ghost:hover { background: var(--dc-elev-hover); color: var(--dc-text); border-color: transparent; }
.acc .btn-primary:disabled, .acc .btn-ghost:disabled { opacity: 0.45; cursor: not-allowed; }
.acc .auth-switch { margin: 0; padding-top: 1rem; border-top: 1px solid var(--dc-line-strong); text-align: center; font-size: 13px; color: var(--dc-mute); }
.acc .auth-switch-link { color: var(--dc-link); font: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none; }
.acc .auth-switch-link:hover { color: var(--dc-text); text-decoration: underline; text-underline-offset: 3px; }
.acc .form-hint { margin: 0; font-size: 12px; line-height: 1.4; color: var(--dc-mute); }
.acc .auth-card { background: var(--dc-card); border-color: var(--dc-line-subtle); box-shadow: none; }
.acc .preview-panel { background: var(--dc-card); border-color: var(--dc-line-subtle); }
.acc .preview-panel-sub, .acc .preview-auth-sub { color: var(--dc-mute); }
.acc-below .acc-link, .acc-below .acc-quiet, .acc-label-row .acc-quiet, .acc-field-aside .acc-quiet, .acc-login-out .acc-quiet { position: relative; }
.acc-below .acc-link::after, .acc-below .acc-quiet::after, .acc-label-row .acc-quiet::after, .acc-field-aside .acc-quiet::after, .acc-login-out .acc-quiet::after {
content: ""; position: absolute; left: -8px; right: -8px; top: 50%; height: 44px; transform: translateY(-50%);}
.acc-login-out { margin: 0; text-align: center; font-size: 13px; line-height: 1.5; color: var(--dc-mute); }
.acc-login-out .acc-quiet { color: var(--dc-value); text-decoration: underline; }
.acc-login-out .acc-quiet:hover { color: var(--dc-text); }
.acc-login-below .acc-link { text-decoration: underline; text-decoration-thickness: 1px; }
.acc-login-below .acc-link, .acc-login-out .acc-quiet { margin-inline-start: 3px; }
.acc-ways { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.acc-ways p { margin: 0; }
.acc-ways .acc-link::after { top: -2px; bottom: -2px; height: auto; transform: none; }
.acc-field--aside { position: relative; }
.acc-field--aside > .acc-label { padding-right: 9rem; }
.acc-field-aside { position: absolute; top: 0; right: 0; display: flex; line-height: 1.4; }
.acc-label-row .acc-quiet::after, .acc-field-aside .acc-quiet::after { top: -15px; bottom: -6px; height: auto; transform: none; }
.acc-login-card .acc-alert .acc-row a { position: relative; }
.acc-login-card .acc-alert .acc-row a::after { content: ""; position: absolute; left: -4px; right: -4px; top: -10px; height: 44px; }
.acc-btn--pri[aria-disabled="true"]:hover { background: var(--dc-action); }
.acc-btn[aria-disabled="true"]:active { transform: none; }
.acc-quiet[aria-disabled="true"] { opacity: 0.5; cursor: progress; text-decoration: none; }
.acc-input[aria-invalid="true"]:focus, .acc-input[aria-invalid="true"]:focus-visible {
border-color: var(--acc-danger-line); box-shadow: none; outline: 2px solid var(--dc-text); outline-offset: 2px;}
.acc-input-toggle { right: 0; width: 44px; height: 44px; border-radius: 6px; isolation: isolate; }
.acc-input-toggle::before {
content: ""; position: absolute; inset: 4px; z-index: -1; border-radius: 4px; background: transparent;
transition: background-color .14s ease;}
.acc-input-toggle:hover { background: transparent; }
.acc-input-toggle:hover::before { background: var(--dc-elev); }
.acc-footer-id a { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.acc-footer-nav a { position: relative; }
.acc-footer-nav a::after { content: ""; position: absolute; left: -8px; right: -8px; top: 50%; height: 44px; transform: translateY(-50%); }
.acc-login-card .acc-fine a, .acc-footer-id a { margin-inline: 3px; }
.acc-login-card .acc-fine a:focus-visible, .acc-footer-id a:focus-visible { outline-offset: 1px; }
.acc-login-card .acc-fine { line-height: 1.75; }
.acc-google-host[aria-disabled="true"] { opacity: 0.45; pointer-events: none; }
.acc-alert strong { font-weight: 500; color: var(--dc-text); }
.acc-alert--danger strong { color: inherit; }
.acc-below .acc-link, .acc-below .acc-quiet { font-size: inherit; }
.rcv-below .rcv-target { margin-inline-start: 3px; }
.acc-col:has(.rcv-below):not(:has(.acc-card)) > .acc-below { text-align: start; }
.acc-btn--pri[aria-disabled="true"]:hover { background: var(--dc-action); }
.acc-btn--sec[aria-disabled="true"]:hover { background: var(--dc-elev); color: var(--dc-value); }
.acc-link[aria-disabled="true"] { opacity: 0.6; cursor: progress; }
.rcv-live--sr {
position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;}
.rcv-below .acc-link { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.rcv-below .acc-link:hover { color: var(--dc-text); }
.rcv-below-err { position: relative; display: block; font-size: 12px; line-height: 1.4; color: var(--dc-danger-ink); }
.rcv-below-err:not(:empty) { margin-top: 8px; }
.rcv-card .acc-text { text-wrap: pretty; }
.acc-desk-id { display: flex; align-items: center; gap: 0.75rem; min-width: 0; }
.acc-desk-avatar {
flex: none; display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; border-radius: 6px; object-fit: cover;
background: var(--dc-card); color: var(--dc-value);
font-size: 14px; font-weight: 500; line-height: 1;}
.acc-desk-id-text { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; }
.acc-desk-name { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--dc-text); overflow-wrap: anywhere; }
.acc-desk-hint { margin: 0; font-size: 12px; line-height: 1.4; color: var(--dc-mute); overflow-wrap: anywhere; }
.acc-desk-escapes { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.acc-desk-escapes p { margin: 0; }
.acc-desk-escapes .acc-link { text-decoration: underline; text-decoration-thickness: 1px; margin-inline-start: 3px; }
.acc-desk-escapes p:first-child:not(:last-child) .acc-link::after { top: auto; bottom: -1px; transform: none; }
.acc-desk-escapes p:last-child:not(:first-child) .acc-link::after { top: -2px; transform: none; }
.acc-desk-escapes p:not(:first-child):not(:last-child) .acc-link::after { top: -2px; bottom: -2px; height: auto; transform: none; }
.acc-col:has(> .acc-desk-boot) { animation: none; }
.acc-col:has(> .acc-desk-mark) :is(.acc-text, .acc-alert) { text-wrap: pretty; }
.acc-inv-who { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 0.75rem; row-gap: 0.25rem; }
.acc-inv-who > .acc-label { grid-column: 1; grid-row: 1; }
.acc-inv-who > .acc-inv-switch { grid-column: 2; grid-row: 1; justify-self: end; }
.acc-inv-who > .acc-inv-email { grid-column: 1 / -1; grid-row: 2; }
.acc-inv-who > .acc-status { grid-column: 1 / -1; justify-self: start; }
.acc-inv-email { font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--dc-text); overflow-wrap: anywhere; }
.acc-inv-switch, .acc-inv-alone { position: relative; }
.acc-inv-who .acc-inv-switch::after { content: ""; position: absolute; left: -8px; right: -8px; top: auto; bottom: 0; height: 44px; transform: none; }
.acc-inv-alone::after { content: ""; position: absolute; inset: -14px -8px; }
.acc-inv-alone { align-self: center; }
.acc-inv-hold.acc-btn--pri[aria-disabled="true"]:hover { background: var(--dc-action); }
.acc-inv-hold.acc-btn--sec[aria-disabled="true"]:hover { background: var(--dc-elev); color: var(--dc-value); }
.acc-inv-page .acc-text, .acc-inv-page .acc-alert { text-wrap: pretty; }
.acc-kv { margin: 0; display: flex; flex-direction: column; }
.acc-kv-row {
display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 1rem; row-gap: 0.125rem;
padding: 0.75rem 0; min-width: 0;}
.acc-kv-row + .acc-kv-row { border-top: 1px solid var(--dc-line-strong); }
.acc-kv-row:first-child { padding-top: 0; }
.acc-kv-row:last-child { padding-bottom: 0; }
.acc-kv dt { flex: none; font-size: 13px; line-height: 1.5; color: var(--dc-mute); }
.acc-kv dd {
margin: 0; min-width: 0; text-align: left; overflow-wrap: anywhere;
font-size: 14px; line-height: 1.5; color: var(--dc-value);}
.acc-kv-value { color: var(--dc-text); font-weight: 500; }
.acc-kv-none { color: var(--dc-mute); }
.acc-kv-shim { display: inline-block; vertical-align: middle; width: 88px; height: 14px; }
.acc-plan { color: var(--dc-text); font-weight: 500; text-transform: none; white-space: nowrap; }
.acc-email-part { display: inline-block; max-width: 100%; }
.acc-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.acc-list > li { padding: 0.75rem 0; display: flex; flex-direction: column; gap: 0.125rem; }
.acc-list > li + li { border-top: 1px solid var(--dc-line-strong); }
.acc-list > li:first-child { padding-top: 0; }
.acc-list > li:last-child { padding-bottom: 0; }
.acc-list-title { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--dc-text); }
.acc-list-head { margin: 0; }
.acc-list-body { margin: 0; font-size: 13px; line-height: 1.5; color: var(--dc-mute); }
.acc-col:has(> .acc-guard-skel) .acc-title { transition: opacity .2s ease; }
.acc-col:has(> .acc-guard-quiet) .acc-title { opacity: 0; }
.acc-guard-ghost {
color: transparent; border-radius: 4px; user-select: none;
-webkit-box-decoration-break: clone; box-decoration-break: clone;}
.acc-status:has(> .acc-guard-ghost)::before { background: var(--dc-elev); }
.acc-guard-shim--button { display: block; height: 44px; }
.acc-link.acc-shell-inline { text-decoration: underline; text-decoration-thickness: 1px; }
.acc-shell-action { position: relative; }
.acc-shell-action::after { content: ""; position: absolute; left: -8px; right: -8px; top: 50%; height: 44px; transform: translateY(-50%); }
.dash-body .dash-co-lead { font-size: 20px; font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; color: var(--dc-text); text-wrap: balance; }
.dash-body .dash-co-bar { height: 4px; border-radius: 2px; background: var(--dc-elev); overflow: hidden; }
.dash-body .dash-co-bar > i { display: block; height: 100%; background: var(--dc-mute); transform-origin: left center; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
@media (prefers-reduced-motion: reduce) { .dash-body .dash-co-bar > i { transition: none; } }
@media (pointer: coarse) { .dash-body .dash-co .dbtn-lg { min-height: 44px; } }
.dash-body [data-co-next]:focus { outline: none; }
.dash-body [data-co-next]:focus-visible { outline: 2px solid var(--dc-text); outline-offset: 2px; border-radius: 6px; }
.dash-body .dash-co-in { display: flex; flex-direction: column; gap: 14px; }
.dash-body .dash-co-rd { display: inline-grid; place-items: center; }
.dash-body .dash-co-rd > span, .dash-body .dash-co-rd::before, .dash-body .dash-co-rd::after { grid-area: 1 / 1; }
.dash-body .dash-co-rd::before { content: "Check again"; visibility: hidden; }
.dash-body .dash-co-rd::after { content: "Checking\2026"; visibility: hidden; }
.sp-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; padding: 0 12px 12px; pointer-events: none; }
.sp-consent-in { position: relative; pointer-events: auto; max-width: 52rem; margin: 0 auto; max-height: 70svh; overflow-y: auto;
padding: 16px 52px 16px 20px; border-radius: 12px; background: var(--dc-card);
box-shadow: inset 0 0 0 1px var(--dc-line-strong), 0 12px 32px rgba(0, 0, 0, 0.35); }
.sp-consent-x { position: absolute; top: 10px; right: 10px; }
.sp-consent-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sp-consent-rows { margin-top: 12px; border-top: 1px solid var(--dc-line-subtle); }
.sp-consent-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 10px 0;
border-bottom: 1px solid var(--dc-line-subtle); }
html.sp-consent-on .dash-body #main { padding-bottom: calc(var(--sp-consent-h, 0px) + 24px); }
html.sp-consent-on .ob-page { padding-bottom: var(--sp-consent-h, 0px); }
.acc-footer-nav .acc-footer-btn { display: inline-flex; align-items: center; min-height: 24px; padding: 0; border: 0; background: none;
font: inherit; font-size: 11px; font-weight: 500; color: var(--dc-faint); cursor: pointer; border-radius: 2px; }
.acc-footer-nav .acc-footer-btn:hover { color: var(--dc-value); text-decoration: underline; text-underline-offset: 2px; }