:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--inbox-w: 336px;--accent-soft: color-mix(in srgb, var(--accent) 13%, transparent);--accent-line: color-mix(in srgb, var(--accent) 30%, transparent);--mention-bg: color-mix(in srgb, var(--accent) 14%, transparent)}[data-theme=aurore]{--canvas: #e7ebf2;--panel: #ffffff;--panel-2: #f3f5f9;--line: #edf0f5;--line-strong: #e0e5ee;--text: #181b23;--text-dim: #5f6776;--text-faint: #98a0b0;--them-bub: #f1f3f8;--them-bub-line: #e7ebf2;--online: #21ab68;--offline: #c4ccd8;--shadow: 0 1px 3px rgba(22,30,55,.05), 0 10px 30px rgba(22,30,55,.07);--shadow-pop: 0 12px 40px rgba(22,30,55,.16), 0 2px 8px rgba(22,30,55,.08);--scrim: rgba(20,26,40,.22);--accent: #6366f1;--accent-strong: #5654e0;--on-accent: #ffffff;--mention-fg: color-mix(in srgb, var(--accent) 78%, #000)}[data-theme=brume]{--canvas: #e6edf4;--panel: #ffffff;--panel-2: #eef3f9;--line: #e8eef5;--line-strong: #dae4ee;--text: #15202c;--text-dim: #566677;--text-faint: #91a1b3;--them-bub: #eef3f9;--them-bub-line: #e2ebf3;--online: #1f9e74;--offline: #c1ccd8;--shadow: 0 1px 3px rgba(18,40,70,.05), 0 10px 30px rgba(18,40,70,.08);--shadow-pop: 0 12px 40px rgba(18,40,70,.17), 0 2px 8px rgba(18,40,70,.08);--scrim: rgba(16,30,48,.22);--accent: #2f8fe0;--accent-strong: #2178c4;--on-accent: #ffffff;--mention-fg: color-mix(in srgb, var(--accent) 76%, #000)}[data-theme=argile]{--canvas: #ecebf0;--panel: #ffffff;--panel-2: #f4f3f7;--line: #eeedf2;--line-strong: #e2e0e8;--text: #1c1a20;--text-dim: #645f6d;--text-faint: #9d97a4;--them-bub: #f4f3f7;--them-bub-line: #eae8ef;--online: #21ab68;--offline: #c7c4cf;--shadow: 0 1px 3px rgba(40,30,50,.05), 0 10px 30px rgba(40,30,50,.07);--shadow-pop: 0 12px 40px rgba(40,30,50,.16), 0 2px 8px rgba(40,30,50,.08);--scrim: rgba(30,24,38,.22);--accent: #f0664f;--accent-strong: #df5238;--on-accent: #ffffff;--mention-fg: color-mix(in srgb, var(--accent) 74%, #000)}[data-theme=encre]{--canvas: #0c0e14;--panel: #171a22;--panel-2: #1f232d;--line: #232732;--line-strong: #2f3440;--text: #eef1f6;--text-dim: #9aa3b3;--text-faint: #646d7e;--them-bub: #232733;--them-bub-line: #2c313d;--online: #34d399;--offline: #4b525f;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 12px 36px rgba(0,0,0,.5);--shadow-pop: 0 16px 44px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.5);--scrim: rgba(0,0,0,.5);--accent: #6d76f5;--accent-strong: #828af8;--on-accent: #ffffff;--mention-fg: color-mix(in srgb, var(--accent) 58%, #fff)}[data-theme=minuit]{--canvas: #090f1a;--panel: #121a28;--panel-2: #1a2434;--line: #20293a;--line-strong: #2b384c;--text: #e9eef6;--text-dim: #93a1b6;--text-faint: #5f6c81;--them-bub: #1a2434;--them-bub-line: #243044;--online: #34d399;--offline: #46536a;--shadow: 0 1px 3px rgba(0,0,0,.42), 0 12px 36px rgba(0,0,0,.55);--shadow-pop: 0 16px 44px rgba(0,0,0,.62), 0 2px 8px rgba(0,0,0,.5);--scrim: rgba(0,0,0,.52);--accent: #3d97e6;--accent-strong: #59a8ee;--on-accent: #ffffff;--mention-fg: color-mix(in srgb, var(--accent) 56%, #fff)}[data-theme=nocturne]{--canvas: #100b16;--panel: #1b1522;--panel-2: #241b2e;--line: #2a2036;--line-strong: #362a44;--text: #efe9f4;--text-dim: #a89bb4;--text-faint: #6f6178;--them-bub: #241b2e;--them-bub-line: #2f2440;--online: #34d399;--offline: #564a60;--shadow: 0 1px 3px rgba(0,0,0,.42), 0 12px 36px rgba(0,0,0,.55);--shadow-pop: 0 16px 44px rgba(0,0,0,.62), 0 2px 8px rgba(0,0,0,.5);--scrim: rgba(0,0,0,.52);--accent: #d8588d;--accent-strong: #e06a9b;--on-accent: #ffffff;--mention-fg: color-mix(in srgb, var(--accent) 56%, #fff)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root,app-root{display:block;height:100vh}app-shell,app-login{display:block;height:100%}app-inbox,app-conversation,app-fav-rail{display:contents}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea{font-family:inherit}::selection{background:var(--accent-soft)}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px;border:3px solid transparent;background-clip:padding-box}.f-av{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex:none;position:relative;letter-spacing:-.02em}.f-av-pres{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--panel)}.f-av-pres.online{background:var(--online)}.f-av-pres.offline{background:var(--offline)}.f-shell{height:100vh;display:flex;gap:12px;padding:12px}.f-inbox,.f-conv{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.f-inbox{width:var(--inbox-w);flex:none}.f-conv{flex:1;min-width:0}.f-cols{flex:1;min-width:0;display:flex;gap:12px}.f-cols .f-conv{flex:1;min-width:0}.f-inbox-top{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 8px;gap:8px}.f-ws{display:flex;align-items:center;gap:9px;padding:6px 9px 6px 6px;border-radius:12px;transition:background .12s;min-width:0}.f-ws:hover{background:var(--panel-2)}.f-ws-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:none}.f-ws-name{font-weight:700;font-size:16px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-ws svg{color:var(--text-faint);flex:none}.f-inbox-act{display:flex;align-items:center;gap:4px;flex:none}.f-iconbtn{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .12s}.f-iconbtn:hover{background:var(--panel-2);color:var(--text)}.f-userbtn{border-radius:50%;display:flex}.f-search-row{display:flex;align-items:center;gap:8px;padding:6px 14px 10px}.f-search{flex:1;display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;background:var(--panel-2);border:1px solid transparent;border-radius:13px;color:var(--text-faint);transition:all .12s}.f-search:focus-within{background:var(--panel);border-color:var(--accent)}.f-search input{flex:1;border:none;outline:none;background:none;color:var(--text);font-size:14px;min-width:0}.f-search input::placeholder{color:var(--text-faint)}.f-new{width:40px;height:40px;flex:none;border-radius:13px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;transition:background .12s}.f-new:hover{background:var(--accent-strong)}.f-chips{display:flex;gap:6px;padding:0 14px 8px;overflow-x:auto;scrollbar-width:none}.f-chips::-webkit-scrollbar{display:none}.f-chip{display:flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:999px;background:var(--panel-2);color:var(--text-dim);font-size:13px;font-weight:600;white-space:nowrap;flex:none;transition:all .12s}.f-chip:hover{color:var(--text)}.f-chip.on{background:var(--accent);color:var(--on-accent)}.f-chip-n{font-size:11px;font-weight:700;background:#ffffff4d;border-radius:8px;padding:0 5px;min-width:16px;text-align:center}.f-chip:not(.on) .f-chip-n{background:var(--accent);color:var(--on-accent)}.f-list{flex:1;padding:4px 8px 12px}.f-empty{padding:28px 14px;text-align:center;color:var(--text-faint);font-size:13.5px}.f-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:14px;text-align:left;transition:background .1s;position:relative;cursor:pointer}.f-row:hover{background:var(--panel-2)}.f-row.active{background:var(--accent-soft)}.f-ctile,.f-row-av{width:42px;height:42px;flex:none}.f-ctile{border-radius:13px;background:var(--panel-2);color:var(--text-dim);display:flex;align-items:center;justify-content:center}.f-row:hover .f-ctile{background:var(--panel)}.f-row.active .f-ctile,.f-ctile.active{background:var(--accent);color:var(--on-accent)}.f-ctile-hash{font-weight:700;font-size:18px;line-height:1}.f-row-av{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px;position:relative}.f-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.f-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.f-row-name{font-size:14.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-row.unread .f-row-name{font-weight:800}.f-row-time{font-size:11.5px;color:var(--text-faint);flex:none;font-variant-numeric:tabular-nums}.f-row-bot{display:flex;align-items:center;justify-content:space-between;gap:8px}.f-row-prev{font-size:13px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-row.unread .f-row-prev{color:var(--text)}.f-row-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.f-head{height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}.f-head-l{display:flex;align-items:center;gap:12px;min-width:0}.f-head-tile{width:38px;height:38px;border-radius:11px;background:var(--panel-2);color:var(--text-dim);display:flex;align-items:center;justify-content:center;flex:none}.f-head-tile .f-ctile-hash{font-size:17px}.f-head-name{font-size:16.5px;font-weight:700;letter-spacing:-.02em}.f-head-sub{font-size:12.5px;color:var(--text-dim);margin-top:1px}.f-head-sub .online{color:var(--online);font-weight:600}.f-head-r{display:flex;gap:3px}.f-thread{flex:1;padding:18px 22px 6px;display:flex;flex-direction:column}.f-intro{padding:6px 2px 16px}.f-intro-tile{width:54px;height:54px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}.f-intro h1{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:14px 0 5px}.f-intro p{color:var(--text-dim);font-size:14px;margin:0;max-width:54ch;line-height:1.5}.f-day{display:flex;align-items:center;justify-content:center;margin:6px 0 14px}.f-day span{font-size:11.5px;font-weight:700;color:var(--text-dim);background:var(--panel-2);border-radius:999px;padding:5px 14px;letter-spacing:.01em}.f-grp{display:flex;gap:10px;margin:8px 0 2px;align-items:flex-end}.f-grp.me{flex-direction:row-reverse}.f-grp .f-av{align-self:flex-end;margin-bottom:2px}.f-grp-col{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:76%}.f-grp.me .f-grp-col{align-items:flex-end}.f-grp-meta{padding:0 6px 1px;min-height:0}.f-grp-auth{font-size:12.5px;font-weight:700;color:var(--text-dim)}.f-bw{display:flex;flex-direction:column;max-width:100%}.f-grp.me .f-bw{align-items:flex-end}.f-bub-row{display:flex;align-items:center;gap:6px;position:relative;max-width:100%}.f-grp.me .f-bub-row{flex-direction:row-reverse}.f-bubble{position:relative;padding:9px 13px;border-radius:17px 17px 17px 6px;background:var(--them-bub);border:1px solid var(--them-bub-line);font-size:14.5px;line-height:1.5;color:var(--text);max-width:100%;word-wrap:break-word}.f-grp.me .f-bubble{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-radius:17px 17px 6px}.f-bub-text{white-space:pre-wrap}.f-bub-time{font-size:10px;opacity:.55;margin-left:8px;float:right;position:relative;top:6px;font-variant-numeric:tabular-nums}.f-grp.me .f-bub-time{opacity:.75}.f-mention{background:var(--mention-bg);color:var(--mention-fg);font-weight:700;padding:0 3px;border-radius:5px}.f-grp.me .f-mention{background:#ffffff38;color:#fff}.f-qreply{display:flex;align-items:stretch;gap:8px;width:100%;margin-bottom:5px;padding:5px 8px;border-radius:10px;background:var(--accent-soft);text-align:left;transition:filter .1s}.f-grp.me .f-qreply{background:#ffffff2e}.f-qreply:hover{filter:brightness(.97)}.f-qreply-bar{width:3px;border-radius:3px;background:var(--accent);flex:none}.f-grp.me .f-qreply-bar{background:#ffffffb3}.f-qreply-body{display:flex;flex-direction:column;gap:1px;min-width:0}.f-qreply-auth{font-size:11.5px;font-weight:700;color:var(--accent-strong)}.f-grp.me .f-qreply-auth{color:#fff}.f-qreply-snip{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.f-grp.me .f-qreply-snip{color:#ffffffd9}.f-bub-act{display:flex;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line-strong);border-radius:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s;flex:none}.f-bub-row:hover .f-bub-act{opacity:1;pointer-events:auto}.f-bub-tool{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .1s}.f-bub-tool:hover{background:var(--panel-2);color:var(--text)}.f-react-pop{position:absolute;bottom:calc(100% + 6px);display:flex;gap:2px;padding:4px;background:var(--panel);border:1px solid var(--line-strong);border-radius:13px;box-shadow:var(--shadow-pop);z-index:45}.f-grp.them .f-react-pop{left:0}.f-grp.me .f-react-pop{right:0}.f-react-pick{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .1s,transform .1s}.f-react-pick:hover{background:var(--panel-2);transform:scale(1.2)}.f-reactions{display:flex;flex-wrap:wrap;gap:5px;margin:5px 2px 1px}.f-grp.me .f-reactions{justify-content:flex-end}.f-react{display:flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:13px;background:var(--panel);border:1px solid var(--line-strong);color:var(--text-dim);transition:all .1s}.f-react:hover{border-color:var(--text-faint)}.f-react.mine{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-strong)}.f-react-em{font-size:14px;line-height:1}.f-react-n{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.f-bubble.flash{animation:flashbub 1.3s ease}@keyframes flashbub{0%,18%{box-shadow:0 0 0 3px var(--accent-line)}to{box-shadow:0 0 0 0 transparent}}.f-thread-strip{display:inline-flex;align-items:center;gap:9px;margin:7px 2px 2px;padding:5px 10px 5px 7px;border-radius:13px;background:var(--panel-2);border:1px solid var(--line-strong);transition:all .12s;max-width:100%}.f-thread-strip:hover{border-color:var(--accent-line);background:var(--accent-soft)}.f-thread-avs{display:flex;flex:none}.f-thread-avs .f-av{width:22px;height:22px;font-size:9px;border:2px solid var(--panel);margin-left:-7px}.f-thread-avs .f-av:first-child{margin-left:0}.f-thread-count{font-size:12.5px;font-weight:700;color:var(--accent-strong);white-space:nowrap}.f-thread-last{font-size:11.5px;color:var(--text-faint);white-space:nowrap}.f-thread-strip>svg{color:var(--text-faint);flex:none}.f-thread-panel{width:388px;flex:none;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:tpin .22s ease both}@keyframes tpin{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.f-tp-head{height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 18px;border-bottom:1px solid var(--line)}.f-tp-title{font-size:16px;font-weight:800;letter-spacing:-.02em}.f-tp-sub{font-weight:600;color:var(--text-dim);margin-left:7px;font-size:14px;letter-spacing:-.01em}.f-tp-body{flex:1;padding:12px 12px 8px}.f-tp-count{display:flex;align-items:center;gap:12px;margin:14px 6px;font-size:12px;font-weight:700;color:var(--text-dim)}.f-tp-count:before,.f-tp-count:after{content:"";height:1px;background:var(--line);flex:1}.f-tm{display:flex;gap:10px;padding:9px 8px;border-radius:13px;position:relative;transition:background .1s}.f-tm:hover{background:var(--panel-2)}.f-tm.root{background:var(--accent-soft)}.f-tm.target{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.f-tm .f-av{align-self:flex-start}.f-tm-body{flex:1;min-width:0}.f-tm-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px;flex-wrap:wrap}.f-tm-auth{font-weight:700;font-size:13.5px;letter-spacing:-.01em}.f-tm-time{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.f-tm-rootbadge{font-size:10px;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);padding:1px 7px;border-radius:8px}.f-tm-text{font-size:14px;line-height:1.55;color:var(--text);word-wrap:break-word}.f-qreply.static{display:flex;gap:8px;margin:2px 0 5px;padding:5px 8px;border-radius:10px;background:var(--accent-soft);pointer-events:none}.f-tm-act{position:absolute;top:7px;right:8px;display:flex;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s}.f-tm:hover .f-tm-act{opacity:1;pointer-events:auto}.f-typing-slot{flex:none;min-height:30px;padding:0 22px}.f-typing{display:flex;align-items:center;gap:8px}.f-typing-bub{padding:9px 13px;border-radius:16px 16px 16px 6px;background:var(--them-bub);border:1px solid var(--them-bub-line)}.f-td{display:inline-flex;gap:4px}.f-td i{width:6px;height:6px;border-radius:50%;background:var(--text-faint);animation:tb 1.2s infinite ease-in-out}.f-td i:nth-child(2){animation-delay:.18s}.f-td i:nth-child(3){animation-delay:.36s}@keyframes tb{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.f-typing-label{font-size:12px;color:var(--text-dim)}.f-typing-label strong{color:var(--text);font-weight:700}.f-composer{flex:none;padding:10px 16px 16px;position:relative}.f-reply-ctx{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;margin-bottom:8px;background:var(--panel-2);border-left:3px solid var(--accent);border-radius:12px}.f-reply-ctx-ic{color:var(--accent);flex:none}.f-reply-ctx-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.f-reply-ctx-label{font-size:12px;color:var(--text-dim)}.f-reply-ctx-label strong{color:var(--text);font-weight:700}.f-reply-ctx-snip{font-size:12.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-reply-ctx-x{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);flex:none;transition:all .1s}.f-reply-ctx-x:hover{background:var(--panel);color:var(--text)}.f-box{display:flex;align-items:flex-end;gap:3px;padding:6px 6px 6px 8px;background:var(--panel-2);border:1.5px solid transparent;border-radius:16px;transition:border-color .12s,background .12s}.f-box.focus{background:var(--panel);border-color:var(--accent)}.f-box-btn{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);flex:none;transition:all .12s}.f-box-btn:hover{background:var(--panel);color:var(--text)}.f-box.focus .f-box-btn:hover{background:var(--panel-2)}.f-box-btn.on{color:var(--accent);background:var(--accent-soft)}.f-input{flex:1;border:none;outline:none;resize:none;background:none;color:var(--text);font-size:14.5px;line-height:1.5;padding:9px 6px;max-height:150px}.f-input::placeholder{color:var(--text-faint)}.f-send{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);background:var(--panel);flex:none;transition:all .12s}.f-box.focus .f-send{background:var(--panel-2)}.f-send.ready{background:var(--accent);color:var(--on-accent)}.f-send.ready:hover{background:var(--accent-strong)}.f-emoji-pop{position:absolute;bottom:84px;left:16px;width:318px;padding:12px;background:var(--panel);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow-pop);z-index:45}.f-emoji-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 9px 2px}.f-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:196px}.f-emoji-grid button{height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;transition:background .1s,transform .1s}.f-emoji-grid button:hover{background:var(--panel-2);transform:scale(1.18)}.scrim{position:fixed;inset:0;z-index:40}.f-pop{position:fixed;z-index:50;background:var(--panel);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow-pop);padding:8px}.f-pop-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:6px 10px}.f-pop-ws{display:flex;align-items:center;gap:11px;width:100%;padding:8px 9px;border-radius:11px;text-align:left;transition:background .1s}.f-pop-ws:hover{background:var(--panel-2)}.f-pop-ws.on{background:var(--accent-soft)}.f-pop-ws-mark{width:32px;height:32px;border-radius:9px;background:var(--panel-2);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.f-pop-ws.on .f-pop-ws-mark{background:var(--accent);color:var(--on-accent)}.f-pop-ws-name{flex:1;font-size:14px;font-weight:600}.f-pop-ws svg{color:var(--accent)}.f-pop-div{height:1px;background:var(--line);margin:6px 8px}.f-pop-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border-radius:11px;font-size:13.5px;font-weight:500;text-align:left;transition:background .1s}.f-pop-item:hover{background:var(--panel-2)}.f-pop-item svg{color:var(--text-dim)}.f-pop-user{display:flex;align-items:center;gap:11px;padding:10px}.f-pu-nm{font-weight:700;font-size:14px}.f-pu-st{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:6px;margin-top:2px}.f-d{width:8px;height:8px;border-radius:50%}.f-d.online{background:var(--online)}.f-pop-accents{display:flex;gap:8px;padding:4px 10px 8px}.f-swatch{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 0 0 1px #00000014;transition:transform .1s}.f-swatch:hover{transform:scale(1.1)}.f-swatch.on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.f-row-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s}.f-row:hover .f-row-actions{opacity:1;pointer-events:auto}.f-row-act{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .1s}.f-row-act:hover{background:var(--panel-2);color:var(--text)}.f-row-act.fav,.f-iconbtn.fav{color:var(--accent)}.f-favrail{width:66px;flex:none;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:12px;overflow-y:auto;overflow-x:visible;scrollbar-width:none}.f-favrail::-webkit-scrollbar{display:none}.f-favrail-top{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.f-favrail-list{display:flex;flex-direction:column;align-items:center;gap:13px}.f-fav{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center;transition:transform .12s;flex:none}.f-fav:hover{transform:scale(1.07)}.f-fav-av{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;position:relative}.f-fav-av .f-av-pres{width:12px;height:12px;border:2.5px solid var(--panel)}.f-fav-tile{width:46px;height:46px;border-radius:15px;background:var(--panel-2);color:var(--text-dim);display:flex;align-items:center;justify-content:center}.f-fav-tile .f-ctile-hash{font-weight:700;font-size:19px}.f-fav.open .f-fav-av,.f-fav.open .f-fav-tile{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.f-fav-badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.f-fav-split{position:absolute;right:-3px;bottom:-3px;width:21px;height:21px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;border:2px solid var(--panel);box-shadow:var(--shadow);opacity:0;transform:scale(.7);pointer-events:none;transition:opacity .12s,transform .12s}.f-fav-wrap:hover .f-fav-split{opacity:1;transform:none;pointer-events:auto}.f-fav-split:hover{background:var(--accent-strong)}.f-layout-star{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.f-layout-pin{position:absolute;top:-4px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--panel);border:1px solid var(--line-strong);color:var(--text-dim);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s}.f-fav-wrap:hover .f-layout-pin{opacity:1;pointer-events:auto}.f-layout-pin.on,.f-layout-pin:hover{color:var(--accent)}.l4{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:24px}.l4-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.l4-blob.a{width:460px;height:460px;background:var(--accent);opacity:.22;top:-130px;right:-90px}.l4-blob.b{width:380px;height:380px;background:var(--accent);opacity:.14;bottom:-150px;left:-110px}.l4-theme{position:absolute;top:22px;right:24px;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:var(--panel);border:1px solid var(--line);transition:all .12s;z-index:5}.l4-theme:hover{color:var(--text)}.l4-card{position:relative;z-index:2;width:100%;max-width:404px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-pop);padding:34px 32px}.l4-brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}.l4-mark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.l4-brand-nm{font-weight:700;font-size:17px;letter-spacing:-.02em}.l4-card h1{font-size:27px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.l4-sub{color:var(--text-dim);font-size:14.5px;margin:0 0 26px}.l4-field{margin-bottom:14px}.l4-field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.l4-wrap{display:flex;align-items:center;height:46px;border:1.5px solid var(--line-strong);border-radius:13px;background:var(--panel);padding:0 14px;transition:border-color .12s,box-shadow .12s}.l4-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.l4-wrap.prefix{padding-left:0}.l4-pfx{color:var(--text-faint);font-size:13.5px;padding:0 2px 0 14px}.l4-wrap input{flex:1;border:none;outline:none;background:none;color:var(--text);font-size:14.5px;min-width:0}.l4-wrap input::placeholder{color:var(--text-faint)}.l4-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 22px;font-size:13px}.l4-row label{display:flex;align-items:center;gap:8px;color:var(--text-dim);cursor:pointer}.l4-row a{color:var(--accent);text-decoration:none;font-weight:600}.l4-cbx{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--on-accent)}.l4-cbx.on{background:var(--accent);border-color:var(--accent)}.l4-btn{width:100%;height:46px;border-radius:13px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s}.l4-btn:hover{background:var(--accent-strong)}.l4-foot{margin-top:22px;font-size:13px;color:var(--text-dim);text-align:center}.l4-foot a{color:var(--accent);text-decoration:none;font-weight:600}.fade-in{animation:fade .25s ease both}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.f-pop-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:4px 10px 8px}.f-themecard{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;border-radius:11px;border:1px solid var(--line);transition:all .1s}.f-themecard:hover{border-color:var(--line-strong);background:var(--panel-2)}.f-themecard.on{border-color:var(--accent);background:var(--accent-soft)}.f-themecard-prev{width:100%;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #7f7f7f2e}.f-themecard-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 2px #ffffff8c}.f-themecard-nm{font-size:11.5px;font-weight:600;color:var(--text-dim)}.f-themecard.on .f-themecard-nm{color:var(--text)}.f-fav-wrap{position:relative;display:flex;justify-content:center}.f-fav-menu{position:fixed;z-index:49;min-width:188px;background:var(--panel);border:1px solid var(--line-strong);border-radius:13px;box-shadow:var(--shadow-pop);padding:7px}.f-fav-menu-nm{font-size:12px;font-weight:700;color:var(--text-dim);padding:5px 10px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.f-favrail-div{width:30px;height:1px;background:var(--line-strong);margin:2px 0;flex:none}.f-favrail-top.sub{width:30px;height:30px;background:var(--panel-2);color:var(--text-dim)}.f-layout{width:46px;height:46px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;padding:0 4px;transition:all .12s}.f-layout:hover{border-color:var(--accent-line)}.f-layout.open{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.f-layout-chip{width:20px;height:20px;border-radius:6px;background:var(--line-strong);color:var(--text-dim);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:1.5px solid var(--panel-2)}.f-layout-chip:first-child{margin-left:0}.f-layout-x{position:absolute;top:-4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--panel);border:1px solid var(--line-strong);color:var(--text-dim);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:0;transition:opacity .1s}.f-fav-wrap:hover .f-layout-x{opacity:1}.f-layout-x:hover{color:var(--text)}.f-layout-save{width:46px;height:46px;border-radius:14px;border:1.5px dashed var(--line-strong);color:var(--text-faint);display:flex;align-items:center;justify-content:center;transition:all .12s}.f-layout-save:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:1023px){.f-shell{padding:0;gap:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.f-inbox,.f-conv,.f-thread-panel{border-radius:0;border-left:none;border-right:none;box-shadow:none}.f-favrail,.f-thread-panel{display:none}.f-shell[data-mobile-view=inbox] .f-inbox{width:100%;flex:1}.f-shell[data-mobile-view=inbox] .f-cols,.f-shell[data-mobile-view=conv] .f-inbox{display:none}.f-shell[data-mobile-view=conv] .f-cols{flex:1}.f-shell[data-mobile-view=conv] .f-cols .f-conv~.f-conv{display:none}}.f-back{width:36px;height:36px;flex:none;border-radius:11px;display:none;align-items:center;justify-content:center;color:var(--text-dim);transition:all .12s;margin-right:4px}.f-back:hover{background:var(--panel-2);color:var(--text)}@media(max-width:1023px){.f-back{display:inline-flex}}.f-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:var(--panel);border-top:1px solid var(--line);z-index:30;justify-content:space-around;align-items:center}.f-tabbar-btn{flex:1 0 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:var(--text-dim);border-radius:10px}.f-tabbar-btn.on{color:var(--accent)}.f-tabbar-btn span{font-size:10.5px;font-weight:600}@media(max-width:1023px){.f-tabbar{display:flex}.f-shell{padding-bottom:calc(env(safe-area-inset-bottom) + 60px)}}.f-atts{display:flex;flex-direction:column;gap:6px;margin-top:6px}.f-att-img{max-width:260px;max-height:240px;border-radius:12px;display:block;border:1px solid var(--line-strong)}.f-att-file{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-att-file:hover{border-color:var(--accent-line)}.f-grp.me .f-att-file{background:#ffffff2e;color:#fff;border-color:#ffffff40}.f-att-pending{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.f-att-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line-strong);font-size:12.5px;font-weight:600;color:var(--text-dim);max-width:220px;overflow:hidden}.f-att-chip-x{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;color:var(--text-dim);flex:none}.f-att-chip-x:hover{background:var(--panel);color:var(--text)}.f-call-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--online);border:2px solid var(--panel)}.f-iconbtn{position:relative}.f-call{position:fixed;inset:0;z-index:60;background:var(--scrim);backdrop-filter:blur(8px);display:flex;flex-direction:column;padding:16px}.f-call-bar{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:6px 10px 12px}.f-call-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.f-call-count{font-size:13px;opacity:.8;color:#fff}.f-call-grid{flex:1;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center;overflow:auto;padding:4px}.f-call-tile{position:relative;background:#11131a;border-radius:16px;overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow-pop)}.f-call-tile video{width:100%;height:100%;object-fit:cover;background:#11131a}.f-call-name{position:absolute;left:10px;bottom:10px;padding:3px 10px;border-radius:9px;background:#0000008c;color:#fff;font-size:12.5px;font-weight:600}.f-call-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff6}.f-call-controls{display:flex;justify-content:center;gap:12px;padding:14px 0 4px;flex-wrap:wrap}.f-call-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:10px 0;border-radius:14px;background:#ffffff1f;color:#fff;font-size:11.5px;font-weight:600;transition:background .12s}.f-call-btn:hover{background:#fff3}.f-call-btn.off{background:#ffffff47}.f-call-btn.on{background:var(--accent)}.f-call-btn.hangup{background:#e0473e}.f-call-btn.hangup:hover{background:#c93b33}