:root{--ks-bg: #000000;--ks-surface: #0A0A0A;--ks-surface-hover: #111111;--ks-border: rgba(255, 255, 255, .08);--ks-text: #EDEDED;--ks-text-muted: #8F8F8F;--ks-input-bg: #141414;--ks-accent: #FFFFFF;--ks-accent-text: #000000;--ks-scrollbar-thumb: rgba(255, 255, 255, .14);--ks-scrollbar-thumb-hover: rgba(255, 255, 255, .26);--ks-critical: #D2646A;--bg: var(--ks-bg);--surface: var(--ks-surface);--surface-hover: var(--ks-surface-hover);--border: var(--ks-border);--input-border: var(--ks-border);--text: var(--ks-text);--text-muted: var(--ks-text-muted);--input-bg: var(--ks-input-bg);--accent: var(--ks-accent);--accent-text: var(--ks-accent-text);--critical: var(--ks-critical);--radius-card: min(32px, var(--radius-3xl));--radius-control: var(--radius-xl);--scrollbar-thumb: var(--ks-scrollbar-thumb);--scrollbar-thumb-hover: var(--ks-scrollbar-thumb-hover);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ks-error{color:var(--critical);font-size:13px}.ks-muted{color:var(--text-muted)}.login{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px 16px}.login__card{width:100%;max-width:380px}.login__logo{display:block;height:34px;width:auto;max-width:100%;margin:0 auto 28px}.login__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px;display:grid;gap:12px}.login__step{margin:0;color:var(--text-muted);font-size:13px}.app{height:100%;display:grid;grid-template-columns:240px 340px 1fr;grid-template-areas:"folders list reading"}.pane{min-width:0;min-height:0;overflow-y:auto;border-right:1px solid var(--border);display:flex;flex-direction:column}.pane:last-child{border-right:none}.pane__header{position:sticky;top:0;z-index:1;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:8px;min-height:52px}.pane__title{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane__logo{height:20px;width:auto;display:block}.folders{grid-area:folders}.list{grid-area:list}.reading{grid-area:reading}.folder{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-muted)}.folder:hover{background:var(--surface-hover);color:var(--text)}.folder[aria-current=true]{background:var(--surface);color:var(--text);font-weight:600}.folder__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder__count{font-size:12px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.folder__icon{width:18px;text-align:center;flex:none;opacity:.8}.folder{border-radius:0 999px 999px 0;margin-right:12px;width:calc(100% - 12px);padding:9px 16px}.folder--toggle{color:var(--text-muted);font-size:13px}.folders__footer{border-top:1px solid var(--border);padding:12px 16px;display:grid;gap:8px}.folders__email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:10px 8px 10px 14px;border-bottom:1px solid var(--border);color:var(--text-muted)}.message-row:hover{background:var(--surface-hover)}.message-row[aria-current=true],.message-row--checked{background:var(--surface)}.message-row--unread{color:var(--text)}.message-row--unread .message-row__from,.message-row--unread .message-row__subject{font-weight:600}.message-row__avatar{width:36px;height:36px;margin-top:2px;border-radius:50%;border:none;display:grid;place-items:center;font-size:15px;font-weight:600;color:#fff;background:var(--accent);cursor:pointer}.message-row--checked .message-row__avatar{color:var(--accent-text)}.message-row__main{min-width:0;display:block;padding:0;background:none;border:none;text-align:left;cursor:pointer;color:inherit}.message-row__star{background:none;border:none;padding:6px 8px;font-size:18px;line-height:1;color:var(--text-muted);cursor:pointer;border-radius:8px}.message-row__star:hover{color:var(--text);background:var(--surface-hover)}.message-row__star.is-on{color:var(--text)}.message-row__top{display:flex;gap:8px;align-items:baseline}.message-row__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--text);align-self:center}.message-row__from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row__date{flex:none;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.message-row--unread .message-row__date{color:var(--text);font-weight:600}.message-row__subject{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row__clip{margin-left:6px;font-size:12px}.message-row__preview{display:block;margin-top:2px;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__search{padding:10px 12px;border-bottom:1px solid var(--border)}.list__empty,.reading__empty{padding:40px 16px;text-align:center;color:var(--text-muted)}.list__more{padding:12px 16px}.reading__body{padding:20px 24px}.reading__subject{margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.3}.reading__meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:13px}.reading__from{color:var(--text)}.reading__actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.reading__content{margin-top:20px;overflow-x:auto;max-width:100%;color:var(--text)}.reading__content img{max-width:100%;height:auto}.reading__content table{max-width:100%}.reading__content a{color:var(--text)}.reading__content blockquote{margin:12px 0;padding-left:12px;border-left:2px solid var(--border);color:var(--text-muted)}.reading__content pre{overflow-x:auto;background:var(--surface);padding:12px;border-radius:var(--radius-control)}.reading__plain{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.attachments{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px}.attachment{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);text-decoration:none;font-size:13px}.attachment:hover{background:var(--surface-hover)}.attachment__size{color:var(--text-muted);font-size:12px}.composer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);display:flex;flex-direction:column}@media(min-width:900px){.composer{inset:auto 24px 0 auto;width:min(680px,calc(100vw - 48px));height:min(640px,calc(100vh - 48px));border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:0 -8px 40px #0009}}.composer__fields{padding:16px;display:grid;gap:10px;border-bottom:1px solid var(--border)}.composer__row{display:flex;gap:8px;align-items:center}.composer__row .u-field{flex:1}.composer__attachments{padding:12px 16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.richtext{flex:1;min-height:0;display:flex;flex-direction:column}.richtext__tools{display:flex;flex-wrap:wrap;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border)}.richtext__tool{min-width:32px;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1}.richtext__tool:hover{background:var(--surface-hover);color:var(--text)}.richtext__surface{position:relative;flex:1;min-height:0;display:flex}.richtext__placeholder{position:absolute;top:16px;left:16px;color:var(--text-muted);pointer-events:none}.richtext__input{flex:1;min-height:0;overflow-y:auto;padding:16px;outline:none;line-height:1.6;word-break:break-word}.richtext__input blockquote{margin:12px 0;padding-left:12px;border-left:2px solid var(--border);color:var(--text-muted)}.richtext__input a{color:var(--text)}.richtext__input img{max-width:100%;height:auto}.composer__footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings{padding:24px;max-width:560px;display:grid;gap:16px;align-content:start}.settings__heading{margin:0;font-size:15px;font-weight:600}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-areas:"pane"}.folders,.list,.reading{grid-area:pane;border-right:none}.app[data-pane=folders] .list,.app[data-pane=folders] .reading,.app[data-pane=list] .folders,.app[data-pane=list] .reading,.app[data-pane=reading] .folders,.app[data-pane=reading] .list{display:none}.reading__body{padding:16px}}.pane__back{display:none}@media(max-width:900px){.pane__back{display:inline-flex}}.list__bulk{background:var(--surface);flex-wrap:wrap}.list__bulk-count{font-weight:600;font-size:13px}.list__bulk-actions{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto}.reading__toolbar{flex-wrap:wrap}.reading__toolbar .reading__actions{gap:2px}.reading__reply{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px}.fab{display:none;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;padding:14px 20px;border:none;border-radius:18px;background:var(--accent);color:var(--accent-text);font-weight:600;box-shadow:0 6px 24px #00000080;cursor:pointer}@media(max-width:900px){.fab{display:block}}.toast{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:15;display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--radius-control);background:#ededed;color:#000;box-shadow:0 6px 24px #00000080;font-size:14px}.toast__action{background:none;border:none;padding:0;font-weight:700;color:inherit;text-decoration:underline;cursor:pointer}@media(max-width:900px){.toast{bottom:calc(80px + env(safe-area-inset-bottom));right:16px}}.wizard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);overflow-y:auto;display:grid;place-items:start center;padding:40px 20px}.wizard__card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px;display:grid;gap:12px;justify-items:stretch}.wizard__logo{height:26px;width:auto;justify-self:center;margin-bottom:8px}.wizard__step{margin:0;color:var(--text-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.wizard__title{margin:0;font-size:20px;font-weight:600}.wizard__body{margin:0;color:var(--text-muted);line-height:1.6}.wizard__label{font-size:13px;font-weight:600;margin-top:4px}.wizard__hint{color:var(--text-muted);font-size:12px;margin-top:-6px}.wizard__qr{justify-self:center;width:min(220px,100%);background:#fff;border-radius:var(--radius-control);line-height:0}.wizard__qr .qr{width:100%;height:auto;display:block}.wizard__applink{display:block;text-align:center;padding:12px;border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);font-weight:600;text-decoration:none}@media(hover:hover)and (pointer:fine){.wizard__applink{display:none}}.wizard__secret{display:inline-block;margin-top:4px;padding:4px 8px;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all;color:var(--text)}.wizard__codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:12px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-control);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-align:center}.wizard__preview{background:#fff;border-radius:var(--radius-control);padding:16px;overflow-x:auto}.wizard__preview img{max-width:100%;height:auto}.notice{margin:10px 12px 0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);display:grid;gap:10px}.notice__text{margin:0;font-size:13px;line-height:1.5;color:var(--text)}.notice__actions{display:flex;flex-wrap:wrap;gap:8px}.shortcuts{margin:0;display:grid;gap:6px}.shortcuts__row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:baseline}.shortcuts dt,.shortcuts dd{margin:0;font-size:13px}.shortcuts kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg)}:root{--radius: .5rem;--radius-sm: calc(var(--radius) * .5);--radius-md: calc(var(--radius) * .75);--radius-lg: calc(var(--radius) * 1);--radius-xl: calc(var(--radius) * 1.5);--radius-2xl: calc(var(--radius) * 2);--radius-3xl: calc(var(--radius) * 3);--radius-4xl: calc(var(--radius) * 4);--field-radius: var(--radius-xl);--border-width: 1px;--disabled-opacity: .5;--ring-offset-width: 2px;--cursor-interactive: pointer;--cursor-disabled: not-allowed;--ease-smooth: ease;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-fluid: cubic-bezier(.32, .72, 0, 1);--u-background: var(--ks-bg);--u-foreground: var(--ks-text);--u-surface: var(--ks-surface);--u-surface-hover: var(--ks-surface-hover);--u-muted: var(--ks-text-muted);--u-border: var(--ks-border);--u-default: rgba(255, 255, 255, .08);--u-default-hover: rgba(255, 255, 255, .12);--u-default-foreground: var(--ks-text);--u-accent: var(--ks-accent);--u-accent-foreground: var(--ks-accent-text);--u-accent-hover: color-mix(in oklab, var(--u-accent) 90%, var(--u-accent-foreground) 10%);--u-danger: var(--ks-critical);--u-danger-foreground: var(--ks-accent);--u-danger-hover: color-mix(in oklab, var(--u-danger) 90%, #000 10%);--u-danger-soft: color-mix(in oklab, var(--u-danger) 15%, transparent);--u-danger-soft-hover: color-mix(in oklab, var(--u-danger) 22%, transparent);--u-danger-soft-foreground: color-mix(in oklab, var(--u-danger) 70%, var(--u-foreground) 30%);--u-field: var(--ks-input-bg);--u-field-foreground: var(--ks-text);--u-field-placeholder: var(--ks-text-muted);--u-field-border: transparent;--u-field-hover: color-mix(in oklab, var(--u-field) 90%, var(--u-foreground) 2%);--u-field-border-focus: color-mix(in oklab, var(--u-border) 74%, var(--u-foreground) 22%);--u-focus: var(--u-accent);--u-backdrop: rgba(0, 0, 0, .6)}.u-focus-ring{outline:none;box-shadow:0 0 0 var(--ring-offset-width) var(--u-background),0 0 0 calc(var(--ring-offset-width) + 2px) var(--u-focus)}.u-focus-field-ring{outline:none;box-shadow:0 0 0 2px var(--u-focus)}.u-disabled{opacity:var(--disabled-opacity);cursor:var(--cursor-disabled);pointer-events:none}.u-btn{position:relative;isolation:isolate;display:inline-flex;width:fit-content;transform-origin:center;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-3xl);height:40px;padding:0 16px;font-size:14px;font-weight:500;white-space:nowrap;border:none;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--cursor-interactive);transition:transform .25s var(--ease-smooth),background-color .1s var(--ease-out),box-shadow .1s var(--ease-out);transform:translateZ(0);will-change:transform;--button-bg: transparent;--button-bg-hover: var(--button-bg);--button-bg-pressed: var(--button-bg-hover);--button-fg: currentColor;background-color:var(--button-bg);color:var(--button-fg)}@media(min-width:768px){.u-btn{height:36px}}.u-btn:focus-visible{outline:none;box-shadow:0 0 0 var(--ring-offset-width) var(--u-background),0 0 0 calc(var(--ring-offset-width) + 2px) var(--u-focus)}.u-btn:disabled,.u-btn[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:var(--cursor-disabled);pointer-events:none}.u-btn:active{background-color:var(--button-bg-pressed);transform:scale(.97)}@media(hover:hover){.u-btn:hover{background-color:var(--button-bg-hover)}}@media(prefers-reduced-motion:reduce){.u-btn{transition:none}.u-btn:active{transform:none}}.u-btn--sm{height:36px;padding:0 12px}.u-btn--sm:active{transform:scale(.98)}@media(min-width:768px){.u-btn--sm{height:32px}}.u-btn--lg{height:44px;font-size:16px}.u-btn--lg:active{transform:scale(.96)}@media(min-width:768px){.u-btn--lg{height:40px}}.u-btn--primary{--button-bg: var(--u-accent);--button-bg-hover: var(--u-accent-hover);--button-bg-pressed: var(--u-accent-hover);--button-fg: var(--u-accent-foreground)}.u-btn--secondary{--button-bg: var(--u-default);--button-bg-hover: var(--u-default-hover);--button-bg-pressed: var(--u-default-hover);--button-fg: var(--u-default-foreground)}.u-btn--tertiary{--button-bg: var(--u-default);--button-bg-hover: var(--u-default-hover);--button-bg-pressed: var(--u-default-hover)}.u-btn--ghost,.u-btn--outline{--button-bg: transparent;--button-bg-hover: var(--u-default);--button-bg-pressed: var(--u-default);--button-fg: var(--u-default-foreground)}.u-btn--outline{border:var(--border-width) solid var(--u-border);--button-bg-hover: color-mix(in srgb, var(--u-default) 60%, transparent)}.u-btn--danger{--button-bg: var(--u-danger);--button-bg-hover: var(--u-danger-hover);--button-bg-pressed: var(--u-danger-hover);--button-fg: var(--u-danger-foreground)}.u-btn--danger-soft{--button-bg: var(--u-danger-soft);--button-bg-hover: var(--u-danger-soft-hover);--button-bg-pressed: var(--u-danger-soft-hover);--button-fg: var(--u-danger-soft-foreground)}.u-btn--icon-only{width:40px;padding:0}.u-btn--icon-only.u-btn--sm{width:36px}.u-btn--icon-only.u-btn--lg{width:44px}@media(min-width:768px){.u-btn--icon-only{width:36px}.u-btn--icon-only.u-btn--sm{width:32px}.u-btn--icon-only.u-btn--lg{width:40px}}.u-btn--full-width{width:100%}.u-field{display:grid;gap:4px;min-width:0}.u-input-wrap{min-width:0}.u-label{font-size:14px;font-weight:500;color:var(--u-foreground)}.u-label--invalid{color:var(--u-danger)}.u-description{font-size:12px;color:var(--u-muted);overflow-wrap:break-word}.u-description--error{color:var(--u-danger)}.u-input-wrap{display:flex;align-items:center;gap:8px;border-radius:var(--field-radius);background:var(--u-field);border:var(--border-width) solid var(--u-field-border);padding:0 12px;color:var(--u-field-foreground);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out)}@media(prefers-reduced-motion:reduce){.u-input-wrap{transition:none}}@media(hover:hover){.u-input-wrap:hover:not(:focus-within):not(.is-disabled){background:var(--u-field-hover)}}.u-input-wrap:focus-within{border-color:var(--u-field-border-focus);box-shadow:0 0 0 2px var(--u-focus)}.u-input-wrap.is-invalid{outline:1px solid var(--u-danger)}.u-input-wrap.is-invalid:focus-within{outline:none;box-shadow:0 0 0 2px var(--u-danger)}.u-input-wrap.is-disabled{opacity:var(--disabled-opacity);cursor:var(--cursor-disabled);pointer-events:none}.u-input-wrap--sm{min-height:32px}.u-input-wrap--md{min-height:40px}.u-input-wrap--lg{min-height:44px}.u-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:inherit;font-size:16px;padding:8px 0}@media(min-width:640px){.u-input{font-size:14px}}.u-input::placeholder{color:var(--u-field-placeholder)}.u-input-affix{flex:none;display:inline-flex;align-items:center;color:var(--u-muted);font-size:14px}.u-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--u-surface);border-radius:min(32px,var(--radius-3xl))}.u-card--bordered{border:var(--border-width) solid var(--u-border)}.u-card--transparent{background:transparent;border:none}.u-card__title{font-size:14px;line-height:1.5;font-weight:500}.u-card__description{font-size:14px;line-height:1.4;color:var(--u-muted)}.u-card__content{display:flex;flex:1;flex-direction:column;gap:12px}.u-card__footer{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.u-chip{display:inline-flex;width:fit-content;flex-shrink:0;align-items:center;gap:2px;border-radius:var(--radius-2xl);padding:2px 8px;font-size:12px;line-height:20px;font-weight:500;max-width:100%;--chip-bg: var(--u-default);--chip-fg: var(--u-default-foreground);background-color:var(--chip-bg);color:var(--chip-fg)}.u-chip__label{padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-chip__meta{color:var(--u-muted);flex:none}.u-chip__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:var(--u-muted);cursor:var(--cursor-interactive);font-size:12px;line-height:1;transition:background-color .1s var(--ease-out),color .1s var(--ease-out)}.u-chip__close:hover{background:#ffffff1f;color:var(--u-foreground)}.u-chip__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--u-focus)}.u-switch{display:inline-flex;align-items:center;gap:12px;cursor:var(--cursor-interactive);-webkit-tap-highlight-color:transparent}.u-switch input{position:absolute;opacity:0;width:0;height:0}.u-switch__track{position:relative;display:flex;flex-shrink:0;align-items:center;overflow:hidden;border-radius:var(--radius-xl);width:40px;height:20px;background:var(--u-default);transition:background-color .25s var(--ease-out-fluid)}.u-switch__thumb{position:absolute;margin-inline-start:2px;transform-origin:center;border-radius:var(--radius-lg);width:16px;height:16px;background:#fff;transition:transform .25s var(--ease-out-fluid)}.u-switch input:checked+.u-switch__track{background:var(--u-accent)}.u-switch input:checked+.u-switch__track .u-switch__thumb{transform:translate(20px)}.u-switch input:focus-visible+.u-switch__track{box-shadow:0 0 0 var(--ring-offset-width) var(--u-background),0 0 0 calc(var(--ring-offset-width) + 2px) var(--u-focus)}.u-switch input:disabled+.u-switch__track{opacity:var(--disabled-opacity)}@media(prefers-reduced-motion:reduce){.u-switch__track,.u-switch__thumb{transition:none}}.u-check{display:inline-flex;align-items:center;gap:8px;cursor:var(--cursor-interactive);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.u-check input{position:absolute;opacity:0;width:0;height:0}.u-check__box{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:var(--border-width) solid var(--u-border);border-radius:var(--radius-md);background:var(--u-field);color:var(--u-accent-foreground);font-size:12px;line-height:1;transition:background-color .1s var(--ease-out),border-color .1s var(--ease-out),transform .25s var(--ease-smooth)}.u-check input:checked+.u-check__box{background:var(--u-accent);border-color:var(--u-accent)}.u-check input:focus-visible+.u-check__box{box-shadow:0 0 0 var(--ring-offset-width) var(--u-background),0 0 0 calc(var(--ring-offset-width) + 2px) var(--u-focus)}.u-check:active .u-check__box{transform:scale(.94)}@media(prefers-reduced-motion:reduce){.u-check__box{transition:none}.u-check:active .u-check__box{transform:none}}.u-select-wrap{position:relative;display:inline-flex}.u-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;padding:0 34px 0 12px;border-radius:var(--field-radius);background:var(--u-field);border:var(--border-width) solid var(--u-field-border);color:var(--u-field-foreground);font-size:16px;cursor:var(--cursor-interactive);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out)}@media(min-width:640px){.u-select{font-size:14px}}@media(min-width:768px){.u-select{height:36px}}@media(hover:hover){.u-select:hover{background:var(--u-field-hover)}}.u-select:focus-visible{outline:none;border-color:var(--u-field-border-focus);box-shadow:0 0 0 2px var(--u-focus)}.u-select--sm{height:36px}@media(min-width:768px){.u-select--sm{height:32px}}.u-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--u-muted);font-size:10px}.u-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;width:100%;padding:20px;background:var(--u-backdrop);animation:u-fade-in .15s var(--ease-out)}.u-modal{width:100%;max-width:460px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--u-surface);border:var(--border-width) solid var(--u-border);border-radius:min(32px,var(--radius-3xl));box-shadow:0 0 1px #ffffff4d inset;animation:u-zoom-in .25s var(--ease-out-quart)}@keyframes u-fade-in{0%{opacity:0}to{opacity:1}}@keyframes u-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.u-modal-backdrop,.u-modal{animation:none}}.u-spinner{pointer-events:none;display:inline-block;flex-shrink:0;width:16px;height:16px;border:2px solid color-mix(in oklab,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:u-spin .75s linear infinite}.u-spinner--md{width:24px;height:24px}.u-spinner--lg{width:32px;height:32px}@keyframes u-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.u-spinner{animation:none}}.u-divider{height:1px;background:var(--u-border);border:none;margin:0}.u-skeleton{position:relative;overflow:hidden;background:var(--u-default);border-radius:var(--radius-lg)}.u-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:u-skeleton 2s linear infinite}@keyframes u-skeleton{to{transform:translate(200%)}}@media(prefers-reduced-motion:reduce){.u-skeleton:after{animation:none}}
