:root{--bg: #ffffff;--bg2: #f6f7f9;--fg: #1b1f24;--muted: #5d6673;--line: #e3e6ea;--accent: #2557d6;--accent-fg: #ffffff;--accent-soft: #eaf0fd;--ok: #1f7a4d;--ok-soft: #e8f5ee;--warn: #9a5b00;--warn-soft: #fff4e2;--radius: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #1c1d20;--bg2: #25272b;--fg: #eceef1;--muted: #a3abb6;--line: #34373d;--accent: #6f98ff;--accent-fg: #0e1320;--accent-soft: #24304a;--ok: #5fcf95;--ok-soft: #1e3329;--warn: #f0b45a;--warn-soft: #3a2f1e;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font:14px/1.45 Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;flex-direction:column}button{font:inherit;color:inherit}a{color:var(--accent)}.ic{display:inline-flex;width:18px;height:18px;flex:none}.ic svg{width:100%;height:100%}.top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.logo{width:22px;height:22px;color:var(--accent)}.pill{font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px;background:var(--warn-soft);color:var(--warn)}.iconbtn{border:0;background:transparent;padding:6px;border-radius:8px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.iconbtn:hover{background:var(--bg2);color:var(--fg)}.pad{padding:14px;flex:1}.stack{display:flex;flex-direction:column;gap:16px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px}.muted{color:var(--muted)}h2{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}h2.big,.big{font-size:17px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--fg)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--bg)}.msg{display:flex;gap:12px;align-items:flex-start}.avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:13px}.msgmeta{min-width:0;flex:1}.from{font-weight:600}.subject{font-size:16px;font-weight:600;margin:2px 0 8px;overflow-wrap:anywhere}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);background:var(--bg2);border-radius:99px;padding:3px 9px}.chip .ic{width:14px;height:14px}.notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius);font-size:13px}.notice.ok{background:var(--ok-soft);color:var(--ok)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice ul{margin:4px 0 0;padding-left:18px}.notice a{color:inherit;font-weight:600}.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list.scroll{max-height:280px;overflow-y:auto}.row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:var(--bg);cursor:pointer;min-height:44px}.row:last-child{border-bottom:0}.row:hover{background:var(--bg2)}.row.selected{background:var(--accent-soft)}.row.selected .fi,.row.selected .tick{color:var(--accent)}.row.create{color:var(--accent);font-weight:600}.fi{color:var(--muted)}.rowtext{display:flex;flex-direction:column;min-width:0;flex:1}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tick{color:var(--muted)}.empty{padding:14px;color:var(--muted);text-align:center}.search,.field input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;margin-bottom:8px}.search:focus,.field input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-weight:600;font-size:13px}.field input{margin-bottom:0}.label{font-size:12px;color:var(--muted);margin-bottom:4px}.foot{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:10px 14px 14px;display:flex;flex-direction:column;gap:10px}.opts summary{cursor:pointer;color:var(--muted);font-size:13px;list-style:none}.opts summary:before{content:"▸ "}.opts[open] summary:before{content:"▾ "}.opts .check{margin-top:6px}.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.check input{width:16px;height:16px;accent-color:var(--accent)}.check.disabled{opacity:.5;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-weight:600}.btn:hover{background:var(--bg2)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.06)}.btn.big{width:100%;padding:11px 14px;font-size:15px}.btn.big span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.small{padding:5px 10px;font-size:13px;margin-top:8px}.btn:disabled{opacity:.5;cursor:default;filter:none}.actions{display:flex;flex-wrap:wrap;gap:8px}.tabs{display:flex;gap:4px;background:var(--bg2);padding:4px;border-radius:10px}.tab{flex:1;border:0;background:transparent;padding:7px;border-radius:7px;cursor:pointer;font-weight:600;color:var(--muted)}.tab.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #00000014}.crumbs{font-size:13px;color:var(--muted)}.crumb{border:0;background:none;padding:0;color:var(--accent);cursor:pointer;font-weight:600}.rootpath{display:flex;align-items:center;gap:8px;font-weight:600;overflow-wrap:anywhere}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.steps li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--muted)}.steps .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none}.steps .dot .ic{width:14px;height:14px}.steps .lbl{flex:1}.steps .det{font-size:12px;font-variant-numeric:tabular-nums}.steps li.active{color:var(--fg);font-weight:600}.steps li.active .dot{border-color:var(--accent);border-top-color:transparent;animation:spin .8s linear infinite}.steps li.done{color:var(--fg)}.steps li.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.steps li.warn .dot{background:var(--warn);border-color:var(--warn);color:#fff}.steps li.skip{text-decoration:line-through;opacity:.6}.success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 0 4px}.bigtick{width:52px;height:52px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}.bigtick .ic{width:28px;height:28px}.files{margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--radius)}.files li{padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.files li:last-child{border-bottom:0}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.spinner.sm{width:16px;height:16px;border-width:2px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner,.steps li.active .dot{animation:none}}.trial{display:block;text-align:center;font-size:12px;font-weight:600;padding:6px 10px;border-radius:99px;background:var(--accent-soft);color:var(--accent);text-decoration:none}
