.shell{display:flex;min-height:100vh}.side{width:252px;flex:0 0 252px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:margin-left .24s var(--ease-out)}.shell[data-collapsed=true] .side{margin-left:-252px}.side__top{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-4)}.side__logo{width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}.side__name{font-weight:600;font-size:var(--text-md);line-height:1.3}.side__nav{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px}.side__nav .navlink{width:100%;border:0;background:none;cursor:pointer;font:inherit;text-align:left}.side__foot{margin-top:auto;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);word-break:break-all;line-height:1.5}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--surface-app) 88%,transparent);backdrop-filter:blur(6px);position:sticky;top:0;z-index:20;min-height:58px}.topbar h1{font-size:var(--text-lg);margin:0}.burger{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text);flex:none}.burger:hover{border-color:var(--border-strong)}.content{padding:var(--space-7) var(--space-6) var(--space-9);max-width:var(--measure-content);width:100%;margin-inline:auto}.page-stack>*+*{margin-top:var(--space-6)}.measure{max-width:680px}.card.pad{padding:var(--space-6)}.card.pad>.overline{display:block;margin-bottom:var(--space-2)}.card.pad>h2{margin:0 0 var(--space-1)}.card.pad>h3{margin:0}.card.pad>.lead{margin:0 0 var(--space-6);font-size:var(--text-sm)}.form-stack>*+*{margin-top:var(--space-5)}.stack>*+*{margin-top:var(--space-4)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.card-head h3{margin:0 0 2px}.card-head .secondary{font-size:var(--text-sm)}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600;margin:var(--space-5) 0 var(--space-3)}.entity{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm)}.entity+.entity{margin-top:var(--space-3)}.entity[data-tone=green]{border-left:3px solid var(--success)}.entity[data-tone=yellow]{border-left:3px solid var(--warning)}.entity[data-tone=grey]{border-left:3px solid var(--border-strong);opacity:.62;filter:saturate(.55)}.entity--click{cursor:pointer}.entity--click:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.entity__head{display:flex;align-items:flex-start;gap:var(--space-3)}.entity__main{flex:1;min-width:0}.entity__title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:600;font-size:var(--text-md);line-height:1.35}.entity__right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);flex:none;padding-top:2px}.entity__host{font-family:var(--font-mono);font-size:var(--text-xs);margin-top:3px}.entity__note{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2);line-height:1.5}.facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-7);margin-top:var(--space-4)}.fact{min-width:0}.fact__k{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600}.fact__v{font-size:var(--text-sm);color:var(--text);margin-top:2px;overflow-wrap:anywhere}.why{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-4);border-left:2px solid var(--border-strong);padding-left:var(--space-4);line-height:1.55}.entity__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.entity__actions .input{flex:1;min-width:220px}.hselect{min-width:230px}.hselect--sm{min-width:190px}.hselect__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1)}.hselect__opt{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:0;background:none;cursor:pointer;font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-sm);text-align:left;font-family:inherit}.hselect__grouplabel{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600;padding:var(--space-3) var(--space-3) var(--space-1)}.hselect__btn{width:100%;display:flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-sm)}.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid color-mix(in oklch,var(--accent) 22%,transparent);border-top-color:var(--accent);animation:cs-spin .7s linear infinite;display:inline-block;flex:none;box-sizing:border-box}.spinner--lg{width:36px;height:36px;border-width:3px;margin-bottom:var(--space-2)}@keyframes cs-spin{to{transform:rotate(360deg)}}.loading-pulse{animation:cs-pulse 1.6s ease-in-out infinite}@keyframes cs-pulse{0%,to{opacity:.85}50%{opacity:.45}}.dots{display:inline-flex;gap:5px;margin-top:var(--space-3)}.dots i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:cs-dot 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes cs-dot{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.spinner,.dots i,.loading-pulse{animation:none}}.msg{border-left:2px solid var(--border-strong);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:var(--surface-subtle);border-radius:var(--radius-sm)}.msg[data-dir=out]{border-left-color:var(--accent)}.msg__meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);display:flex;gap:var(--space-3);flex-wrap:wrap}.msg__body{white-space:pre-wrap;font-size:var(--text-sm);line-height:1.6;max-height:320px;overflow:auto}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);padding:5px 12px;font-size:var(--text-xs);cursor:pointer;font-family:inherit;color:var(--text-secondary)}.chip:hover{border-color:var(--accent-border);color:var(--accent-text)}.spin-sm{width:12px;height:12px;border-width:2px;flex:none}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.toast{max-width:560px;text-align:center}.toast[data-err=true]{background:var(--danger);color:#fff}.email-body{white-space:pre-wrap;font-size:var(--text-sm);line-height:1.65}.draft-area{min-height:240px;line-height:1.6}.empty-block{text-align:center;padding:var(--space-9) var(--space-5);color:var(--text-secondary)}.empty-block h3{margin:var(--space-3) 0 var(--space-1)}.empty-block p{max-width:430px;margin:0 auto}.subject-preview{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-3)}.subject-preview b{color:var(--text);font-weight:600}.searchbar{display:flex;gap:var(--space-3)}.searchbar .input{flex:1}@media (max-width: 900px){.side{position:fixed;z-index:50;box-shadow:var(--shadow-xl)}.shell[data-collapsed=false] .side{margin-left:0}.content{padding:var(--space-5) var(--space-4) var(--space-8)}.entity{padding:var(--space-4) var(--space-5)}.searchbar{flex-direction:column}}