:root[data-passal-tint=accent][data-passal-color=evergreen]{--passal-primary:#195353;--passal-primary-ink:#fff;--accent-fg:#195353;--brand-panel-mark:#8dd6b0}:root[data-passal-tint=accent][data-passal-color=teal]{--passal-primary:#0d7377;--passal-primary-ink:#fff;--accent-fg:#0d7377;--brand-panel-mark:#68b9aa}:root[data-passal-tint=accent][data-passal-color=blue]{--passal-primary:#7ab2d4;--passal-primary-ink:#17303e;--accent-fg:#2e6a8e;--brand-panel-mark:#8cc3df}:root[data-passal-tint=accent][data-passal-color=purple]{--passal-primary:#86398a;--passal-primary-ink:#fff;--accent-fg:#86398a;--brand-panel-mark:#e29ecd}:root[data-passal-tint=accent][data-passal-color=pink]{--passal-primary:#eaabbc;--passal-primary-ink:#3f2730;--accent-fg:#9c4a61;--brand-panel-mark:#f0b7c6}:root[data-passal-tint=accent][data-passal-color=vanilla]{--passal-primary:#725d4a;--passal-primary-ink:#fff;--accent-fg:#725d4a;--brand-panel-mark:#d4c2a8}:root[data-passal-tint=accent][data-passal-color=evergreen][data-theme=dark]{--passal-primary:#8dd6b0;--passal-primary-ink:#0b2b23;--accent-fg:#8dd6b0}:root[data-passal-tint=accent][data-passal-color=teal][data-theme=dark]{--passal-primary:#68b9aa;--passal-primary-ink:#102b2a;--accent-fg:#7bc2b5}:root[data-passal-tint=accent][data-passal-color=blue][data-theme=dark]{--passal-primary:#8cc3df;--passal-primary-ink:#172b37;--accent-fg:#8cc3df}:root[data-passal-tint=accent][data-passal-color=purple][data-theme=dark]{--passal-primary:#e29ecd;--passal-primary-ink:#2c1d2c;--accent-fg:#e29ecd}:root[data-passal-tint=accent][data-passal-color=pink][data-theme=dark]{--passal-primary:#f0b7c6;--passal-primary-ink:#33252b;--accent-fg:#f0b7c6}:root[data-passal-tint=accent][data-passal-color=vanilla][data-theme=dark]{--passal-primary:#d4c2a8;--passal-primary-ink:#2d2a27;--accent-fg:#d4c2a8}@media (prefers-color-scheme:dark){:root[data-passal-tint=accent][data-passal-color=evergreen]:not([data-theme=light]){--passal-primary:#8dd6b0;--passal-primary-ink:#0b2b23;--accent-fg:#8dd6b0}:root[data-passal-tint=accent][data-passal-color=teal]:not([data-theme=light]){--passal-primary:#68b9aa;--passal-primary-ink:#102b2a;--accent-fg:#7bc2b5}:root[data-passal-tint=accent][data-passal-color=blue]:not([data-theme=light]){--passal-primary:#8cc3df;--passal-primary-ink:#172b37;--accent-fg:#8cc3df}:root[data-passal-tint=accent][data-passal-color=purple]:not([data-theme=light]){--passal-primary:#e29ecd;--passal-primary-ink:#2c1d2c;--accent-fg:#e29ecd}:root[data-passal-tint=accent][data-passal-color=pink]:not([data-theme=light]){--passal-primary:#f0b7c6;--passal-primary-ink:#33252b;--accent-fg:#f0b7c6}:root[data-passal-tint=accent][data-passal-color=vanilla]:not([data-theme=light]){--passal-primary:#d4c2a8;--passal-primary-ink:#2d2a27;--accent-fg:#d4c2a8}}:root[data-passal-tint=full][data-passal-color=evergreen]{--passal-canvas:#fff;--passal-canvas-soft:#f7faf7;--passal-surface:#fff;--passal-surface-2:#f1f5f1;--passal-ink:#203a31;--passal-ink-strong:#142821;--passal-muted:#56695e;--passal-faint:#617268;--passal-border:#d4ded4;--passal-border-strong:#b7c6b8;--passal-primary:#195353;--passal-primary-ink:#eff3ea;--accent-fg:#195353;--brand-panel:#10302b;--brand-panel-ink:#f1f4ea;--brand-panel-muted:#b7c9b9;--brand-panel-mark:#8dd6b0}:root[data-passal-tint=full][data-passal-color=teal]{--passal-canvas:#f3f9f8;--passal-canvas-soft:#eaf4f2;--passal-surface:#fff;--passal-surface-2:#e7f1ef;--passal-ink:#173b3a;--passal-ink-strong:#102c2b;--passal-muted:#55716d;--passal-faint:var(--passal-muted);--passal-border:#bcd0cc;--passal-border-strong:#81aaa4;--passal-primary:#0d7377;--passal-primary-ink:#fff;--accent-fg:#0d7377;--brand-panel:#102b2a;--brand-panel-ink:#f4f4f4;--brand-panel-muted:color-mix(in srgb, var(--brand-panel) 25%, white);--brand-panel-mark:#68b9aa}:root[data-passal-tint=full][data-passal-color=blue]{--passal-canvas:#f4f9fc;--passal-canvas-soft:#eaf4fa;--passal-surface:#fff;--passal-surface-2:#e4f0f7;--passal-ink:#203745;--passal-ink-strong:#152a36;--passal-muted:#546f80;--passal-faint:var(--passal-muted);--passal-border:#bbd2e0;--passal-border-strong:#7ea9c1;--passal-primary:#7ab2d4;--passal-primary-ink:#17303e;--accent-fg:#2e6a8e;--brand-panel:#172b37;--brand-panel-ink:#f4f4f4;--brand-panel-muted:color-mix(in srgb, var(--brand-panel) 25%, white);--brand-panel-mark:#8cc3df}:root[data-passal-tint=full][data-passal-color=purple]{--passal-canvas:#fcf5fc;--passal-canvas-soft:#f8edf8;--passal-surface:#fff;--passal-surface-2:#f4e7f4;--passal-ink:#3f263f;--passal-ink-strong:#2a152b;--passal-muted:#715671;--passal-faint:var(--passal-muted);--passal-border:#dccbdc;--passal-border-strong:#b392b3;--passal-primary:#86398a;--passal-primary-ink:#fff;--accent-fg:#86398a;--brand-panel:#2c1d2c;--brand-panel-ink:#f4f4f4;--brand-panel-muted:color-mix(in srgb, var(--brand-panel) 25%, white);--brand-panel-mark:#e29ecd}:root[data-passal-tint=full][data-passal-color=pink]{--passal-canvas:#fff6f8;--passal-canvas-soft:#fdecef;--passal-surface:#fff;--passal-surface-2:#fbe7ec;--passal-ink:#3f2730;--passal-ink-strong:#2d1a22;--passal-muted:#785864;--passal-faint:var(--passal-muted);--passal-border:#e5c1cb;--passal-border-strong:#c78f9e;--passal-primary:#eaabbc;--passal-primary-ink:#3f2730;--accent-fg:#9c4a61;--brand-panel:#33252b;--brand-panel-ink:#f4f4f4;--brand-panel-muted:color-mix(in srgb, var(--brand-panel) 25%, white);--brand-panel-mark:#f0b7c6}:root[data-passal-tint=full][data-passal-color=vanilla]{--passal-canvas:#eeebe6;--passal-canvas-soft:#e7e3dd;--passal-surface:#f8f6f2;--passal-surface-2:#e4e0d9;--passal-ink:#332f2a;--passal-ink-strong:#24211e;--passal-muted:#6b6259;--passal-faint:var(--passal-muted);--passal-border:#cec7bd;--passal-border-strong:#a79b8c;--passal-primary:#725d4a;--passal-primary-ink:#fff;--accent-fg:#725d4a;--brand-panel:#2d2a27;--brand-panel-ink:#f4f4f4;--brand-panel-muted:color-mix(in srgb, var(--brand-panel) 25%, white);--brand-panel-mark:#d4c2a8}:root[data-passal-tint=full][data-passal-color=evergreen][data-theme=dark]{--passal-canvas:#071817;--passal-canvas-soft:#0c2421;--passal-surface:#0f2824;--passal-surface-2:#193b35;--passal-surface-float:#14312c;--passal-ink:#f1f4ea;--passal-ink-strong:#fff;--passal-muted:#b7c9b9;--passal-faint:#8aa694;--passal-border:#345850;--passal-border-strong:#477267;--passal-primary:#8dd6b0;--passal-primary-ink:#0b2b23;--accent-fg:#8dd6b0}:root[data-passal-tint=full][data-passal-color=teal][data-theme=dark],:root[data-passal-tint=full][data-passal-color=blue][data-theme=dark],:root[data-passal-tint=full][data-passal-color=purple][data-theme=dark],:root[data-passal-tint=full][data-passal-color=pink][data-theme=dark],:root[data-passal-tint=full][data-passal-color=vanilla][data-theme=dark]{--passal-canvas-soft:color-mix(in srgb, var(--passal-canvas) 92%, white);--passal-surface:color-mix(in srgb, var(--passal-canvas) 86%, black);--passal-surface-2:color-mix(in srgb, var(--passal-canvas) 85%, white);--passal-surface-float:color-mix(in srgb, var(--passal-canvas) 90%, white);--passal-ink:#f4f4f4;--passal-ink-strong:#fff;--passal-muted:color-mix(in srgb, var(--passal-canvas) 25%, white);--passal-faint:color-mix(in srgb, var(--passal-canvas) 30%, white);--passal-border:color-mix(in srgb, var(--passal-canvas) 76%, white);--passal-border-strong:color-mix(in srgb, var(--passal-canvas) 56%, white);--passal-primary-ink:var(--passal-canvas);--accent-fg:var(--passal-primary)}:root[data-passal-tint=full][data-passal-color=teal][data-theme=dark]{--passal-canvas:#102b2a;--passal-primary:#68b9aa;--accent-fg:#7bc2b5}:root[data-passal-tint=full][data-passal-color=blue][data-theme=dark]{--passal-canvas:#172b37;--passal-primary:#8cc3df}:root[data-passal-tint=full][data-passal-color=purple][data-theme=dark]{--passal-canvas:#2c1d2c;--passal-primary:#e29ecd}:root[data-passal-tint=full][data-passal-color=pink][data-theme=dark]{--passal-canvas:#33252b;--passal-primary:#f0b7c6}:root[data-passal-tint=full][data-passal-color=vanilla][data-theme=dark]{--passal-canvas:#2d2a27;--passal-primary:#d4c2a8}@media (prefers-color-scheme:dark){:root[data-passal-tint=full][data-passal-color=evergreen]:not([data-theme=light]){--passal-canvas:#071817;--passal-canvas-soft:#0c2421;--passal-surface:#0f2824;--passal-surface-2:#193b35;--passal-surface-float:#14312c;--passal-ink:#f1f4ea;--passal-ink-strong:#fff;--passal-muted:#b7c9b9;--passal-faint:#8aa694;--passal-border:#345850;--passal-border-strong:#477267;--passal-primary:#8dd6b0;--passal-primary-ink:#0b2b23;--accent-fg:#8dd6b0}:root[data-passal-tint=full][data-passal-color=teal]:not([data-theme=light]),:root[data-passal-tint=full][data-passal-color=blue]:not([data-theme=light]),:root[data-passal-tint=full][data-passal-color=purple]:not([data-theme=light]),:root[data-passal-tint=full][data-passal-color=pink]:not([data-theme=light]),:root[data-passal-tint=full][data-passal-color=vanilla]:not([data-theme=light]){--passal-canvas-soft:color-mix(in srgb, var(--passal-canvas) 92%, white);--passal-surface:color-mix(in srgb, var(--passal-canvas) 86%, black);--passal-surface-2:color-mix(in srgb, var(--passal-canvas) 85%, white);--passal-surface-float:color-mix(in srgb, var(--passal-canvas) 90%, white);--passal-ink:#f4f4f4;--passal-ink-strong:#fff;--passal-muted:color-mix(in srgb, var(--passal-canvas) 25%, white);--passal-faint:color-mix(in srgb, var(--passal-canvas) 30%, white);--passal-border:color-mix(in srgb, var(--passal-canvas) 76%, white);--passal-border-strong:color-mix(in srgb, var(--passal-canvas) 56%, white);--passal-primary-ink:var(--passal-canvas);--accent-fg:var(--passal-primary)}:root[data-passal-tint=full][data-passal-color=teal]:not([data-theme=light]){--passal-canvas:#102b2a;--passal-primary:#68b9aa;--accent-fg:#7bc2b5}:root[data-passal-tint=full][data-passal-color=blue]:not([data-theme=light]){--passal-canvas:#172b37;--passal-primary:#8cc3df}:root[data-passal-tint=full][data-passal-color=purple]:not([data-theme=light]){--passal-canvas:#2c1d2c;--passal-primary:#e29ecd}:root[data-passal-tint=full][data-passal-color=pink]:not([data-theme=light]){--passal-canvas:#33252b;--passal-primary:#f0b7c6}:root[data-passal-tint=full][data-passal-color=vanilla]:not([data-theme=light]){--passal-canvas:#2d2a27;--passal-primary:#d4c2a8}}.btn{transition-property:transform,opacity}.appearance-picker{gap:var(--passal-space-5);display:grid}.appearance-picker--compact{gap:0;display:inline-grid}.appearance-fieldset{gap:var(--passal-space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.appearance-fieldset legend{color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0;padding:0}:is(.appearance-segment:has(input:focus-visible),.appearance-tint-option:has(input:focus-visible),.appearance-swatch:has(input:focus-visible)){outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--surface)}.appearance-segmented{gap:var(--passal-space-1);padding:var(--passal-space-1);border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.appearance-segment{min-height:var(--control-h);padding:0 var(--passal-space-2);border-radius:var(--r-control);color:var(--text-muted);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-medium);text-align:center;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:relative}.appearance-segment input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.appearance-segment:hover{color:var(--text)}}.appearance-segment:has(input:checked){background:var(--text);color:var(--bg);font-weight:var(--fw-semibold)}.appearance-tint-options{gap:var(--passal-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.appearance-tint-option{gap:var(--passal-space-2);padding:var(--passal-space-2);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);cursor:pointer;display:grid;position:relative}.appearance-tint-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.appearance-tint-option:hover{border-color:var(--border-strong)}}.appearance-tint-option:has(input:checked){border-color:var(--border-strong);background:var(--surface-2)}.appearance-tint-option>span:last-child{justify-content:space-between;align-items:center;gap:var(--passal-space-1);padding:0 var(--passal-space-1);font-size:var(--fs-md);font-weight:var(--fw-medium);display:flex}.appearance-tint-option:has(input:checked)>span:last-child{font-weight:var(--fw-semibold)}.appearance-tint-option:has(input:checked)>span:last-child:after{content:"";flex:0 0 var(--icon-size);width:var(--icon-size);height:var(--icon-size);-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor}.appearance-tint-preview{height:64px;padding:var(--passal-space-2);border:1px solid var(--border);border-radius:var(--r-control);background:var(--appearance-preview-canvas);display:block}.appearance-tint-preview>span{gap:var(--passal-space-1);height:100%;padding:var(--passal-space-2);border-radius:var(--r-control);background:var(--appearance-preview-surface);align-content:start;display:grid}.appearance-tint-preview i{border-radius:var(--r-control);background:var(--appearance-preview-ink);opacity:.85;height:4px;display:block}.appearance-tint-preview i:nth-child(2){opacity:.4;width:62%}.appearance-tint-preview b{width:46%;height:10px;margin-top:var(--passal-space-1);border-radius:var(--r-control);background:var(--appearance-preview-primary);display:block}.appearance-swatches{gap:var(--passal-space-2);flex-wrap:wrap;display:flex}.appearance-swatch{min-height:var(--control-h);align-items:center;gap:var(--passal-space-2);padding:0 var(--passal-space-3) 0 var(--passal-space-2);border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);cursor:pointer;font-size:var(--fs-md);display:inline-flex;position:relative}.appearance-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.appearance-swatch:hover{border-color:var(--border-strong)}}.appearance-swatch:has(input:checked){border-color:var(--border-strong);background:var(--surface-2);font-weight:var(--fw-semibold)}.appearance-swatch-dot{background:var(--appearance-swatch-light);border-radius:50%;flex:0 0 18px;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 1px #0000001f}:root[data-theme=dark] .appearance-swatch-dot{background:var(--appearance-swatch-dark);box-shadow:inset 0 0 0 1px #ffffff29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .appearance-swatch-dot{background:var(--appearance-swatch-dark);box-shadow:inset 0 0 0 1px #ffffff29}}.appearance-swatch-check{flex:0 0 var(--icon-size);width:var(--icon-size);height:var(--icon-size);-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor;display:none}.appearance-swatch:has(input:checked) .appearance-swatch-check{display:block}.appearance-quick-controls{align-items:center;gap:var(--passal-space-2);display:inline-flex}.appearance-quick-controls>.theme-mode-toggle,.appearance-color-trigger{border-radius:var(--r-control);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.appearance-quick-controls>.theme-mode-toggle{overflow:hidden}.theme-mode-glyph{width:24px;height:24px;display:block;position:relative}.theme-mode-glyph svg{width:24px;height:24px;transition:opacity var(--dur-2) var(--ease-standard), transform var(--dur-2) var(--ease-standard);display:block;position:absolute;inset:0}.theme-mode-glyph-sun{opacity:1;transform:rotate(0)scale(1)}.theme-mode-glyph-moon{opacity:0;transform:rotate(-12deg)scale(.8)}.theme-mode-glyph[data-mode=dark] .theme-mode-glyph-sun{opacity:0;transform:rotate(12deg)scale(.8)}.theme-mode-glyph[data-mode=dark] .theme-mode-glyph-moon{opacity:1;transform:rotate(0)scale(1)}.appearance-color-trigger[aria-expanded=true]{border-color:var(--border);background:var(--surface-2);color:var(--text)}@media (hover:hover) and (pointer:fine){.appearance-quick-controls>.theme-mode-toggle:hover,.appearance-color-trigger:hover{border-color:var(--border);background:var(--surface-2);color:var(--text)}}.appearance-color-picker{display:inline-flex;position:relative}.appearance-color-trigger-dot{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--surface), 0 0 0 2px var(--border-strong);border-radius:50%;display:block}.appearance-color-popover{z-index:60;gap:var(--passal-space-3);width:min(18.5rem,100vw - 1rem);max-height:calc(100dvh - 1rem);padding:var(--passal-space-3);border:1px solid var(--border-strong);border-radius:var(--r-panel);background:var(--surface);color:var(--text);box-shadow:var(--shadow-overlay);visibility:hidden;opacity:0;transform-origin:100% 0;transition:opacity var(--dur-2) var(--ease-standard), transform var(--dur-2) var(--ease-standard), visibility 0s linear var(--dur-2);display:grid;position:fixed;overflow-y:auto;transform:translateY(-4px)scale(.98)}.appearance-color-popover[data-positioned]{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(0)scale(1)}.appearance-color-popover .appearance-segment{padding:0 var(--passal-space-1);font-size:var(--fs-sm)}.appearance-color-popover .appearance-swatches{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.appearance-color-popover .appearance-swatch{padding:0 var(--passal-space-2);font-size:var(--fs-sm)}.appearance-color-popover .appearance-swatch-check{margin-left:auto}@media (prefers-reduced-motion:reduce){.theme-mode-glyph svg,.appearance-color-popover,.appearance-color-popover *{transition:none}}@media (max-width:560px){.appearance-tint-preview{height:56px;padding:var(--passal-space-1)}.appearance-tint-option>span:last-child{font-size:var(--fs-sm)}}