.auth{min-height:100%;padding:var(--sp-6);background:radial-gradient(1200px 600px at 50% -10%, var(--c-accent-soft), transparent 60%), var(--c-bg);place-items:center;display:grid}.auth__prefs{top:var(--sp-4);right:var(--sp-4);position:fixed}.auth__card{background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-2);padding:var(--sp-8) var(--sp-6)}.auth__brand{text-align:center;margin-bottom:var(--sp-6)}.auth__logo{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;color:var(--c-text)}.auth__tagline{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-text-muted)}.auth__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4);text-align:center}.auth__form{gap:var(--sp-4);display:grid}.auth__links{margin-top:var(--sp-5);gap:var(--sp-2);text-align:center;font-size:var(--fs-sm);display:grid}.auth__link{color:var(--c-accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.auth__link:hover{text-decoration:underline}.auth__grid2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.shell{grid-template-columns:264px 1fr;height:100%;display:grid;overflow:hidden}.shell__sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);flex-direction:column;min-height:0;display:flex}.shell__brand{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.01em;display:flex}.shell__section{padding:var(--sp-3) var(--sp-4) var(--sp-1);justify-content:space-between;align-items:center;display:flex}.shell__section-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-faint)}.shell__pinnednav{padding:var(--sp-2) var(--sp-2) 0}.shell__rooms{min-height:0;padding:0 var(--sp-2) var(--sp-3);flex:1;overflow-y:auto}.shell__empty{padding:var(--sp-3) var(--sp-3);color:var(--c-text-muted);font-size:var(--fs-sm)}.room-item{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;text-decoration:none;display:flex}.room-item:hover{background:var(--c-bg);color:var(--c-text);text-decoration:none}.room-item.is-active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:var(--fw-medium)}.room-item__hash{color:var(--c-text-faint);font-weight:var(--fw-normal)}.room-item.is-active .room-item__hash{color:var(--c-accent)}.room-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.room-item__badge{font-size:var(--fs-xs);color:var(--c-text-faint);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);padding:0 var(--sp-2)}.shell__footer{gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--c-border);flex-direction:column;display:flex}.shell__footer-row{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.shell__me{min-width:0;font-size:var(--fs-sm)}.shell__me-name{font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell__me-role{color:var(--c-text-faint);font-size:var(--fs-xs)}.shell__main{background:var(--c-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.placeholder{color:var(--c-text-muted);text-align:center;padding:var(--sp-8);flex:1;place-items:center;display:grid}.placeholder__title{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--c-text);margin-bottom:var(--sp-2)}.topbar{align-items:center;gap:var(--sp-3);height:56px;padding:0 var(--sp-5);border-bottom:1px solid var(--c-border);flex-shrink:0;display:flex}.topbar__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);align-items:center;gap:var(--sp-2);display:flex}.topbar__spacer{flex:1}.page-scroll{min-height:0;padding:var(--sp-6);flex:1;overflow-y:auto}.form-panel{max-width:560px;margin:0 auto}.members__add{gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.members__list{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.members__empty{color:var(--c-text-muted);text-align:center;padding:var(--sp-4)}.member{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-md);display:flex}.member:hover{background:var(--c-surface)}.member__avatar{border-radius:var(--radius-md);color:#fff;width:32px;height:32px;font-weight:var(--fw-semibold);font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.member__meta{flex-direction:column;flex:1;min-width:0;display:flex}.member__name{align-items:center;gap:var(--sp-2);font-weight:var(--fw-medium);display:flex}.member__handle{font-size:var(--fs-xs);color:var(--c-text-faint)}.member__badge{font-size:var(--fs-xs);color:var(--c-warn);background:var(--c-warn-soft);border-radius:var(--radius-full);padding:0 var(--sp-2);font-weight:var(--fw-normal)}.member__actions{align-items:center;gap:var(--sp-1);flex-shrink:0;display:flex}.member__role{font-size:var(--fs-sm);color:var(--c-text-muted);flex-shrink:0}.room__scroll{min-height:0;padding:var(--sp-4) 0;flex:1;overflow-y:auto}.room__composer{border-top:1px solid var(--c-border);padding:var(--sp-3) var(--sp-4);background:var(--c-bg);gap:var(--sp-2);flex-direction:column;display:flex}.msglist{flex-direction:column;display:flex}.msglist--empty{padding:var(--sp-10) var(--sp-4);text-align:center;color:var(--c-text-muted)}.msglist__day{text-align:center;margin:var(--sp-5) 0 var(--sp-3);position:relative}.msglist__day:before{content:"";left:var(--sp-4);right:var(--sp-4);border-top:1px solid var(--c-border);position:absolute;top:50%}.msglist__day span{background:var(--c-bg);padding:0 var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-faint);position:relative}.msg{gap:var(--sp-3);padding:var(--sp-1) var(--sp-4);display:flex;position:relative}.msg:hover{background:var(--c-surface)}.msg--grouped{padding-top:0;padding-bottom:0}.msg--mention,.msg--mention:hover{background:var(--c-accent-soft);box-shadow:inset 3px 0 0 var(--c-accent)}.msg__gutter{flex-shrink:0;justify-content:center;width:36px;display:flex}.msg__avatar{border-radius:var(--radius-md);color:#fff;width:34px;height:34px;font-weight:var(--fw-semibold);font-size:var(--fs-sm);justify-content:center;align-items:center;margin-top:2px;display:flex}.msg__time-hover{color:var(--c-text-faint);opacity:0;align-self:flex-start;margin-top:4px;font-size:10px}.msg--grouped:hover .msg__time-hover{opacity:1}.msg__main{flex:1;min-width:0}.msg__head{align-items:baseline;gap:var(--sp-2);display:flex}.msg__author{font-weight:var(--fw-semibold)}.msg__author--inactive{color:var(--c-text-muted)}.msg__handle,.msg__time{font-size:var(--fs-xs);color:var(--c-text-faint)}.msg__body{font-size:var(--fs-md);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.msg__body a{color:var(--c-accent);text-decoration:underline}.msg__edited{color:var(--c-text-faint);font-size:var(--fs-xs)}.msg__tombstone{color:var(--c-text-faint);font-style:italic;font-size:var(--fs-sm)}.msg__tags{gap:var(--sp-1);flex-wrap:wrap;margin-top:2px;display:flex}.msg__tag{font-size:var(--fs-xs);color:var(--c-accent);background:var(--c-accent-soft);border-radius:var(--radius-full);padding:2px var(--sp-2);cursor:pointer;border:none;font-family:inherit}.msg__tag:hover{background:var(--c-accent);color:var(--c-text-on-accent)}.msg__edit{margin-top:var(--sp-1)}.msg__edit .composer__input{border:1px solid var(--c-border-strong);border-radius:var(--radius-md);padding:var(--sp-2);max-height:240px}.msg__edit-actions{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.msg__actions{top:-10px;right:var(--sp-4);background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);opacity:0;pointer-events:none;align-items:center;gap:2px;padding:2px;display:flex;position:absolute}.msg:hover .msg__actions{opacity:1;pointer-events:auto}.msg__pin{font-size:var(--fs-sm)}.msg__confirm{align-items:center;gap:var(--sp-1);display:inline-flex}.msg__confirm-q{font-size:var(--fs-xs);color:var(--c-text-muted);padding:0 var(--sp-1)}.composer{border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);background:var(--c-bg);position:relative}.composer__ac{bottom:calc(100% + var(--sp-1));background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);min-width:220px;max-width:320px;box-shadow:var(--shadow-pop);padding:var(--sp-1);z-index:var(--z-dropdown);max-height:240px;position:absolute;left:0;overflow-y:auto}.composer__ac-item{align-items:baseline;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;display:flex}.composer__ac-item.is-active{background:var(--c-accent-soft)}.composer__ac-handle{font-weight:var(--fw-semibold);color:var(--c-accent)}.composer__ac-name{font-size:var(--fs-sm);color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-ring)}.composer--disabled{opacity:.7}.composer__input{resize:none;width:100%;color:var(--c-text);font-size:var(--fs-md);padding:var(--sp-3) var(--sp-3) 0;background:0 0;border:none;outline:none;max-height:200px;line-height:1.5;display:block;overflow-y:auto}.composer__bar{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);display:flex}.composer__spacer{flex:1}.composer__urgency{align-items:center;gap:var(--sp-1);display:inline-flex}.composer__urgency-icon{color:var(--c-text-faint)}.composer__urgency-select--important{color:var(--c-urgency-important)}.composer__urgency-select--urgent{color:var(--c-urgency-urgent)}.composer__urgency-select--critical{color:var(--c-urgency-critical);font-weight:var(--fw-medium)}.composer__files{gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) 0;flex-wrap:wrap;display:flex}.composer__file{align-items:center;gap:var(--sp-2);max-width:240px;padding:var(--sp-1) var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--fs-xs);display:inline-flex}.composer__file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer__file-size{color:var(--c-text-faint);flex-shrink:0}.composer__file-x{color:var(--c-text-faint);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.composer__file-x:hover{color:var(--c-danger)}.atts{gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.att{max-width:420px;position:relative}.att__image-link{line-height:0;display:inline-block}.att__image{border-radius:var(--radius-md);border:1px solid var(--c-border);max-width:100%;max-height:320px}.att__file{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);max-width:320px;text-decoration:none;display:inline-flex}.att__file:hover{border-color:var(--c-accent);text-decoration:none}.att__file-icon{font-size:var(--fs-lg)}.att__file-meta{flex-direction:column;min-width:0;display:flex}.att__file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.att__file-size{font-size:var(--fs-xs);color:var(--c-text-faint)}.att--tombstone{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-faint);font-style:italic;display:inline-flex}.att__actions{margin-top:var(--sp-1);opacity:0;align-items:center;gap:2px;display:flex}.att:hover .att__actions{opacity:1}.dash{flex-direction:column;flex:1;min-height:0;display:flex}.dash__tabs{gap:var(--sp-1);padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--c-border);flex-shrink:0;display:flex}.dash__tab{padding:var(--sp-2) var(--sp-3);color:var(--c-text-muted);font-size:var(--fs-base);font-weight:var(--fw-medium);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none}.dash__tab:hover{background:var(--c-surface);color:var(--c-text)}.dash__tab.is-active{background:var(--c-accent-soft);color:var(--c-accent)}.dash__body{min-height:0;padding:var(--sp-5);flex:1;overflow-y:auto}.dlist{gap:var(--sp-3);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.dlist--empty{padding:var(--sp-10) var(--sp-4);text-align:center;color:var(--c-text-muted)}.dcard{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-raised);padding:var(--sp-3) var(--sp-4)}.dcard__head{align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.dcard__room{font-weight:var(--fw-semibold);color:var(--c-accent);text-decoration:none}.dcard__room:hover{text-decoration:underline}.dcard__author{font-size:var(--fs-sm);color:var(--c-text)}.dcard__time{font-size:var(--fs-xs);color:var(--c-text-faint)}.dcard__spacer{flex:1}.dcard__body{font-size:var(--fs-md);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.dcard__body a{color:var(--c-accent);text-decoration:underline}.settings-scroll{min-height:0;padding:var(--sp-6);flex:1;overflow-y:auto}.settings{gap:var(--sp-8);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.settings__heading{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-1)}.settings__hint{color:var(--c-text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.contact-list{gap:var(--sp-1);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.contact-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-raised);display:flex}.contact__icon{font-size:var(--fs-lg)}.contact__main{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.contact__dest{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact__verify{gap:var(--sp-2);align-items:center;display:flex}.contact__verify .sp-input{max-width:160px}.contact__notice{font-size:var(--fs-xs);color:var(--c-text-muted)}.contact__badge{font-size:var(--fs-xs);border-radius:var(--radius-full);padding:2px var(--sp-2);flex-shrink:0}.contact__badge--ok{color:var(--c-success);background:var(--c-success-soft)}.contact-add{gap:var(--sp-2);display:flex}.contact-add .sp-select{flex-shrink:0;width:auto}.settings__toggles{flex-direction:column;display:flex}.settings__toggles .toggle+.toggle{border-top:1px solid var(--c-border)}.op{flex-direction:column;flex:1;min-height:0;display:flex}.op__tabs{gap:var(--sp-1);padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--c-border);flex-shrink:0;display:flex;overflow-x:auto}.op__tab{padding:var(--sp-2) var(--sp-3);color:var(--c-text-muted);font-size:var(--fs-base);font-weight:var(--fw-medium);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none}.op__tab:hover{background:var(--c-surface);color:var(--c-text)}.op__tab.is-active{background:var(--c-accent-soft);color:var(--c-accent)}.op__scroll{min-height:0;padding:var(--sp-5);flex:1;overflow-y:auto}.op__empty{color:var(--c-text-muted);text-align:center;padding:var(--sp-8)}.op__dim{color:var(--c-text-faint)}.op__spacer{flex:1}.op__filters{gap:var(--sp-1);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.op__chip{padding:var(--sp-1) var(--sp-3);border:1px solid var(--c-border);color:var(--c-text-muted);border-radius:var(--radius-full);cursor:pointer;font-size:var(--fs-sm);background:0 0}.op__chip.is-active{background:var(--c-accent-soft);color:var(--c-accent);border-color:#0000}.op__list{gap:var(--sp-3);flex-direction:column;max-width:760px;display:flex}.op__card{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-raised);padding:var(--sp-3) var(--sp-4)}.op__card--row{align-items:center;gap:var(--sp-3);display:flex}.op__card-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.op__card-title{font-weight:var(--fw-semibold)}.op__card-meta{font-size:var(--fs-xs);color:var(--c-text-faint)}.op__card-body{margin-top:var(--sp-2);font-size:var(--fs-sm)}.op__quote{margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--c-border-strong);background:var(--c-surface);border-radius:var(--radius-sm);color:var(--c-text-muted);white-space:pre-wrap;font-size:var(--fs-sm)}.op__card-actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.op__card-actions .sp-input{flex:1;min-width:140px}.op__logs{font-family:var(--font-mono);font-size:var(--fs-xs);flex-direction:column;display:flex}.op__log{gap:var(--sp-3);padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--c-border);align-items:baseline;display:flex}.op__log-time{color:var(--c-text-faint);flex-shrink:0}.op__log-level{text-transform:uppercase;width:44px;font-weight:var(--fw-semibold);flex-shrink:0}.op__log-level--debug{color:var(--c-text-faint)}.op__log-level--info{color:var(--c-info)}.op__log-level--warn{color:var(--c-warn)}.op__log-level--error{color:var(--c-danger)}.op__log-code{color:var(--c-text-muted);flex-shrink:0}.op__log-summary{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.op__form{gap:var(--sp-4);flex-direction:column;max-width:440px;display:flex}.op__hint{color:var(--c-text-muted);font-size:var(--fs-sm);margin:0}.op__routes{flex-direction:column;display:flex}.op__routes .toggle{padding:var(--sp-2) 0}.op__routes .toggle+.toggle{border-top:1px solid var(--c-border)}:root{--font-sans:system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.875rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--lh-tight:1.25;--lh-normal:1.5;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--dur-fast:.12s;--dur-normal:.2s;--ease:cubic-bezier(.4, 0, .2, 1);--c-bg:#fff;--c-surface:#f6f7f9;--c-raised:#fff;--c-overlay:#11141852;--c-border:#e4e7eb;--c-border-strong:#d0d5db;--c-text:#16191d;--c-text-muted:#5b6470;--c-text-faint:#8a929c;--c-text-on-accent:#fff;--c-accent:#4f46e5;--c-accent-hover:#4338ca;--c-accent-active:#3730a3;--c-accent-soft:#eef0fe;--c-accent-ring:#4f46e559;--c-danger:#dc2626;--c-danger-hover:#b91c1c;--c-danger-soft:#fdecec;--c-warn:#b45309;--c-warn-soft:#fdf3e7;--c-success:#047857;--c-success-soft:#e7f6ef;--c-info:#2563eb;--c-info-soft:#e8f0fe;--c-urgency-important:#2563eb;--c-urgency-urgent:#c2410c;--c-urgency-critical:#dc2626;--shadow-1:0 1px 2px #1013180f, 0 1px 3px #10131814;--shadow-2:0 4px 12px #1013181a, 0 2px 4px #1013180f;--shadow-pop:0 8px 28px #10131829;--z-sticky:100;--z-dropdown:200;--z-modal:300;--z-toast:400;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg:#0f1216;--c-surface:#14181d;--c-raised:#1a1f26;--c-overlay:#00000080;--c-border:#262c34;--c-border-strong:#333b45;--c-text:#e7eaee;--c-text-muted:#a2abb6;--c-text-faint:#6b7480;--c-text-on-accent:#fff;--c-accent:#6366f1;--c-accent-hover:#7679f5;--c-accent-active:#818cf8;--c-accent-soft:#1e2140;--c-accent-ring:#818cf873;--c-danger:#f87171;--c-danger-hover:#ef4444;--c-danger-soft:#3a1d1d;--c-warn:#fbbf24;--c-warn-soft:#382a12;--c-success:#34d399;--c-success-soft:#123027;--c-info:#60a5fa;--c-info-soft:#14243f;--c-urgency-important:#60a5fa;--c-urgency-urgent:#fb923c;--c-urgency-critical:#f87171;--shadow-1:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-2:0 4px 12px #00000080, 0 2px 4px #0006;--shadow-pop:0 8px 28px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--c-bg:#0f1216;--c-surface:#14181d;--c-raised:#1a1f26;--c-overlay:#00000080;--c-border:#262c34;--c-border-strong:#333b45;--c-text:#e7eaee;--c-text-muted:#a2abb6;--c-text-faint:#6b7480;--c-text-on-accent:#fff;--c-accent:#6366f1;--c-accent-hover:#7679f5;--c-accent-active:#818cf8;--c-accent-soft:#1e2140;--c-accent-ring:#818cf873;--c-danger:#f87171;--c-danger-hover:#ef4444;--c-danger-soft:#3a1d1d;--c-warn:#fbbf24;--c-warn-soft:#382a12;--c-success:#34d399;--c-success-soft:#123027;--c-info:#60a5fa;--c-info-soft:#14243f;--c-urgency-important:#60a5fa;--c-urgency-urgent:#fb923c;--c-urgency-critical:#f87171;--shadow-1:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-2:0 4px 12px #00000080, 0 2px 4px #0006;--shadow-pop:0 8px 28px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p,figure{margin:0}button{font:inherit;color:inherit}input,textarea,select,button{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--c-text-faint);background-clip:content-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.sp-btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border-radius:var(--radius-md);height:36px;font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;line-height:1;display:inline-flex}.sp-btn:disabled{cursor:default;opacity:.55}.sp-btn--sm{height:30px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.sp-btn--block{width:100%}.sp-btn--primary{background:var(--c-accent);color:var(--c-text-on-accent)}.sp-btn--primary:not(:disabled):hover{background:var(--c-accent-hover)}.sp-btn--primary:not(:disabled):active{background:var(--c-accent-active)}.sp-btn--secondary{background:var(--c-raised);border-color:var(--c-border-strong);color:var(--c-text)}.sp-btn--secondary:not(:disabled):hover{background:var(--c-surface);border-color:var(--c-text-faint)}.sp-btn--ghost{color:var(--c-text-muted);background:0 0}.sp-btn--ghost:not(:disabled):hover{background:var(--c-surface);color:var(--c-text)}.sp-btn--danger{background:var(--c-danger);color:#fff}.sp-btn--danger:not(:disabled):hover{background:var(--c-danger-hover)}.sp-field{gap:var(--sp-1);flex-direction:column;display:flex}.sp-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text)}.sp-field__optional{color:var(--c-text-faint);font-weight:var(--fw-normal)}.sp-field__hint{font-size:var(--fs-xs);color:var(--c-text-muted)}.sp-field__error{font-size:var(--fs-xs);color:var(--c-danger)}.sp-input,.sp-select{width:100%;height:38px;padding:0 var(--sp-3);background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--fs-md);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.sp-input::placeholder{color:var(--c-text-faint)}.sp-input:focus,.sp-select:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-ring);outline:none}.sp-input--invalid{border-color:var(--c-danger)}.sp-select{cursor:pointer;height:38px}.sp-select--sm{height:30px;font-size:var(--fs-sm);padding:0 var(--sp-2);width:auto}.sp-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite sp-spin;display:inline-block}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-notice{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-sm)}.sp-notice--error{background:var(--c-danger-soft);color:var(--c-danger)}.sp-notice--success{background:var(--c-success-soft);color:var(--c-success)}.modal__overlay{z-index:var(--z-modal);background:var(--c-overlay);padding:var(--sp-4);place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:440px;max-height:calc(100vh - 2 * var(--sp-8));background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);flex-direction:column;display:flex}.modal--wide{max-width:560px}.modal__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-border);display:flex}.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.modal__body{padding:var(--sp-4);overflow-y:auto}.modal__foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);display:flex}.toggle{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;display:flex}.toggle__text{cursor:pointer;flex-direction:column;gap:2px;display:flex}.toggle__label{font-weight:var(--fw-medium)}.toggle__desc{font-size:var(--fs-sm);color:var(--c-text-muted)}.toggle__switch{border-radius:var(--radius-full);background:var(--c-border-strong);width:40px;height:22px;transition:background var(--dur-fast) var(--ease);flex-shrink:0;position:relative}.toggle__switch.is-on{background:var(--c-accent)}.toggle__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle__input:disabled{cursor:default}.toggle__thumb{width:18px;height:18px;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle__switch.is-on .toggle__thumb{transform:translate(18px)}.kbd-group+.kbd-group{margin-top:var(--sp-4)}.kbd-group__title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-faint);margin-bottom:var(--sp-1)}.kbd-row{padding:var(--sp-2) 0;justify-content:space-between;align-items:center;display:flex}.kbd-row__label{color:var(--c-text)}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px var(--sp-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-muted);border-bottom-width:2px}.sp-iconbtn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--c-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.sp-iconbtn:hover{background:var(--c-surface);color:var(--c-text)}.sp-iconbtn:disabled{cursor:default;opacity:.55}