:root{--bg:#fff;--panel:#f8f9fb;--sidebar:#f6f4f9;--rail:#efecf4;--border:#e6e4ea;--text:#1d1c1d;--muted:#6b6a6f;--accent:#6b4fbb;--accent-weak:#efe9fb;--badge:#d93025;--code-bg:#f2f0f6;--chip:#efeef2;--link:#3a6ea5;--hdr-h:52px;--side-w:308px;--rail-w:68px}html[data-theme=dark]{--bg:#1a1d21;--panel:#222528;--sidebar:#15171a;--rail:#101215;--border:#33373b;--text:#e8e8ea;--muted:#9a9aa0;--accent:#a78bef;--accent-weak:#2a2540;--badge:#ff6b6b;--code-bg:#2b2f33;--chip:#2b2f33;--link:#7fb0e0}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);height:100dvh;margin:0;font-family:Segoe UI,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex:none;width:14px;height:14px}.app{grid-template-columns:var(--rail-w) 1fr;height:100dvh;display:grid}.app__body{flex-direction:column;min-width:0;min-height:0;display:flex}.app__content{flex:1;min-height:0}.collect-banner{background:var(--accent-weak);color:var(--text);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:8px 14px;font-size:12.5px;display:flex}.collect-banner[hidden]{display:none}.collect-banner span{flex:1;min-width:0}.collect-banner--auth{background:color-mix(in srgb,var(--badge) 14%,var(--bg));border-bottom-color:var(--badge)}.collect-banner--auth b{color:var(--badge)}.collect-banner--action{background:color-mix(in srgb,#e8973a 16%,var(--bg));border-bottom-color:#e8973a}.banner-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;flex:none;padding:2px 8px;font-size:16px;line-height:1}.banner-dismiss:hover{background:var(--chip);opacity:1}.collect-banner .btn{flex:none}.app__main{grid-template-columns:var(--side-w) 1fr;height:100%;min-height:0;display:grid}.viewroot{height:100%;min-height:0}.viewroot[hidden],.is-hidden{display:none}.placeholder{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:40px;display:flex}.placeholder h2{color:var(--text)}.placeholder p{max-width:46ch;margin:.5em auto}.activity{background:var(--bg);flex-direction:column;display:flex}.activity__head{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:14px 20px 8px;display:flex}.activity__title{margin:0;font-size:16px;font-weight:800}.activity__hint{color:var(--muted);font-size:12px}.activity__scroll{flex:1;padding:8px 12px 16px;overflow:auto}.activity-item{text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:9px 8px;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--accent-weak)}.activity-item__dot{background:0 0;border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.activity-item.is-new .activity-item__dot{background:var(--badge)}.activity-item__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-item__top{align-items:baseline;gap:8px;display:flex}.activity-item__title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.activity-item.is-new .activity-item__title{color:var(--text)}.activity-item__time{color:var(--muted);flex:none;font-size:11.5px}.activity-item__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.activity-item__reason{background:var(--accent-weak);color:var(--accent);border-radius:8px;padding:0 6px;font-size:10.5px;font-weight:700}.activity-item__body{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rail{background:var(--rail);border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.rail__brand{background:0 0;border:none;border-radius:10px;margin-bottom:6px;padding:4px;font-size:20px;line-height:1}.rail__brand:hover{background:var(--accent-weak)}.rail__brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail__item{width:52px;min-height:46px;color:var(--muted);background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;line-height:1.15;transition:background .12s,color .12s;display:flex;position:relative}.rail__item .ico{font-size:20px;line-height:1}.rail__item:hover{background:var(--accent-weak);color:var(--text)}.rail__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rail__item[aria-current=page]{background:var(--accent-weak);color:var(--accent);font-weight:700}.rail__item[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-8px}.rail__item[disabled]{opacity:.4;cursor:default}.rail__spacer{margin-top:auto}.rail__badge{background:var(--badge);width:9px;height:9px;box-shadow:0 0 0 2px var(--rail);border-radius:50%;position:absolute;top:5px;right:9px}.userpop{left:calc(var(--rail-w) + 6px);z-index:60;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:280px;padding:8px;position:fixed;bottom:10px;box-shadow:0 10px 30px #00000040}.userpop__head{align-items:center;gap:10px;padding:6px 8px;display:flex}.userpop__name{font-weight:700}.userpop__sub{color:var(--muted);font-size:12px}.userpop__sep{background:var(--border);height:1px;margin:6px 4px}.userpop__row{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.userpop__row:hover{background:var(--accent-weak)}.userpop__danger{color:var(--badge)}.linklike-sub{color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.aboutpop{left:calc(var(--rail-w) + 6px);z-index:60;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:280px;padding:18px 16px;position:fixed;top:10px;box-shadow:0 10px 30px #00000040}.aboutpop__logo{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:40px;transition:transform .1s}.aboutpop__logo:active{transform:scale(.9)}.aboutpop__name{margin-top:4px;font-size:18px;font-weight:800}.aboutpop__ver{color:var(--muted);font-size:12px}.aboutpop__tag{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.aboutpop__egg{background:var(--accent-weak);color:var(--accent);border-radius:8px;margin-top:12px;padding:8px;font-size:12px;font-weight:700}.brand{letter-spacing:.2px;align-items:center;gap:8px;font-weight:700;display:flex}.brand__logo{font-size:18px}.iconbtn{background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 8px}.iconbtn:hover{background:var(--accent-weak)}.avatar{color:#fff;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar__tabs{border-bottom:1px solid var(--border);flex:none;display:flex}.sidebar__tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:12.5px;font-weight:700}.sidebar__tab:hover{color:var(--text);background:var(--accent-weak)}.sidebar__tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.search{padding:12px 12px 8px;position:relative}.search input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:8px 10px}.suggest{z-index:20;background:var(--panel,var(--bg));border:1px solid var(--border);border-radius:8px;max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:44px;left:12px;right:12px;overflow:auto;box-shadow:0 6px 20px #0000002e}.suggest li{margin:0}.suggest button{text-align:left;width:100%;color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:12.5px;display:block;overflow:hidden}.suggest button:hover{background:var(--hover,#7f7f7f24)}.item__snippet{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1px 0 2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.item__snippet mark{background:var(--mark,#fde68a);color:#3a2d00;border-radius:2px;padding:0 1px}.emoji-char{vertical-align:-.05em;font-size:1.4em;line-height:1}img.emoji{vertical-align:-.3em;object-fit:contain;width:auto;height:1.4em;display:inline-block}.chip .emoji-char{font-size:1.15em}.chip img.emoji{vertical-align:-.25em;height:1.15em}.side-error{color:#dc2626;background:#dc26261f;border:1px solid #dc26264d;border-radius:8px;margin:8px;padding:8px 10px;font-size:12px}.side-scroll{flex:1;padding:0 8px 8px;overflow:auto}.side-title{color:var(--muted);letter-spacing:.4px;justify-content:space-between;align-items:center;padding:10px 8px 4px;font-size:11.5px;font-weight:700;display:flex}.side-title .hint{font-size:10.5px;font-weight:500}.src__head{color:var(--text);align-items:center;gap:7px;padding:5px 8px;font-size:12.5px;font-weight:700;display:flex;position:relative}.src__icon{color:#fff;background:var(--c,#888);border-radius:5px;flex:none;place-items:center;width:17px;height:17px;font-size:10.5px;display:grid}.src__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.src--dim{opacity:.55}.src+.src{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.kindsbtn{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;padding:0 6px;font-size:13px;line-height:1.4}.kindsbtn:hover{border-color:var(--accent);color:var(--accent)}.kindsbtn.filtered{color:var(--accent);font-weight:700}.connpanel{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin:2px 8px 6px 26px;padding:6px;display:none}.connpanel.open{display:block}.connpanel__sec{color:var(--muted);padding:4px 8px 2px;font-size:10.5px;font-weight:700}.connpanel__sec:not(:first-child){border-top:1px solid var(--border);margin-top:6px;padding-top:8px}.connpanel label{border-radius:6px;align-items:center;gap:7px;padding:3px 8px;font-size:12.5px;font-weight:500;display:flex}.connpanel label:hover{background:var(--accent-weak)}.cont{color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:12.5px;display:flex}.cont:hover{background:var(--accent-weak)}.cont--l2{padding-left:24px}.cont__caret,.src__caret{width:22px;height:22px;color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;place-items:center;padding:0;font-size:11px;line-height:1;transition:transform .12s,background .12s;display:grid}.cont__caret:hover,.src__caret:hover{opacity:1;background:var(--accent-weak)}.cont__caret:focus-visible,.src__caret:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cont__caret[aria-expanded=true],.src__caret[aria-expanded=true]{transform:rotate(90deg)}.cont__spacer{flex:none;width:22px}.cont__name{white-space:nowrap;text-overflow:ellipsis;opacity:.9;text-align:left;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;padding:0;overflow:hidden}.cont__name:hover{opacity:1;text-decoration:underline}.tag{background:var(--chip);color:var(--muted);border-radius:8px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.chips{flex-wrap:wrap;gap:5px;padding:2px 8px;display:flex}.fchip{border:1px solid var(--border);background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;display:inline-flex}.fchip:hover{border-color:var(--accent)}.item{text-align:left;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:8px;width:100%;padding:7px 8px;display:flex}.item:hover{background:var(--accent-weak)}.item.is-active{background:var(--accent);color:#fff}.item__icon{color:#fff;background:var(--c,#888);border-radius:5px;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:grid;position:relative}.item__kind{background:var(--sidebar);border-radius:6px;padding:1px 2px;font-size:10px;line-height:1;position:absolute;bottom:-5px;right:-5px}.item.is-active .item__kind{background:var(--accent)}.item__main{flex:1;min-width:0}.item__title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.item.unread .item__title{font-weight:700}.item__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.item.is-active .item__meta{color:#ffffffc7}.badge{background:var(--badge);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-top:2px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.side-foot{border-top:1px solid var(--border);color:var(--muted);padding:9px 14px;font-size:11px}.main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.view{flex-direction:column;flex:1;min-height:0;display:none}.view.is-visible{display:flex}.crumb{color:var(--muted);padding:10px 20px 0;font-size:12.5px}.linklike{color:var(--accent);background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.linklike:hover{text-decoration:underline}.src-badge{color:#fff;background:var(--c,#888);border-radius:6px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.rootcard{border:1px solid var(--border);border-left:4px solid var(--c,var(--accent));background:var(--panel);border-radius:10px;margin:10px 20px 2px;padding:12px 16px}.rootcard__top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rootcard__key{color:var(--muted);font-size:12px;font-weight:700}.rootcard__title{margin-top:2px;font-size:15.5px;font-weight:800}.rootcard__body{white-space:pre-wrap;margin-top:8px}.kv{flex-wrap:wrap;gap:6px;margin-top:10px;font-size:11.5px;display:flex}.kv .chip{padding:1px 8px}.st{color:#fff;border:none;font-weight:700}.coverage{background:var(--accent-weak);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin:10px 20px 0;padding:7px 12px;font-size:12px;display:flex}.coverage__txt{flex:1}.btn{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600}.btn:hover{border-color:var(--accent);color:var(--accent)}.msgs{flex:1;padding:8px 8px 12px;overflow:auto}.load-older{border:1px dashed var(--border);color:var(--muted);background:0 0;border-radius:20px;margin:8px auto 12px;padding:5px 16px;font-size:12px;display:block}.load-older:hover{border-color:var(--accent);color:var(--accent)}.divider{color:var(--muted);align-items:center;gap:12px;margin:12px 12px 4px;font-size:11.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.msg{border-radius:8px;gap:10px;padding:6px 12px;display:flex}.msg:hover{background:var(--panel)}.msg__body{flex:1;min-width:0}.msg__meta{align-items:baseline;gap:8px;display:flex}.msg__author{font-weight:700}.msg__meta time{color:var(--muted);font-size:11.5px}.msg__text{white-space:pre-wrap;word-break:break-word;margin-top:1px}.msg__text a{color:var(--link)}.msg__text code{background:var(--code-bg);border-radius:5px;padding:1px 5px;font-size:12.5px}pre.code{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow:auto}.reactions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{background:var(--chip);border:1px solid var(--border);border-radius:14px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;display:inline-flex}.chip.mine{border-color:var(--accent);background:var(--accent-weak)}.chip--btn{cursor:pointer;font:inherit}.chip--btn:hover{border-color:var(--accent)}.chip--add{cursor:pointer;font:inherit;color:var(--muted);padding:2px 8px}.chip--add:hover{border-color:var(--accent);color:var(--accent)}.react-add{display:inline-flex;position:relative}.emoji-picker{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:288px;padding:8px;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 28px #00000038}.emoji-picker--down{top:calc(100% + 6px);bottom:auto}.emoji-picker__search{box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:inherit;font:inherit;border-radius:7px;margin-bottom:6px;padding:6px 8px;font-size:13px}.emoji-picker__search:focus{border-color:var(--accent);outline:none}.emoji-picker__section{margin-top:2px}.emoji-picker__nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1px;margin:0 -2px 4px;padding:0 2px 4px;display:flex}.emoji-picker__nav-btn{cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:6px;width:26px;height:26px;padding:0;font-size:15px;line-height:1}.emoji-picker__nav-btn:hover{background:var(--chip);opacity:1}.emoji-picker__nav-btn.is-active{background:var(--chip);opacity:1;box-shadow:inset 0 -2px 0 var(--accent)}.emoji-picker__label{color:var(--muted);margin:2px 2px 4px;font-size:11px}.emoji-picker__grid{flex-wrap:wrap;gap:2px;max-height:180px;display:flex;overflow-y:auto}.emoji-picker__cell{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:18px;line-height:1;display:inline-flex}.emoji-picker__cell:hover{background:var(--chip)}.emoji-picker__cell img.emoji{height:20px}.emoji-picker__empty{color:var(--muted);padding:6px 2px;font-size:12px}.thread-link{color:var(--accent);background:0 0;border:none;align-items:center;gap:6px;margin-top:6px;padding:2px 0;font-size:12.5px;font-weight:600;display:inline-flex}.thread-link:hover{text-decoration:underline}.linkcard{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--panel);border-radius:8px;max-width:520px;margin-top:8px;padding:8px 12px}.linkcard__site{color:var(--muted);font-size:11.5px}.linkcard__title{margin-top:2px;font-weight:700}.linkcard__desc{color:var(--muted);margin-top:2px;font-size:12.5px}.msg-atts{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.msg-att{font-size:12.5px}.msg-att--image img{border:1px solid var(--border);border-radius:8px;max-width:280px;max-height:220px;display:block}.msg-att--file,.msg-att--link{border:1px solid var(--border);background:var(--panel);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;max-width:320px;padding:4px 10px;text-decoration:none;display:inline-flex;overflow:hidden}.msg-att--file:hover,.msg-att--link:hover{border-color:var(--accent);color:var(--accent)}.msg-att.is-disabled{color:var(--muted);cursor:default;opacity:.7}.sys{color:var(--muted);text-align:center;padding:4px 12px;font-size:12.5px}.msg--pending{opacity:.6}.msg__sending{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:11.5px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.composer{border-top:1px solid var(--border);padding:10px 16px 14px}.composer__box{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.composer__box:focus-within{border-color:var(--accent)}.composer textarea{resize:none;color:var(--text);font:inherit;background:0 0;border:none;outline:none;width:100%;max-height:140px}.composer__actions{align-items:center;gap:6px;margin-top:6px;display:flex}.composer__actions .spacer{flex:1}.composer__files{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.composer__file{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:4px;max-width:240px;padding:2px 4px 2px 8px;font-size:12px;display:inline-flex}.composer__file button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px}.composer__file button:hover{color:var(--badge)}.composer__fileerror{color:var(--badge);margin-bottom:6px;font-size:11.5px}.btn--send{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--send:hover{filter:brightness(1.05);color:#fff}.sendsplit{display:inline-flex;position:relative}.sendsplit__main{border-top-right-radius:0;border-bottom-right-radius:0}.sendsplit__toggle{border-left:1px solid #ffffff59;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;padding:6px 8px}.sendsplit__menu{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:180px;padding:4px;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000002e}.sendsplit__item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:7px;padding:7px 10px;font-size:12.5px;display:block}.sendsplit__item:hover{background:var(--accent-weak)}.sendsplit__item.is-current{color:var(--accent);font-weight:700}.sendsplit__item.is-current:after{content:" ✓";color:var(--accent)}.settings{background:var(--bg);flex-direction:column;height:100%;min-height:0;display:flex}.settings__head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 22px;display:flex}.settings__title{flex:1;font-size:16px;font-weight:800}.settings__scroll{flex:1;padding:20px 22px 40px;overflow:auto}.card{border:1px solid var(--border);background:var(--panel);border-radius:12px;max-width:680px;margin:0 auto 16px;padding:16px 20px}.card h3{margin:0 0 4px;font-size:14px}.card .desc{color:var(--muted);margin:0 0 10px;font-size:12px}.formrow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.formrow>label{color:var(--muted);min-width:88px;font-size:12.5px}.settings select,.settings input[type=text],.settings input[type=password]{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:7px 10px}.acct{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:flex}.acct.sel{border-color:var(--accent);background:var(--accent-weak)}.acct__main{flex:1;min-width:0}.acct__label{font-size:13px;font-weight:700}.acct__hidden{color:var(--muted);margin-left:6px;font-size:11px;font-weight:500}.acct__meta{color:var(--muted);font-size:11px}.st-ok{color:#2f9e44;flex:none;font-size:11.5px;font-weight:700}.st-err{color:var(--badge);flex:none;font-size:11.5px;font-weight:700}.kw{background:var(--chip);border:1px solid var(--border);border-radius:14px;align-items:center;gap:6px;margin:6px 6px 0 0;padding:3px 10px;font-size:12.5px;display:inline-flex}.kw button{color:var(--muted);background:0 0;border:none;padding:0;font-size:11px}.kw button:hover{color:var(--badge)}.boot{height:100dvh;color:var(--muted);place-items:center;display:grid}.login{background:var(--sidebar);place-items:center;height:100dvh;display:grid;overflow:auto}.login__card{width:min(420px,92vw)}.login__brand{margin-bottom:8px;font-size:18px}.login select,.login input,.settings input,.settings select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;min-width:120px;padding:7px 10px}.login__error{color:var(--badge);margin:8px 0 0;font-size:12.5px}.login__restore{border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.settings__notice{color:#2f9e44;margin:8px 0 0;font-size:12.5px;font-weight:600}.crumb__back{display:none}@media (width<=768px){.app__main{grid-template-columns:minmax(0,1fr)}.app__main>.main{display:none}.app__main>.sidebar{display:flex}.app__main--detail>.sidebar{display:none}.app__main--detail>.main{display:flex}.crumb__back{vertical-align:middle;border:1px solid var(--border);background:var(--panel);color:var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:4px;margin-right:8px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.crumb__back:hover{border-color:var(--accent)}.userpop,.aboutpop{max-width:calc(100vw - var(--rail-w) - 12px)}.emoji-picker{z-index:60;width:auto;max-height:60vh;position:fixed;inset:auto 8px 12px;overflow:auto}}