:root{--bg:#f6f6f3;--panel:#fff;--sidebar:#efefea;--line:#e2e2dc;--text:#1d1f1e;--muted:#74776f;--accent:#2f5d50;--accent-soft:#e3ece8;--on-accent:#fff;--mine:#2f5d50;--theirs:#fff;--code:#f1f1ec;--warn:#b26a00;--warn-soft:#fff4e0;--danger:#b3261e;--danger-soft:#fbe9e7;--ok:#2e7d32;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000d;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#16171a;--panel:#1d1f23;--sidebar:#1a1b1e;--line:#2c2e33;--text:#e8e9e6;--muted:#8f938c;--accent:#7fb8a4;--accent-soft:#24332e;--on-accent:#0f1a16;--mine:#3c6e60;--theirs:#24262b;--code:#2a2c31;--warn:#f0b04f;--warn-soft:#3a2f1c;--danger:#f28b82;--danger-soft:#3b2322;--ok:#81c995;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior:none;word-break:keep-all;overflow-wrap:anywhere}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}code,pre{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:.86em}.app{grid-template-columns:340px 1fr;height:100dvh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.main{min-width:0;min-height:0;display:flex}@media (width<=760px){.app{grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden}.app.has-room .sidebar,.app:not(.has-room) .main{display:none}.sidebar{border-right:0}}.empty-main{text-align:center;color:var(--muted);margin:auto}.offline-banner{top:calc(env(safe-area-inset-top) + 10px);background:var(--text);color:var(--bg);z-index:50;border-radius:99px;padding:6px 14px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.sidebar-head{padding:calc(env(safe-area-inset-top) + 18px) 16px 10px;align-items:center;gap:8px;display:flex}.sidebar-head h1{letter-spacing:-.02em;flex:1;margin:0;font-size:22px}.head-icons{scrollbar-width:none;gap:0;min-width:0;margin-right:-6px;display:flex;overflow-x:auto}@media (width<=400px){.sidebar-head .head-icons .icon-btn{width:32px}}.head-actions{gap:6px;padding:0 16px 10px;display:flex}.pill-btn{border:1px solid var(--line);background:var(--panel);border-radius:99px;align-items:center;gap:4px;padding:5px 11px 5px 8px;font-size:13px;font-weight:600;display:inline-flex}.pill-btn:hover{border-color:var(--accent);color:var(--accent)}.room-list{padding:4px 8px calc(env(safe-area-inset-bottom) + 16px);flex:1;overflow-y:auto}.room-list h3{color:var(--muted);letter-spacing:.02em;margin:14px 10px 4px;font-size:12px;font-weight:600}.room-row{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:9px 10px;display:flex}.room-row:hover{background:#7f7f7f14}.room-row.active{background:var(--panel);box-shadow:var(--shadow)}.room-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.room-row-top,.room-row-bottom{align-items:center;gap:8px;display:flex}.room-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.room-time{color:var(--muted);font-size:12px}.room-preview{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;overflow:hidden}.room-preview.working{color:var(--accent)}.badge{background:var(--accent);color:var(--on-accent);text-align:center;border-radius:99px;min-width:20px;padding:1px 7px;font-size:11.5px;font-weight:700}.hash{color:var(--muted);margin-right:2px;font-weight:500}.avatar{background:var(--accent-soft);-webkit-user-select:none;user-select:none;border-radius:36%;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.presence{border:2.5px solid var(--sidebar);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.room-head .presence,.msg .presence{border-color:var(--bg)}.presence.on{background:var(--ok)}.presence.off{background:var(--muted);opacity:.5}.presence.busy{background:var(--warn);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.avatar-stack{flex:none;width:40px;height:40px;display:inline-flex;position:relative}.avatar-stack .avatar{border:2px solid var(--sidebar);position:absolute}.avatar-stack .avatar:first-child{top:0;left:0}.avatar-stack .avatar:nth-child(2){bottom:0;right:0}.avatar-stack .avatar:nth-child(3){top:0;right:0;transform:scale(.8)}.room{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.room-head{padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;display:flex}.room-head .avatar-stack .avatar{border-color:var(--bg)}.room-title{flex-direction:column;flex:1;min-width:0;display:flex}.room-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.room-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.icon-btn{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:#7f7f7f1a}.back{display:none}@media (width<=760px){.back{margin-left:-6px;display:inline-grid}}.messages{flex-direction:column;flex:1;gap:2px;padding:16px 16px 8px;display:flex;overflow-y:auto}.load-older{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:99px;align-self:center;margin-bottom:8px;padding:4px 12px;font-size:13px}.day-divider{justify-content:center;margin:14px 0 8px;display:flex}.day-divider span{color:var(--muted);background:#7f7f7f1a;border-radius:99px;padding:2px 10px;font-size:12px}.system-line{color:var(--muted);text-align:center;align-self:center;max-width:80%;margin:8px 0;font-size:12.5px}.system-line.error{color:var(--danger)}.welcome{text-align:center;max-width:420px;color:var(--muted);margin:auto;padding:24px}.welcome h2{color:var(--text);margin:10px 0 4px;font-size:20px}.welcome-avatars{justify-content:center;gap:8px;display:flex}.msg{gap:8px;max-width:100%;margin-top:10px;display:flex}.msg.cont{margin-top:2px}.msg.mine{justify-content:flex-end;align-items:flex-end}.msg-avatar{flex:none;width:36px}.msg-body{flex-direction:column;min-width:0;max-width:min(680px,82%);display:flex}.msg-name{color:var(--muted);margin:0 0 3px 4px;font-size:12.5px;font-weight:600}.msg-line{align-items:flex-end;gap:6px;min-width:0;display:flex}.msg-time{color:var(--muted);flex:none;padding-bottom:2px;font-size:11px}.bubble{border-radius:var(--radius);overflow-wrap:anywhere;min-width:0;padding:8px 13px}.mine .bubble{background:var(--mine);color:#fff;white-space:pre-wrap;border-bottom-right-radius:6px;max-width:min(620px,80%)}.theirs .bubble{background:var(--theirs);box-shadow:var(--shadow);border-top-left-radius:6px}.theirs.cont .bubble{border-top-left-radius:var(--radius)}.bubble.streaming:after{content:"▍";color:var(--accent);animation:1s infinite pulse}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md pre,.md blockquote,.md table{margin:.45em 0}.md ul,.md ol{padding-left:1.3em}.md a{color:var(--accent)}.md code{background:var(--code);border-radius:5px;padding:.1em .35em}.md pre{background:var(--code);border-radius:10px;padding:10px 12px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:10px}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);padding:4px 8px}.md h1,.md h2,.md h3{margin:.6em 0 .3em;font-size:1.05em}.mention{color:var(--accent);font-weight:650}.mine .mention{color:#d7efe6}.typing{gap:4px;padding:12px 14px;display:inline-flex}.typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.tool-row{max-width:calc(100% - 44px);margin:4px 0 0 44px}.tool-row:not(.cont){margin-top:10px}.tool-head{align-items:flex-start;gap:8px;height:22px;margin-left:-44px;display:flex}.tool-head .msg-name{margin-top:0}.tool-chip{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:10px;align-items:center;gap:7px;max-width:100%;padding:4px 9px;font-size:13px;display:inline-flex}.tool-chip:hover{border-color:var(--muted)}.tool-status{width:16px;color:var(--ok);place-items:center;display:inline-grid}.tool-chip.error .tool-status{color:var(--danger)}.tool-chip.waiting .tool-status{color:var(--warn)}.tool-name{color:var(--muted);font-weight:650}.tool-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-output{background:var(--code);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-height:320px;margin:4px 0 2px;padding:10px 12px;font-size:12.5px;overflow:auto}.approval{border:1px solid var(--warn);background:var(--warn-soft);border-radius:16px;flex-direction:column;gap:8px;max-width:min(560px,100% - 44px);margin:10px 0 2px 44px;padding:12px 14px;display:flex}.approval.risk-high{border-color:var(--danger);background:var(--danger-soft)}.approval:not(.pending){border-color:var(--line);background:var(--panel);opacity:.85}.approval-head{color:var(--warn);align-items:center;gap:6px;font-size:13.5px;display:flex}.approval.risk-high .approval-head{color:var(--danger)}.approval:not(.pending) .approval-head{color:var(--muted)}.approval-head span:first-of-type{color:var(--text);flex:1}.risk{border:1px solid;border-radius:99px;padding:0 7px;font-size:11.5px;font-weight:700}.approval-summary{background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:8px 10px}.approval:not(.pending) .approval-summary{background:var(--code)}.approval-reason{color:var(--muted);margin:0;font-size:13px}.approval details pre{background:var(--panel);border-radius:8px;max-height:260px;padding:8px;font-size:12px;overflow:auto}.approval-actions{flex-wrap:wrap;gap:6px;display:flex}.approval-result{color:var(--muted);font-size:13px;font-weight:600}.composer{padding:6px 12px calc(env(safe-area-inset-bottom) + 10px);position:relative}.composer-status{color:var(--muted);align-items:center;gap:8px;padding:0 6px 6px;font-size:13px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--panel);border-radius:99px;align-items:center;gap:4px;padding:2px 10px;font-size:12.5px;display:inline-flex}.chip-btn:hover{border-color:var(--danger);color:var(--danger)}.composer-box{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;align-items:flex-end;gap:6px;padding:5px 5px 5px 16px;display:flex}.composer-box:focus-within{border-color:var(--accent)}.composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;max-height:180px;padding:7px 0;font-size:15.5px}.send-btn{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.send-btn:disabled{opacity:.35;cursor:default}.mention-menu{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;border-radius:14px;min-width:240px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% - 4px);left:12px}.mention-menu button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.mention-menu li[aria-selected=true] button,.mention-menu button:hover{background:var(--accent-soft)}.mention-menu span:last-child{color:var(--muted);font-size:13px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:40;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:20px;flex-direction:column;width:min(480px,100%);max-height:calc(100dvh - 32px);display:flex;box-shadow:0 20px 60px #00000040}.modal.wide{width:min(640px,100%)}.modal header{align-items:center;padding:16px 16px 4px 20px;display:flex}.modal h2{flex:1;margin:0;font-size:18px}.modal-body{padding:8px 20px 20px;overflow-y:auto}@media (width<=760px){.modal-backdrop{place-items:end stretch;padding:0}.modal,.modal.wide{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}}.form{flex-direction:column;gap:6px;display:flex}.form label{color:var(--muted);margin-top:8px;font-size:13px;font-weight:600}.form input,.form textarea,.form select{border:1px solid var(--line);background:var(--bg);border-radius:11px;outline:0;width:100%;padding:9px 11px}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--accent)}.form textarea{resize:vertical}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row2>div{flex-direction:column;gap:6px;display:flex}.prefixed{border:1px solid var(--line);background:var(--bg);border-radius:11px;align-items:center;padding-left:10px;display:flex}.prefixed:focus-within{border-color:var(--accent)}.prefixed span{color:var(--muted)}.prefixed input{background:0 0!important;border:0!important;padding-left:3px!important}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.segmented button{border:1.5px solid var(--line);background:var(--bg);text-align:left;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.segmented button span{color:var(--muted);font-size:12.5px}.segmented button.on{border-color:var(--accent);background:var(--accent-soft)}.emoji-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.emoji-row button{background:var(--bg);border:1.5px solid #0000;border-radius:10px;width:36px;height:36px;font-size:19px}.emoji-row button.on{border-color:var(--accent)}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.emoji-row .avatar-upload{align-items:center;gap:6px;width:auto;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.emoji-row .avatar-upload img{object-fit:cover;border-radius:7px;width:24px;height:24px}.emoji-input{text-align:center;font-size:18px;width:56px!important}.member-pick{flex-direction:column;gap:4px;display:flex}.member-pick button{border:1.5px solid var(--line);background:var(--bg);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:7px 10px;display:flex}.member-pick button span:nth-child(2){color:var(--muted);flex:1;font-size:13.5px}.member-pick button strong{color:var(--text);font-size:15px}.member-pick button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.hint{color:var(--muted);margin:4px 0;font-size:13px}.hint.strong{color:var(--warn);font-weight:600}.form-error{color:var(--danger);margin:6px 0 0;font-size:13.5px}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.spacer{flex:1}.remote-box{background:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.remote-box p{margin:0;font-size:14px}.btn{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:7px 14px;font-size:14px;font-weight:600}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.danger{color:var(--danger)}.btn.danger:not(.ghost):hover{border-color:var(--danger);background:var(--danger-soft)}.btn.ghost{background:0 0;border-color:#0000}.btn:disabled{opacity:.5;cursor:default}.token-box,.code-box{background:var(--code);border-radius:12px;margin:8px 0;padding:12px 44px 12px 14px;position:relative}.token-box code{overflow-wrap:anywhere;font-size:13.5px}.code-box pre{margin:0;font-size:12.5px;overflow-x:auto}.token-box .icon-btn,.code-box .icon-btn{position:absolute;top:6px;right:6px}.tabs{gap:4px;margin-top:12px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:5px 10px;font-size:13.5px;font-weight:600}.tabs button.on{background:var(--accent-soft);color:var(--accent)}.mine-stack{flex-direction:column;align-items:flex-end;gap:4px;max-width:min(620px,80%);display:flex}.mine-stack .bubble{max-width:100%}.files{flex-wrap:wrap;gap:6px;margin-bottom:2px;display:flex}.mine .files{justify-content:flex-end}.file-image img{border:1px solid var(--line);background:var(--code);border-radius:14px;max-width:min(280px,70vw);max-height:280px;display:block}.file-chip{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:center;gap:8px;max-width:300px;padding:8px 12px;text-decoration:none;display:inline-flex}.file-chip span{flex-direction:column;min-width:0;display:flex}.file-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.file-chip small{color:var(--muted);font-size:12px}.attach-btn{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-left:-10px;display:grid}.attach-btn:hover{color:var(--accent)}.pending-files{flex-wrap:wrap;gap:6px;padding:0 4px 6px;display:flex}.pending-file{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;max-width:220px;padding:4px 6px 4px 4px;font-size:13px;display:inline-flex}.pending-file img{object-fit:cover;border-radius:8px;width:32px;height:32px}.pending-file.error{border-color:var(--danger);color:var(--danger)}.pending-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-file button{color:var(--muted);background:0 0;border:0;place-items:center;padding:2px;display:grid}.composer.dragging .composer-box{border-color:var(--accent);border-style:dashed}.bell.on{color:var(--accent)}.schedule-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.schedule-list li{background:var(--bg);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.schedule-list li.paused{opacity:.6}.schedule-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.schedule-main span{color:var(--accent);font-size:13px}.schedule-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.schedule-actions{align-items:center;gap:6px;display:flex}@media (width<=760px){.schedule-list li{flex-wrap:wrap}.schedule-actions{justify-content:flex-end;width:100%}}.switch{cursor:pointer;flex:none;width:38px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{background:var(--line);border-radius:99px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(16px)}.when-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.when-row input{width:auto!important}.day-pick{gap:4px;display:flex}.day-pick button{border:1.5px solid var(--line);background:var(--bg);border-radius:50%;width:34px;height:34px;font-size:13px}.day-pick button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.search-box{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:6px;margin:0 16px 6px;padding:7px 12px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0}.search-hit .hit-text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.search-hit .hit-text b{color:var(--text);font-weight:600}mark{background:color-mix(in srgb, var(--warn) 30%, transparent);color:inherit;border-radius:3px;padding:0 1px}.msg-anchor{flex-direction:column;display:flex}.msg-anchor.flash{border-radius:12px;animation:2s ease-out flash}@keyframes flash{0%,40%{background:color-mix(in srgb, var(--warn) 18%, transparent)}to{background:0 0}}.usage-totals{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.usage-totals div{background:var(--bg);border-radius:14px;flex-direction:column;padding:10px 12px;display:flex}.usage-totals span{color:var(--muted);font-size:12.5px}.usage-totals strong{font-variant-numeric:tabular-nums;font-size:22px}.usage-bars{align-items:flex-end;gap:3px;height:90px;margin:8px 0 14px;display:flex}.usage-bars div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;min-width:0;height:100%;display:flex}.usage-bars span{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:22px;min-height:2px}.usage-bars small{color:var(--muted);font-size:10px}.usage-table{border-collapse:collapse;width:100%;font-size:13.5px}.usage-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 4px;font-size:12.5px;font-weight:600}.usage-table td{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:7px 4px}.usage-table th:nth-child(n+3),.usage-table td:nth-child(n+3){text-align:right}@media (width<=760px){.msg-line{flex-direction:column;align-items:flex-start;gap:2px}.mine .msg-line{align-items:flex-end}.msg-body{max-width:88%}.mine .bubble{max-width:100%}}.bubble{min-width:0;max-width:100%}.msg-meta{flex:none;align-items:center;gap:4px;display:inline-flex}.rating{opacity:0;gap:0;transition:opacity .15s;display:inline-flex;position:relative}.msg:hover .rating,.rating.rated,.rating:focus-within{opacity:1}@media (pointer:coarse){.rating{opacity:.55}}.rating>button,.save-test{filter:grayscale();opacity:.7;background:0 0;border:0;border-radius:6px;padding:1px 3px;font-size:13px}.rating>button.on,.save-test.on{filter:none;opacity:1}.rating>button:hover,.save-test:hover{filter:none;opacity:1;background:#7f7f7f1f}.save-test{opacity:0}.msg:hover .save-test,.save-test.on{opacity:.8}@media (pointer:coarse){.save-test{opacity:.5}}.rating-form{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:4;border-radius:12px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 4px);right:0}.rating-form input{border:1px solid var(--line);background:var(--bg);border-radius:8px;outline:0;width:220px;padding:4px 8px}.rating-note{color:var(--muted);margin:3px 0 0 4px;font-size:12.5px}.proposal{border:1px solid var(--accent);background:var(--accent-soft);border-radius:16px;flex-direction:column;gap:8px;max-width:min(720px,100% - 44px);margin:10px 0 2px 44px;padding:12px 14px;display:flex}.proposal.kind-code{background:color-mix(in srgb, #6b5bd2 9%, var(--panel));border-color:#6b5bd2}.proposal:not(.pending):not(.applying){border-color:var(--line);background:var(--panel)}.proposal .approval-head{color:var(--accent)}.proposal.kind-code .approval-head{color:#6b5bd2}.proposal>*{min-width:0}.proposal-title{font-size:15px}.proposal-summary{font-size:13.5px}.proposal-summary pre{white-space:pre-wrap}.checks{flex-direction:column;gap:3px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.checks li{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.checks li.ok{color:var(--ok)}.checks li.bad{color:var(--danger)}.checks pre{background:var(--panel);width:100%;color:var(--text);white-space:pre-wrap;border-radius:8px;max-height:180px;margin:2px 0 0;padding:6px 8px;font-size:11.5px;overflow:auto}.diff summary{cursor:pointer;color:var(--muted);font-size:13px}.diff pre{background:var(--panel);border-radius:10px;max-height:420px;margin:6px 0 0;padding:8px 0;font-size:12px;line-height:1.45;overflow:auto}.diff pre span{white-space:pre;padding:0 10px;display:block}.diff .add{background:color-mix(in srgb, var(--ok) 16%, transparent)}.diff .del{background:color-mix(in srgb, var(--danger) 14%, transparent)}.diff .hunk{color:var(--muted)}.protected{color:var(--danger);background:var(--danger-soft);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;display:flex}.proposal-result{font-weight:400}.eval-case .eval-mark{background:var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.eval-mark.ok{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok)}.eval-mark.bad{background:var(--danger-soft);color:var(--danger)}.bad-text{color:var(--danger)!important}.eval-detail{flex-direction:column;gap:4px;margin-top:6px;display:flex}.eval-detail label{color:var(--muted);font-size:12px}.eval-detail textarea{border:1px solid var(--line);background:var(--panel);resize:vertical;border-radius:8px;padding:6px 8px}.eval-detail pre{white-space:pre-wrap;background:var(--panel);border-radius:8px;max-height:200px;padding:8px;font-size:12px;overflow:auto}.remote-box .head-icons{gap:6px;margin:0}.state-chip{background:var(--line);color:var(--muted);border-radius:99px;margin-right:2px;padding:0 7px;font-size:11.5px;font-weight:700;display:inline-block}.state-chip.scheduled,.state-chip.running{background:var(--accent-soft);color:var(--accent)}.state-chip.needs-approval{background:var(--warn-soft);color:var(--warn)}.state-chip.failing,.state-chip.restarting{background:var(--danger-soft);color:var(--danger)}.automation .schedule-main small{white-space:normal}.schedule-list .runs li{background:0 0;border-radius:0;padding:0;display:block}.runs pre{margin:2px 0 0}.runs{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.proposal.kind-automation{border-color:var(--warn);background:var(--warn-soft)}.proposal.kind-automation .approval-head{color:var(--warn)}.proposal.kind-automation:not(.pending):not(.applying){border-color:var(--line);background:var(--panel)}.section-title{color:var(--muted);margin:16px 0 8px;font-size:13px}.provider-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.provider{border:1.5px solid var(--line);background:var(--bg);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.provider.on{border-color:var(--accent);background:var(--accent-soft)}.provider-icon{font-size:22px}.provider small{color:var(--muted);font-size:12px}.provider-setup{background:var(--bg);border-radius:14px;margin-top:12px;padding:12px 14px}.steps{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:13.5px;display:flex}.link-btn{color:var(--accent);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.login-page{background:var(--bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{background:var(--panel);border-radius:20px;width:min(360px,100%);padding:32px 24px;box-shadow:0 20px 60px #0000001f}.login-card img{border-radius:14px;align-self:center}.login-card h1{text-align:center;margin:8px 0 4px;font-size:20px}.login-card .btn{margin-top:16px;padding:10px}.login-card .hint{text-align:center;margin:8px 0 0}.ledger-month{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ledger-month strong{text-align:center;min-width:120px;font-size:17px}.ledger-totals{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ledger-totals div{background:var(--bg);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.ledger-totals span{color:var(--muted);font-size:12.5px}.ledger-totals strong{font-variant-numeric:tabular-nums;font-size:20px}.ledger-totals .income{color:var(--accent)}.ledger-bars{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.ledger-bars li{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;font-size:13.5px;display:grid}.ledger-bars .bar{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.ledger-bars .bar div{background:var(--accent);border-radius:4px;height:100%}.ledger-bars .num{font-variant-numeric:tabular-nums;color:var(--muted)}.ledger-day ul{margin:0;padding:0;list-style:none}.ledger-row{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 4px;display:grid}.ledger-row:hover{background:var(--bg)}.ledger-row .cat{background:var(--bg);color:var(--muted);text-align:center;border-radius:8px;min-width:44px;padding:3px 7px;font-size:12px}.ledger-row .who{flex-direction:column;min-width:0;display:flex}.ledger-row .who strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.ledger-row .who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ledger-row .amt{font-variant-numeric:tabular-nums;font-weight:600}.ledger-row .amt.income{color:var(--accent)}.ledger-entry.cancelled .amt,.ledger-entry.cancelled .who strong{color:var(--muted);text-decoration:line-through}.ledger-entry.excluded{opacity:.55}.ledger-edit{background:var(--bg);border-radius:12px;margin:2px 0 8px;padding:4px 12px 12px}.ledger-edit .chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.steps{padding-left:20px;font-size:14px;line-height:1.7}.pair-box{background:var(--bg);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}
