.auth{min-height:100%;padding:var(--sp-6);background:radial-gradient(900px 520px at 12% -8%, var(--c-accent-soft), transparent 62%), radial-gradient(900px 520px at 92% 108%, var(--c-accent-2-soft), transparent 62%), 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-pop);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__logo>span[aria-hidden],.auth__logo:first-letter{color:inherit}.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__realm{gap:var(--sp-2);border:none;margin:0;padding:0;display:grid}.auth__realm-legend{font-size:var(--fs-sm);padding:0;font-weight:600}.auth__realm-options{gap:var(--sp-2);display:flex}.auth__realm-option{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-sm,6px);font-size:var(--fs-sm);cursor:pointer;flex:1;display:flex}.auth__realm-option.is-selected{border-color:var(--c-accent);background:var(--c-accent-soft,var(--c-surface))}.auth__realm-hint{font-size:var(--fs-xs,.75rem);color:var(--c-text-muted);margin:0}.auth__identity{gap:var(--sp-1);display:grid}.auth__identity-realm{font-size:var(--fs-xs,.75rem);text-transform:uppercase;letter-spacing:.04em;padding:2px var(--sp-2);background:var(--c-accent-soft,var(--c-surface));color:var(--c-accent);border-radius:999px;justify-self:start;font-weight:600}.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}.auth__secret{margin-top:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--c-surface-2,var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm,6px);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--fs-sm);letter-spacing:.15em;word-break:break-all;-webkit-user-select:all;user-select:all;display:block}.shell{grid-template-columns:var(--sidebar-w,264px) auto 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;color:inherit;text-decoration:none;display:flex}.shell__brand>span[aria-hidden]{color:var(--c-accent)}.shell__section{padding:var(--sp-4) var(--sp-4) var(--sp-1);justify-content:space-between;align-items:center;display:flex}.shell__section-title{align-items:center;gap:var(--sp-2);min-width:0;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);flex:1;display:flex}.shell__section-title:after{content:"";background:var(--c-border);flex:1;height:1px}.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)}.shell__empty--none:before{content:"🪴 "}.side-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}.side-item:hover{background:var(--c-surface-2);color:var(--c-text);text-decoration:none}.side-item.is-active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:var(--fw-medium)}.side-item__hash{width:18px;color:var(--c-text-faint);font-weight:var(--fw-normal);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.side-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-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{align-items:center;gap:var(--sp-2);min-width:0;font-size:var(--fs-sm);display:flex}.shell__me-text{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.shell__me-name{font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.shell__me-handle{font-size:var(--fs-xs);color:var(--c-text-faint);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.shell__me-chevron{color:var(--c-text-faint);flex-shrink:0;align-items:center;display:inline-flex}.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);min-height:56px;padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--c-border);flex-wrap:wrap;flex-shrink:0;display:flex}.topbar__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);align-items:center;gap:var(--sp-2);text-overflow:ellipsis;min-width:0;display:flex;overflow:hidden}.topbar__spacer{flex:1}.shell__splitter{cursor:col-resize;background:0 0;border-right:1px solid #0000;width:5px;transition:background .12s}.shell__splitter:hover,.shell__splitter.is-dragging{background:var(--c-accent,#6b7cff)}.shell__splitter:focus-visible{outline:2px solid var(--c-accent,#6b7cff);outline-offset:-2px}.shell__drawer-toggle,.shell__scrim{display:none}@media (width<=768px){.shell{grid-template-columns:1fr}.shell__sidebar{z-index:40;width:min(320px,85vw);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 24px #00000040}.shell--drawer-open .shell__sidebar{transform:translate(0)}.shell__splitter{display:none}.shell__drawer-toggle{top:var(--sp-2);left:var(--sp-2);z-index:42;background:var(--c-surface);width:40px;height:40px;color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:fixed}.shell--drawer-open .shell__scrim{z-index:39;background:#0006;display:block;position:fixed;inset:0}.shell__main .topbar{padding-left:calc(40px + var(--sp-2) + var(--sp-2))}}@media (prefers-reduced-motion:reduce){.shell__sidebar{transition:none}}.side-item__badge--unread{color:var(--c-text-on-accent);background:var(--c-accent);border-color:var(--c-accent);font-weight:var(--fw-semibold)}.side-item.is-unread .side-item__name{font-weight:var(--fw-semibold);color:var(--c-text)}.notifpane{z-index:30;background:var(--c-raised);border-left:1px solid var(--c-border);width:min(400px,100vw);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@media (width<=640px){.notifpane{border-left:0;width:100vw}}.notifpane__head{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);display:flex}.notifpane__title{font-weight:var(--fw-semibold);flex:1}.notifpane__close{border-radius:var(--radius-md);width:28px;height:28px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.notifpane__close:hover{background:var(--c-surface);color:var(--c-text)}.notifpane__empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--c-text-muted)}.notifpane__list{flex:1;min-height:0;overflow-y:auto}.notifpane__item{border-bottom:1px solid var(--c-border);align-items:stretch;display:flex}.notifpane__body{min-width:0;padding:var(--sp-3) var(--sp-4);color:var(--c-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;display:flex}.notifpane__body:hover{background:var(--c-surface)}.notifpane__item.is-unread .notifpane__kind{font-weight:var(--fw-semibold)}.notifpane__kind{font-size:var(--fs-sm)}.notifpane__detail{font-size:var(--fs-xs);color:var(--c-text-muted)}.notifpane__time{font-size:var(--fs-xs);color:var(--c-text-faint)}.notifpane__dismiss{width:40px;color:var(--c-text-faint);cursor:pointer;background:0 0;border:0;flex-shrink:0}.notifpane__dismiss:hover{color:var(--c-success,#22c55e);background:var(--c-surface)}.page-scroll{min-height:0;padding:var(--sp-6);flex:1;overflow-y:auto}.form-panel{width:100%;max-width:560px;margin:0 auto}.reqlist{margin-top:var(--sp-6)}.reqlist__item{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-3);margin-top:var(--sp-2)}.reqlist__head{align-items:center;gap:var(--sp-2);justify-content:space-between;display:flex}.reqlist__name{font-weight:600}.reqlist__meta{color:var(--c-text-muted);margin-top:var(--sp-1);font-size:.85rem}.reqlist__state{border-radius:var(--radius-full);padding:2px var(--sp-2);white-space:nowrap;font-size:.8rem}.reqlist__state--pending{background:var(--c-surface);color:var(--c-text-muted)}.reqlist__state--approved{background:var(--c-success-soft);color:var(--c-success)}.reqlist__state--declined{background:var(--c-danger-soft);color:var(--c-danger)}.reqlist__link{margin-top:var(--sp-2);display:inline-block}.reqlist__reason{margin-top:var(--sp-2)}.members__add,.room__rename{gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.members__confirm-add{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-accent);border-radius:var(--radius-sm,6px);background:var(--c-accent-soft,var(--c-surface));display:flex}.members__confirm-card{flex-direction:column;min-width:0;display:flex}.members__confirm-name{font-weight:600}.members__confirm-handle{font-size:var(--fs-sm);color:var(--c-text-muted)}.members__confirm-actions{gap:var(--sp-2);flex-shrink:0;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}.members__translation{padding-bottom:var(--sp-3);margin-bottom:var(--sp-3);border-bottom:1px solid var(--c-border)}.members__section-title{margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-muted)}.members__catchup{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);display:flex}.room__panel{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}.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{overflow-anchor:none;flex-direction:column;gap:6px;display:flex}.msglist--empty{padding:var(--sp-10) var(--sp-4);text-align:center;color:var(--c-text-muted)}.msglist--empty:before{content:"💬";margin-bottom:var(--sp-2);font-size:2rem;display:block}.msglist__newpill{bottom:var(--sp-3);z-index:4;margin-top:calc(-1 * var(--sp-8));padding:var(--sp-2) var(--sp-4);background:var(--c-accent);color:var(--c-text-on-accent);font-size:var(--fs-sm);cursor:pointer;border:none;border-radius:999px;align-self:center;font-weight:600;position:sticky;box-shadow:0 2px 8px #00000040}.msglist__newpill:hover{background:var(--c-accent-hover)}.msglist__newpill:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.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(--pad-message-read,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-full);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;max-width:72ch;position:relative}.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-family:var(--font-message,var(--font-sans));font-size:var(--fs-message-read,var(--fs-md));line-height:var(--lh-message-read,1.5);white-space:pre-wrap;overflow-wrap:anywhere}.msg__body a{color:var(--c-accent);text-decoration:underline}.msg__edited{color:var(--c-text-faint);font-size:var(--fs-xs)}.msg__edited--toggle{cursor:pointer;font:inherit;color:var(--c-text-faint);background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.msg__edited--toggle:hover{color:var(--c-text-muted)}.msg__history{margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--c-border);gap:var(--sp-2);background:var(--c-surface-sunken,transparent);border-radius:var(--radius-sm,4px);flex-direction:column;list-style:none;display:flex}.msg__history-item{font-size:var(--fs-sm)}.msg__history-meta{gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-muted);flex-wrap:wrap;align-items:baseline;display:flex}.msg__history-current{color:var(--c-accent,var(--c-text-muted));font-weight:600}.msg__history-item--reported{border-left:3px solid var(--c-danger);padding-left:var(--sp-2);margin-left:calc(-1 * var(--sp-2) - 3px)}.msg__history-reported{color:var(--c-danger);font-weight:600}.msg__history-body{white-space:pre-wrap;word-break:break-word}.msg__tombstone{color:var(--c-text-faint);font-style:italic;font-size:var(--fs-sm)}.msg__removed{border:1px solid var(--c-warn-soft);border-left:3px solid var(--c-warn);border-radius:var(--radius-sm,6px);background:var(--c-warn-soft);padding:var(--sp-1) var(--sp-2);margin-top:2px}.msg__removed-summary{color:var(--c-warn);font-size:var(--fs-sm);cursor:pointer;font-weight:600;list-style:none}.msg__removed-summary::-webkit-details-marker{display:none}.msg__removed-body{margin-top:var(--sp-2)}.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{z-index:3;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;top:-14px;right:0}.msg__toolbar{z-index:3;background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);align-items:center;gap:2px;padding:2px;display:none;position:absolute;top:-14px;right:0}@media (hover:hover){.msg:hover .msg__toolbar,.msg:focus-within .msg__toolbar{display:flex}.msg__actions{display:none}}@media (hover:none){.msg__toolbar{display:none!important}}.msg__tool{border-radius:var(--radius-md);width:26px;height:26px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.msg__tool:hover{background:var(--c-surface);color:var(--c-text)}.msg__tool.is-on{color:var(--c-accent)}.msg__tool--danger:hover{color:var(--c-danger)}.msg__actions-toggle{display:none}@media (hover:none){.msg:hover .msg__actions{opacity:0;pointer-events:none}.msg .msg__actions.is-open,.msg:hover .msg__actions.is-open{opacity:1;pointer-events:auto}.msg__actions-toggle{z-index:3;width:36px;height:32px;color:var(--c-text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:0}.msg__actions-scrim{z-index:41;background:#00000040;position:fixed;inset:0}.msg .msg__actions.is-open,.msg:hover .msg__actions.is-open{z-index:42;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-pop);border-bottom:0;flex-direction:column;align-items:stretch;gap:0;position:fixed;inset:auto 0 0}.msg__actions.is-open .sp-btn{height:44px;font-size:var(--fs-md);justify-content:flex-start}.msg__actions.is-open .msg__confirm{align-items:center;gap:var(--sp-2);padding:var(--sp-2);flex-wrap:wrap;display:flex}}@media (hover:hover){.msg__actions-scrim{display:none}}.msg__pin{font-size:var(--fs-sm)}.msg__pin--grouped{float:right;margin-left:var(--sp-2)}.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:min(220px,100%);max-width:min(320px,100%);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__input:focus-visible{outline:none}.composer--disabled{opacity:.7}.composer__input{font-family:var(--font-message,var(--font-sans));font-size:var(--fs-message-write,var(--fs-md));line-height:var(--lh-message-write,1.5);resize:none;width:100%;color:var(--c-text);padding:var(--pad-message-write,var(--sp-3)) var(--sp-3) 0;background:0 0;border:none;outline:none;max-height:min(200px,40vh);display:block;overflow-y:auto}.composer__count{font-size:var(--fs-xs);color:var(--c-text-muted);margin-right:var(--sp-2)}.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__filenotice{margin:var(--sp-3) var(--sp-3) 0}.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}.atts__grid{gap:var(--sp-1);flex-wrap:wrap;max-width:100%;display:flex}.att-tile{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;padding:0;line-height:0;overflow:hidden}.att-tile:hover,.att-tile:focus-visible{border-color:var(--c-accent)}.att-tile img{object-fit:cover;width:100%;height:100%;display:block}.atts__grid--one .att-tile{width:auto;max-width:min(420px,100%);height:auto}.atts__grid--one .att-tile img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:320px}.atts__grid--few .att-tile{width:160px;height:160px}.atts__grid--many .att-tile{width:104px;height:104px}.att-tile--more{font-size:var(--fs-lg);color:var(--c-text-muted);justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex}.atts__files{gap:var(--sp-2);flex-wrap:wrap;display:flex}.att-chip{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);max-width:100%;display:inline-flex}.att-chip--tombstone{color:var(--c-text-muted);font-size:var(--fs-sm);font-style:italic}.att-chip__main{align-items:center;gap:var(--sp-2);cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0;display:inline-flex}.att-chip__icon{font-size:var(--fs-lg)}.att-chip__meta{flex-direction:column;min-width:0;display:flex}.att-chip__name{overflow-wrap:anywhere}.att-chip__size{font-size:var(--fs-sm);color:var(--c-text-muted)}.att-chip__download{font-size:var(--fs-lg);padding:0 var(--sp-1);text-decoration:none}.att-chip__actions{gap:2px;display:inline-flex}.attview{align-items:center;gap:var(--sp-2);display:flex}.attview__stage{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.attview__image{border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:70vh}.attview__filecard{align-items:center;gap:var(--sp-2);padding:var(--sp-6);color:var(--c-text-muted);font-size:var(--fs-lg);flex-direction:column;display:flex}.attview__nav{color:var(--c-text-muted);cursor:pointer;padding:var(--sp-2);background:0 0;border:0;flex:none;font-size:2rem;line-height:1}.attview__nav:hover,.attview__nav:focus-visible{color:var(--c-text)}.attview__meta{gap:var(--sp-2) var(--sp-4);margin:var(--sp-3) 0;font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.attview__meta dt{color:var(--c-text-muted)}.attview__meta dd{overflow-wrap:anywhere;margin:0}.attview__actions{gap:var(--sp-2);display:flex}.msg__xlate{align-items:center;gap:var(--sp-2);margin-left:var(--sp-2);vertical-align:baseline;display:inline-flex}.msg__xlate-badge{font-size:var(--fs-xs);color:var(--c-text-muted);border:1px solid var(--c-border);padding:0 var(--sp-2);border-radius:999px}.msg__xlate-toggle{color:var(--c-accent);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.msg__xlate-toggle:hover{color:var(--c-accent-hover)}.msg__xlate-pending{margin-left:var(--sp-2);font-size:var(--fs-xs);color:var(--c-text-muted);font-style:italic}.msg__author-badge{font-size:var(--fs-xs);color:var(--c-text-muted);border:1px solid var(--c-border);padding:0 var(--sp-2);text-transform:lowercase;border-radius:999px}.msg__reply{gap:var(--sp-2);max-width:100%;margin:0 0 var(--sp-1);padding:var(--sp-1) var(--sp-2);border:none;border-left:2px solid var(--c-accent);border-radius:var(--radius-sm,6px);background:var(--c-accent-soft);color:var(--c-text-muted);font-size:var(--fs-sm);text-align:left;cursor:pointer;align-items:baseline;display:flex}.msg__reply:disabled{cursor:default;opacity:.7}.msg__reply-author{color:var(--c-accent);white-space:nowrap;font-weight:600}.msg__reply-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg__reply-gone{font-style:italic}.composer__reply{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-left:2px solid var(--c-accent);border-radius:var(--radius-sm,6px);background:var(--c-accent-soft);font-size:var(--fs-sm);display:flex}.composer__reply-body{flex-direction:column;flex:1;min-width:0;display:flex}.composer__reply-author{color:var(--c-accent);font-weight:600}.composer__reply-snippet{text-overflow:ellipsis;white-space:nowrap;color:var(--c-text-muted);overflow:hidden}.composer__reply-x{color:var(--c-text-muted);cursor:pointer;font-size:var(--fs-sm);padding:var(--sp-1);background:0 0;border:none}.composer__reply-x:hover{color:var(--c-text)}@keyframes msg-flash{0%{background:var(--c-accent-soft)}to{background:0 0}}.msg-flash{border-radius:var(--radius-sm,6px);animation:1.2s ease-out msg-flash}.room-tabs{gap:var(--sp-1);padding:0 var(--sp-4);border-bottom:1px solid var(--c-border);flex:none;display:flex}.room-tabs__tab{padding:var(--sp-2) var(--sp-3);color:var(--c-text-muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.room-tabs__tab:hover{color:var(--c-text)}.room-tabs__tab.is-active{color:var(--c-text);border-bottom-color:var(--c-accent)}.abrowse{padding:var(--sp-4)}.abrowse__filter{width:100%;max-width:360px;margin-bottom:var(--sp-4)}.abrowse__empty{color:var(--c-text-muted);padding:var(--sp-6) 0;text-align:center}.abrowse__empty--error{color:var(--c-danger,#c0392b)}.abrowse__grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.abrowse__thumb{border:1px solid var(--c-border);border-radius:var(--radius-sm,6px);aspect-ratio:1;cursor:pointer;background:var(--c-surface-2,var(--c-bg));padding:0;overflow:hidden}.abrowse__thumb img{object-fit:cover;width:100%;height:100%;display:block}.abrowse__list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.abrowse__file{gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius-sm,6px);background:var(--c-surface);flex-direction:column;display:flex}.abrowse__file-row{align-items:center;gap:var(--sp-2);display:flex}.abrowse__file-jump{flex:none}.abrowse__file-main{align-items:center;gap:var(--sp-2);color:var(--c-text);flex:1;min-width:0;text-decoration:none;display:flex}.abrowse__file-main:hover .abrowse__file-name{text-decoration:underline}.abrowse__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.abrowse__file-meta{color:var(--c-text-muted);font-size:var(--fs-sm)}.topbar__search{max-width:min(220px,100%);height:32px;padding:0 var(--sp-2);font-size:var(--fs-sm)}.search__count{color:var(--c-text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.msglist__new{align-items:center;gap:var(--sp-2);margin:var(--sp-2) var(--sp-4);color:var(--c-accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;display:flex}.msglist__new:before,.msglist__new:after{content:"";background:var(--c-accent);opacity:.5;flex:1;height:1px}.pinbar{border-bottom:1px solid var(--c-border);background:var(--c-accent-2-soft);flex-direction:column;flex-shrink:0;display:flex}.pinbar__item{align-items:baseline;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-4);font:inherit;font-size:var(--fs-sm);color:var(--c-text);cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;display:flex}.pinbar__item:hover{background:var(--c-accent-2-soft);filter:brightness(.97)}.pinbar__author{font-weight:var(--fw-semibold);flex-shrink:0}.pinbar__snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--c-text-muted);flex:1;overflow:hidden}.pinbar__more{align-items:center;gap:var(--sp-1);margin:0 var(--sp-4) var(--sp-2);font-size:var(--fs-xs);color:var(--c-warn);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;display:inline-flex}.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;width:100%;max-width:720px;margin:0 auto;display:flex}.dlist--placeholder{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;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.dcard__body a{color:var(--c-accent);text-decoration:underline}.dash__tiles{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.dash__tile{gap:var(--sp-1);padding:var(--sp-4);background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);flex-direction:column;text-decoration:none;display:flex}a.dash__tile:hover{border-color:var(--c-accent);text-decoration:none}.dash__tile-count{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:1}.dash__tile-label{align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--c-text-muted);display:inline-flex}.dash__section{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:var(--sp-5) 0 var(--sp-2)}.dash__rooms,.dash__recent{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-raised);flex-direction:column;display:flex;overflow:hidden}.dash__table{table-layout:fixed;border-collapse:collapse;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-raised);width:100%;font-size:var(--fs-sm);overflow:hidden}.dash__table tr{cursor:pointer}.dash__table tr:hover{background:var(--c-surface)}.dash__table tr+tr td{border-top:1px solid var(--c-border)}.dash__table td{padding:var(--sp-3) var(--sp-3);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;overflow:hidden}.dash__td-room{width:26%;font-weight:var(--fw-medium)}.dash__table tr.is-unread .dash__td-room{font-weight:var(--fw-semibold)}.dash__td-roomlink{color:inherit;align-items:center;gap:var(--sp-2);max-width:100%;text-decoration:none;display:inline-flex}.dash__td-author{width:15%;color:var(--c-text-muted)}.dash__td-snippet{color:var(--c-text-muted)}.dash__td-time{width:128px;color:var(--c-text-muted);font-size:var(--fs-xs);text-align:right}.dash__td-unread{text-align:right;width:48px}@media (width<=640px){.dash__td-author,.dash__td-snippet{display:none}.dash__td-room{width:auto}}.dash__recent-room{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-weight:var(--fw-medium);font-size:var(--fs-sm);flex-shrink:0;overflow:hidden}.dash__room,.dash__recent-item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border:0;border-bottom:1px solid var(--c-border);font:inherit;color:var(--c-text);cursor:pointer;text-align:left;background:0 0;min-width:0;display:flex}.dash__room:last-child,.dash__recent-item:last-child{border-bottom:0}.dash__room:hover,.dash__recent-item:hover{background:var(--c-surface)}.dash__room-icon{flex-shrink:0;display:inline-flex}.dash__room-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash__room-name{font-weight:var(--fw-medium)}.dash__room.is-unread .dash__room-name{font-weight:var(--fw-semibold)}.dash__room-last{font-size:var(--fs-sm);color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash__room-author{color:var(--c-text)}.dash__room-meta{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.dash__room-time,.dash__recent-time{font-size:var(--fs-xs);color:var(--c-text-faint);white-space:nowrap}.dash__recent-author{font-weight:var(--fw-semibold);font-size:var(--fs-sm);flex-shrink:0}.dash__recent-body{min-width:0;font-size:var(--fs-sm);color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dash__recents-tabs{gap:var(--sp-1);margin-bottom:var(--sp-3);display:flex}.dash__recents-grid{margin-top:0}.dash__recent-item--static{cursor:default}.dash__recent-link{color:var(--c-accent);text-decoration:none}.dash__recent-link:hover{text-decoration:underline}.mentions{width:100%;max-width:760px;padding:var(--sp-4);margin:0 auto}.mentions__filters{gap:var(--sp-1);margin-bottom:var(--sp-4);display:flex}.mentions__chip{padding:var(--sp-1) var(--sp-3);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border-radius:999px}.mentions__chip.is-active{color:var(--c-text);border-color:var(--c-accent);background:var(--c-accent-soft)}.mentions__empty{color:var(--c-text-muted);padding:var(--sp-6) 0;text-align:center}.mentions__empty--none:before{content:"🎉";margin-bottom:var(--sp-2);font-size:2rem;display:block}.mentions__empty--error{color:var(--c-danger,#c0392b)}.mentions__list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mentions__item{border:1px solid var(--c-border);border-radius:var(--radius-md,10px);padding:var(--sp-3);background:var(--c-surface)}.search__result{cursor:pointer}.search__result:hover{border-color:var(--c-accent)}.mentions__meta{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-muted);flex-wrap:wrap;display:flex}.mentions__room{color:var(--c-accent);font-weight:600;text-decoration:none}.mentions__room:hover{text-decoration:underline}.mentions__author{color:var(--c-text)}.mentions__time{margin-left:auto}.mentions__snippet{margin:var(--sp-2) 0;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mentions__actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.mentions__reply{flex:1;min-width:12ch}.settings-scroll{min-height:0;padding:var(--sp-6);flex:1;overflow-y:auto}.settings{gap:var(--sp-5);flex-direction:column;width:100%;max-width:560px;margin:0 auto;display:flex}.settings__section{background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-5)}.settings__section>*+.sp-field,.settings__section>*+.auth__grid2{margin-top:var(--sp-4)}.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)}.settings-nav{gap:var(--sp-1);max-width:560px;margin:0 auto var(--sp-6);padding:var(--sp-1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);width:fit-content;display:flex}.settings-nav__tab{padding:var(--sp-1) var(--sp-4);color:var(--c-text-muted);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:1.9;text-decoration:none}.settings-nav__tab:hover{color:var(--c-text);text-decoration:none}.settings-nav__tab.is-active{color:var(--c-accent);background:var(--c-raised);box-shadow:var(--shadow-1)}.mfa__secret{margin-top:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--c-surface-2,var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm,6px);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--fs-sm);letter-spacing:.15em;word-break:break-all;-webkit-user-select:all;user-select:all;display:block}.settings__group{margin:var(--sp-3) 0 0;border:none;padding:0}.settings__grouplabel{color:var(--c-text);padding:0;font-weight:600}.settings__sample{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);color:var(--c-text);background:var(--c-surface);border-radius:var(--radius-md)}.settings__check{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);cursor:pointer;display:flex}.settings-modal .topbar{display:none}.settings-modal{min-width:0}: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;--lh-relaxed:1.65;--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:8px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--dur-fast:.12s;--dur-normal:.2s;--ease:cubic-bezier(.4, 0, .2, 1);--c-bg:#fff;--c-surface:#f7f7fb;--c-surface-2:#eef0f6;--c-surface-sunken:#f1f2f7;--c-raised:#fff;--c-overlay:#17152b66;--c-border:#e5e7f0;--c-border-strong:#cfd3e4;--c-text:#1b1b2b;--c-text-muted:#5b6072;--c-text-faint:#8b90a3;--c-text-on-accent:#fff;--c-accent:#635bff;--c-accent-hover:#5148f5;--c-accent-active:#4038e0;--c-accent-soft:#edecff;--c-accent-ring:#635bff52;--c-accent-2:#f59e0b;--c-accent-2-soft:#fdf2df;--c-danger:#e5484d;--c-danger-hover:#d93036;--c-danger-soft:#feebec;--c-warn:#ad5f00;--c-warn-soft:#fdf3e0;--c-success:#0f9d6e;--c-success-soft:#e3f7ee;--c-info:#316dda;--c-info-soft:#e9f0fd;--hue-1:#635bff;--hue-2:#0e9888;--hue-3:#d6409f;--hue-4:#b57d11;--hue-5:#4c6ef5;--hue-6:#8e4ec6;--shadow-1:0 1px 2px #1b1b2b0d, 0 1px 4px #1b1b2b12;--shadow-2:0 4px 14px #1b1b2b17, 0 2px 4px #1b1b2b0d;--shadow-pop:0 10px 32px #1b1b2b29, 0 2px 8px #1b1b2b14;--ring:0 0 0 3px var(--c-accent-ring);--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:#101017;--c-surface:#16161f;--c-surface-2:#1f1f2b;--c-surface-sunken:#1a1a25;--c-raised:#1c1c28;--c-overlay:#0000008c;--c-border:#292937;--c-border-strong:#3a3a4d;--c-text:#ebebf2;--c-text-muted:#a3a6b8;--c-text-faint:#6e7184;--c-text-on-accent:#fff;--c-accent:#7b75ff;--c-accent-hover:#8d88ff;--c-accent-active:#9d99ff;--c-accent-soft:#262450;--c-accent-ring:#8b86ff66;--c-accent-2:#fbbf24;--c-accent-2-soft:#3a2d10;--c-danger:#ff6369;--c-danger-hover:#f4494f;--c-danger-soft:#3c1e20;--c-warn:#f5b95e;--c-warn-soft:#382a12;--c-success:#3dd68c;--c-success-soft:#113123;--c-info:#6ca8ff;--c-info-soft:#16253f;--hue-1:#7b75ff;--hue-2:#2cc7b4;--hue-3:#e871bd;--hue-4:#e0a53a;--hue-5:#74a0ff;--hue-6:#b07ce8;--shadow-1:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-2:0 4px 14px #00000080, 0 2px 4px #0006;--shadow-pop:0 10px 32px #0009, 0 2px 8px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--c-bg:#101017;--c-surface:#16161f;--c-surface-2:#1f1f2b;--c-surface-sunken:#1a1a25;--c-raised:#1c1c28;--c-overlay:#0000008c;--c-border:#292937;--c-border-strong:#3a3a4d;--c-text:#ebebf2;--c-text-muted:#a3a6b8;--c-text-faint:#6e7184;--c-text-on-accent:#fff;--c-accent:#7b75ff;--c-accent-hover:#8d88ff;--c-accent-active:#9d99ff;--c-accent-soft:#262450;--c-accent-ring:#8b86ff66;--c-accent-2:#fbbf24;--c-accent-2-soft:#3a2d10;--c-danger:#ff6369;--c-danger-hover:#f4494f;--c-danger-soft:#3c1e20;--c-warn:#f5b95e;--c-warn-soft:#382a12;--c-success:#3dd68c;--c-success-soft:#113123;--c-info:#6ca8ff;--c-info-soft:#16253f;--hue-1:#7b75ff;--hue-2:#2cc7b4;--hue-3:#e871bd;--hue-4:#e0a53a;--hue-5:#74a0ff;--hue-6:#b07ce8;--shadow-1:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-2:0 4px 14px #00000080, 0 2px 4px #0006;--shadow-pop:0 10px 32px #0009, 0 2px 8px #0006;--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:focus-visible{box-shadow:var(--ring);outline:none}.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-2);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-2);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)}.sp-notice--emphasis{background:var(--c-accent-soft);color:var(--c-text)}.sessionx{z-index:calc(var(--z-modal) + 1);padding:var(--sp-4);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.sessionx__card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6);gap:var(--sp-3);flex-direction:column;align-items:flex-start;max-width:26rem;display:flex}.sessionx__title{font-size:var(--fs-lg);margin:0}.sessionx__body{color:var(--c-text-muted);font-size:var(--fs-sm);margin:0}.sp-toasts{top:var(--sp-4);right:var(--sp-4);z-index:var(--z-toast);gap:var(--sp-2);max-width:min(28rem, calc(100vw - var(--sp-6)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.sp-toast{pointer-events:auto;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-sm);animation:.14s ease-out sp-toast-in;display:flex;box-shadow:0 6px 16px #0000002e}.sp-toast--success{background:var(--c-success-soft);color:var(--c-success)}.sp-toast--failure{background:var(--c-danger-soft);color:var(--c-danger)}.sp-toast__text{overflow-wrap:anywhere;flex:1}.sp-toast__x{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;padding:0;line-height:1}.sp-toast__x:hover{opacity:1}@keyframes sp-toast-in{0%{opacity:0;transform:translate(.5rem)}}@media (prefers-reduced-motion:reduce){.sp-toast{animation:none}}.sp-codes{gap:var(--sp-1) var(--sp-3);margin:var(--sp-3) 0 0;padding:var(--sp-3);background:var(--c-surface-2,var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm,6px);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--fs-sm);letter-spacing:.08em;-webkit-user-select:all;user-select:all;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));list-style:none;display:grid}.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}@media (hover:none){.sp-iconbtn{width:40px;height:40px}}.menu{position:relative}.menu__trigger{text-align:left;border-radius:var(--radius-md);width:100%;padding:var(--sp-2);cursor:pointer;color:inherit;font:inherit;background:0 0;border:1px solid #0000;display:block}.menu__trigger:hover,.menu__trigger[aria-expanded=true]{background:var(--c-raised);border-color:var(--c-border)}.menu__panel{bottom:calc(100% + var(--sp-1));width:max-content;min-width:240px;max-width:min(320px, calc(100vw - 2 * var(--sp-4)));overscroll-behavior:contain;max-height:min(60dvh,100dvh - 96px);padding:var(--sp-1);background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:var(--z-dropdown);position:absolute;left:0;overflow-y:auto}.menu__item{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2);border-radius:var(--radius-sm,4px);text-align:left;cursor:pointer;color:var(--c-text);font:inherit;background:0 0;border:0;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--c-surface)}.menu__item-check{width:1em;color:var(--c-accent);flex:none}.menu__separator{height:1px;margin:var(--sp-1) 0;background:var(--c-border)}.sp-page__title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;margin-bottom:var(--sp-1)}.sp-page__hint{color:var(--c-text-muted);font-size:var(--fs-sm);max-width:60ch;margin-bottom:var(--sp-5)}.sp-form{gap:var(--sp-4);flex-direction:column;display:flex}.sp-form__row{gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.sp-form__row>.sp-field{flex:1;min-width:12rem}.sp-actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-border);display:flex}.sp-actions__spacer{flex:1}.sp-actions--flush{margin-top:var(--sp-3);border-top:0;padding-top:0}.sp-badge{align-items:center;gap:var(--sp-1);padding:1px var(--sp-2);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--c-surface-2);color:var(--c-text-muted);white-space:nowrap;line-height:1.6;display:inline-flex}.sp-badge--accent{background:var(--c-accent-soft);color:var(--c-accent)}.sp-badge--warn{background:var(--c-accent-2-soft);color:var(--c-warn)}.sp-badge--success{background:var(--c-success-soft);color:var(--c-success)}.sp-badge--danger{background:var(--c-danger-soft);color:var(--c-danger)}.sp-avatar{border-radius:var(--radius-full);background:var(--av-bg,var(--hue-1));color:#fff;width:32px;height:32px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sp-avatar--sm{width:24px;height:24px;font-size:var(--fs-xs)}