:root{color:#16202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f4f6f8;--surface:#fff;--surface-soft:#f8fafc;--surface-raised:#fff;--ink:#16202b;--muted:#667385;--subtle:#8793a3;--line:#dde3eb;--line-strong:#c6d0dd;--blue:#1f6feb;--blue-strong:#1558c7;--cyan:#0b7894;--green:#168253;--amber:#a85d00;--red:#c43c3c;--shadow:0 16px 34px #202f4217;--shadow-soft:0 8px 20px #202f4212;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e5edf7;--bg:#101418;--surface:#171d24;--surface-soft:#1d252e;--surface-raised:#202a34;--ink:#e5edf7;--muted:#a2adbb;--subtle:#8793a3;--line:#2d3744;--line-strong:#3d4a59;--blue:#6aa4ff;--blue-strong:#8bb8ff;--cyan:#57c4dc;--green:#54c18b;--amber:#e6a14a;--red:#ff7b7b;--shadow:0 18px 42px #00000052;--shadow-soft:0 8px 24px #0000003d;background:#101418}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-soft);transform:translateY(-1px)}button:disabled{color:var(--subtle);cursor:not-allowed;background:var(--surface-soft)}textarea,input,select{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;outline:none}textarea::placeholder,input::placeholder{color:var(--subtle)}textarea:focus,input:focus,select:focus,button:focus-visible,details:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent)}select{min-height:38px;padding:0 32px 0 10px}h1,h2,h3,p{margin:0}h1{max-width:720px;font-size:clamp(32px,4vw,56px);line-height:1.05}h2{font-size:16px;line-height:1.25}h3{font-size:15px}.shell{min-height:100vh;padding:22px}.workspace{width:min(1460px,100%);margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:16px;min-height:56px;margin-bottom:20px;display:flex}.brand-lockup,.header-actions,.language-select,.hero-pills,.hero-pills span,.notice,.checkline,.status-pill,.message-foot,.source-chip{align-items:center;display:flex}.brand-lockup{gap:10px}.brand-mark{border:1px solid var(--line);color:#fff;background:#1f6feb;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:15px}.brand-lockup span{color:var(--muted);margin-top:2px;font-size:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.language-select{border:1px solid var(--line);min-height:38px;color:var(--muted);background:var(--surface);border-radius:8px;gap:8px;padding:0 10px}.language-select select{min-height:34px;color:var(--ink);background:0 0;border:0;padding-left:0}.icon-button{width:38px;padding:0}.tool-hero{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(520px,.9fr);align-items:stretch;gap:18px;margin-bottom:18px;padding:20px;display:grid}.hero-copy{min-width:0}.eyebrow{color:var(--cyan);margin-bottom:8px;font-size:13px;font-weight:800}.hero-subtitle{max-width:760px;color:var(--muted);margin-top:12px;font-size:16px;line-height:1.65}.hero-pills{flex-wrap:wrap;gap:8px;margin-top:16px}.hero-pills span{border:1px solid var(--line);min-height:30px;color:var(--ink);background:var(--surface-soft);border-radius:8px;gap:6px;padding:0 10px;font-size:13px}.metrics{gap:10px;display:grid}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-height:92px;padding:16px}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{color:var(--ink);margin-top:8px;font-size:30px;line-height:1;display:block}.reader-layout{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.reader-sidebar,.reader-main{gap:14px;min-width:0;display:grid}.reader-main{grid-template-rows:auto minmax(520px,auto)}.tool-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.import-panel,.service-panel,.filters-panel,.accounts-surface,.mail-surface,.admin-panel,.admin-preview,.info-panel{padding:16px}.panel-heading{gap:12px;margin-bottom:12px;display:flex}.panel-icon{border:1px solid var(--line);width:34px;height:34px;color:var(--blue);background:var(--surface-soft);border-radius:8px;flex:none;place-items:center;display:grid}.panel-heading p,.surface-head p{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.45}.import-box{resize:vertical;width:100%;min-height:128px;padding:12px;line-height:1.55}.tall-import{min-height:220px}.format-hint{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.5}.import-controls,.admin-actions,.action-row,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-controls,.admin-actions,.action-row{margin-top:12px}.inline-field{min-height:38px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.inline-field input{height:38px;padding:0 10px}.separator-field input{width:86px}.count-field input{width:76px}.primary{border-color:var(--blue);color:#fff;background:var(--blue)}.primary:hover:not(:disabled){border-color:var(--blue-strong);background:var(--blue-strong)}.sync-button{width:100%}.notice{border:1px solid color-mix(in srgb, var(--green) 28%, transparent);width:100%;color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--surface));border-radius:8px;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.45}.issue-list{gap:6px;margin-top:10px;display:grid}.issue-list span,.error-strip{border:1px solid color-mix(in srgb, var(--red) 28%, transparent);color:var(--red);background:color-mix(in srgb, var(--red) 9%, var(--surface));border-radius:8px;font-size:13px}.issue-list span{padding:8px 10px}.surface-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.checkline{color:var(--muted);white-space:nowrap;gap:8px;font-size:13px}.checkline input{width:16px;height:16px;accent-color:var(--blue)}.account-list,.message-list,.preview-list{gap:10px;display:grid}.account-list{max-height:520px;padding-right:2px;overflow:auto}.account-row{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.account-row:hover,.account-row.active{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 7%, var(--surface));transform:translateY(-1px)}.account-row>input{accent-color:var(--blue);margin-top:3px}.account-main{min-width:0}.account-main strong,.preview-row strong,.message-topline strong{overflow-wrap:anywhere;display:block}.account-main span,.account-meta,.preview-row span,.message-topline span,.message-row p{color:var(--muted);font-size:13px}.account-main span{margin-top:4px;display:block}.account-meta{flex-wrap:wrap;grid-column:2/4;gap:8px 12px;display:flex}.badge,.source-chip{white-space:nowrap;border-radius:8px;min-height:26px;padding:0 8px;font-size:12px;font-weight:800}.badge.neutral,.source-chip{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line)}.badge.info{color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--blue) 28%, transparent)}.badge.success,.source-chip.success{color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--green) 28%, transparent)}.badge.warning,.source-chip.warning{color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--amber) 28%, transparent)}.badge.danger{color:var(--red);background:color-mix(in srgb, var(--red) 11%, var(--surface));border:1px solid color-mix(in srgb, var(--red) 28%, transparent)}.toolbar-head{align-items:center}.toolbar{margin-top:8px}.search-wrap{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--surface);border-radius:8px;flex:280px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-wrap input{background:0 0;border:0;width:100%;min-width:0;height:36px;padding:0}.select-field select{max-width:160px}.subtle-check{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:38px;padding:0 10px}.mail-surface{min-height:560px}.message-list{max-height:640px;padding-right:2px;overflow:auto}.message-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:14px}.message-topline{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.message-row p{margin-top:10px;line-height:1.55}.message-foot{color:var(--muted);flex-wrap:wrap;gap:8px 12px;margin-top:12px;font-size:12px}mark{color:#111827;background:#f9d66b;border-radius:8px;padding:3px 8px}.empty-state{border:1px dashed var(--line-strong);min-height:180px;color:var(--muted);text-align:center;background:var(--surface-soft);border-radius:8px;align-content:center;place-items:center;gap:8px;padding:22px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{max-width:360px;font-size:13px;line-height:1.45}.error-strip{align-items:center;gap:8px;margin-top:14px;padding:10px 12px;display:flex}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.info-panel ol{color:var(--muted);gap:10px;margin:0;padding-left:24px;font-size:14px;display:grid}.feature-section,.faq-section{margin-top:28px}.feature-section>h2,.faq-section>h2{margin-bottom:12px;font-size:22px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:var(--surface);min-height:160px;box-shadow:var(--shadow-soft);border-radius:8px;padding:16px}.feature-card svg{color:var(--blue)}.feature-card h3{margin-top:12px}.feature-card p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.55}.faq-list{gap:10px;display:grid}details{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}summary{cursor:pointer;padding:14px 16px;font-weight:800}details p{color:var(--muted);padding:0 16px 16px;line-height:1.6}.admin-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr);align-items:start;gap:18px;display:grid}.admin-key-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.admin-field{color:var(--muted);gap:7px;font-size:13px;display:grid}.admin-field input{height:40px;padding:0 12px}.preview-list{margin-top:10px}.preview-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:5px;padding:12px;display:grid}.preview-row span{overflow-wrap:anywhere}.secondary-head{margin-top:18px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.tool-hero,.reader-layout,.admin-grid{grid-template-columns:1fr}.reader-main{grid-template-rows:auto}.account-list,.message-list{max-height:none}}@media (width<=760px){.shell{padding:14px}.app-header,.surface-head,.message-topline,.admin-key-grid{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.tool-hero{padding:16px}h1{font-size:34px}.compact-metrics,.support-grid,.feature-grid{grid-template-columns:1fr}.import-controls>*,.action-row>*,.admin-actions>*,.language-select,.header-actions>button:not(.icon-button){width:100%}.icon-button{width:38px}.account-row{grid-template-columns:auto minmax(0,1fr)}.account-row .badge{grid-column:2;justify-self:start}.account-meta{grid-column:2}.toolbar{grid-template-columns:1fr;display:grid}.search-wrap,.select-field select,.inline-field,.inline-field input{width:100%;max-width:none}}