:root{--font:Rubik,system-ui,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--accent:#8ac4ae;--accent-strong:#b7ead7;--danger:#e4938d;--text:rgba(255,255,255,.94);--muted:rgba(255,255,255,.68);--glass:rgba(255,255,255,.10);--glass-strong:rgba(255,255,255,.14);--ink:rgba(0,0,0,.18);--border:rgba(255,255,255,.18);--border-soft:rgba(255,255,255,.11);--input:rgba(0,0,0,.22);--shadow:0 24px 70px rgba(0,0,0,.34);--blur:blur(18px) saturate(145%);--drawer:286px}
html[data-theme=light]{--accent:#365e52;--accent-strong:#24483e;--text:#18211e;--muted:#66716c;--glass:rgba(255,255,255,.60);--glass-strong:rgba(255,255,255,.78);--ink:rgba(0,0,0,.04);--border:rgba(0,0,0,.11);--border-soft:rgba(0,0,0,.075);--input:rgba(255,255,255,.76);--shadow:0 20px 55px rgba(38,53,47,.15)}
html[data-theme=dark]{--accent:#8ac4ae;--accent-strong:#b7ead7;--text:#f0f6f3;--muted:#9aa9a2;--glass:rgba(19,28,25,.82);--glass-strong:rgba(27,38,34,.92);--ink:rgba(0,0,0,.22);--border:rgba(190,226,212,.13);--border-soft:rgba(190,226,212,.08);--input:rgba(0,0,0,.25);--shadow:0 24px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:var(--font);color:var(--text)}body{overflow:hidden;background:linear-gradient(145deg,#48535a,#30373c 55%,#20282b)}html[data-theme=classic] body{background:url('https://email.fabri.cc/imgs/fabric-mail-moose-bg-1.jpg') center/cover}html[data-theme=light] body{background:linear-gradient(145deg,#f4f6f5,#e5ece8)}html[data-theme=dark] body{background:linear-gradient(145deg,#15201c,#0d1210)}button,input,select,textarea{font:inherit}button{cursor:pointer}.backMat{position:fixed;inset:0;pointer-events:none;background:radial-gradient(rgba(255,255,255,.20) .5px,transparent .5px);background-size:11px 11px;opacity:.35}h1,h2,h3,p{margin-top:0}h1{margin:2px 0 0;font-size:1.18rem}h2{margin-bottom:0}h3{margin-bottom:0}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.8rem}.glass-card,.library-pane,.topbar,.drawer,.authCard,.editor-dialog{background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.app-shell{height:100vh;position:relative}.app-surface{height:100%;display:grid;grid-template-rows:72px minmax(0,1fr);transition:.2s var(--ease)}.app-shell.has-drawer .app-surface{width:calc(100% - var(--drawer));transform:translateX(var(--drawer))}.topbar{z-index:20;border-width:0 0 1px;box-shadow:none;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.brand,.brand-block,.topbar-actions,.header-actions,.pane-heading,.card-heading,.drawer-heading{display:flex;align-items:center;gap:12px}.brandMark,.series-icon{display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--accent),rgba(255,255,255,.2));color:white;font-weight:900}.brandMark{width:42px;height:42px}.brand-block{min-width:0}.topbar-actions{margin-left:auto}.icon-button,.primary-button,.secondary-button,.danger-button,.text-button,.avatar-button,.segmented button,.point-row button{border:1px solid var(--border);border-radius:12px;color:var(--text);background:rgba(255,255,255,.07);padding:.67rem .82rem}.icon-button{width:42px;height:42px;padding:0}.primary-button{background:var(--accent);border-color:transparent;color:#fff;font-weight:750}.secondary-button:hover,.icon-button:hover{background:var(--glass-strong)}.danger-button{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.text-button{border:0;background:transparent;padding:.3rem;color:var(--accent-strong)}.compact-select,input,select,textarea{border:1px solid var(--border);border-radius:12px;background:var(--input);color:var(--text);padding:.72rem .8rem;outline:none}.compact-select{width:auto}.avatar-button{width:40px;height:40px;border-radius:50%;padding:0;background:var(--accent);color:white;font-weight:800}.account-wrap{position:relative}.account-menu{position:absolute;right:0;top:48px;width:225px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--glass-strong);backdrop-filter:var(--blur);box-shadow:var(--shadow);z-index:80}.account-menu>*{display:block;width:100%;margin:4px 0;text-align:left;color:var(--text)}.account-menu span{font-size:.8rem;color:var(--muted)}.account-menu a,.account-menu button{padding:9px;border:0;background:transparent;text-decoration:none}.account-menu hr{border:0;border-top:1px solid var(--border-soft)}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0;padding:14px;gap:14px}.library-pane{overflow:auto;border-radius:22px;padding:16px;box-shadow:var(--shadow);transition:.2s}.library-pane.is-emphasized{outline:2px solid var(--accent)}.pane-heading{justify-content:space-between}.search{margin:16px 0 10px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--border);border-radius:13px;background:var(--input)}.search input{border:0;background:transparent;width:100%}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.series-list{display:grid;gap:8px;margin-top:14px}.series-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;width:100%;text-align:left;padding:10px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--text)}.series-item:hover,.series-item.is-active{background:var(--glass-strong);border-color:var(--border)}.series-icon{width:42px;height:42px}.series-item span:last-child{min-width:0}.series-item strong,.series-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-item small{margin-top:4px;color:var(--muted)}.main-pane{overflow:auto;padding:4px 4px 40px}.empty-state{min-height:calc(100vh - 115px);display:grid;place-content:center;justify-items:center;text-align:center;max-width:580px;margin:auto}.empty-state p{color:var(--muted);line-height:1.65}.empty-icon{font-size:4rem;color:var(--accent);margin-bottom:18px}.series-header{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 16px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--glass);backdrop-filter:var(--blur)}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:.75rem}.metric-card strong{display:block;font-size:1.45rem;margin:8px 0 4px}.chart-card{margin-top:12px;border-radius:22px;padding:16px}.card-heading{justify-content:space-between}.segmented{display:flex;padding:3px;border:1px solid var(--border);border-radius:999px}.segmented button{border:0;border-radius:999px;background:transparent;padding:.35rem .65rem}.segmented button.is-active{background:var(--glass-strong)}#mainChart{display:block;width:100%;height:360px;margin-top:10px}.chart-legend{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:.75rem}.legend-line{display:inline-block;width:20px;border-top:3px solid var(--accent);margin-right:6px;vertical-align:middle}.legend-line.dashed{border-top-style:dashed}.legend-line.soft{border-color:rgba(255,255,255,.42);border-width:2px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:12px;margin-top:12px}.lower-grid>.glass-card{border-radius:22px;padding:16px}.points-table{margin-top:12px}.point-row{display:grid;grid-template-columns:105px 100px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-soft);font-size:.82rem}.point-row span:nth-child(3){color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spark-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.spark-facts span{padding:6px 9px;border-radius:999px;background:var(--ink);font-size:.74rem}.drawer{position:fixed;left:0;top:0;bottom:0;width:var(--drawer);z-index:50;transform:translateX(-103%);transition:.2s var(--ease);border-width:0 1px 0 0;display:flex;flex-direction:column}.has-drawer .drawer{transform:none}.drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:40;opacity:0;pointer-events:none;transition:.2s}.has-drawer .drawer-scrim{opacity:1;pointer-events:auto}.drawer__header,.drawer__footer{padding:14px;border-bottom:1px solid var(--border-soft)}.drawer__header{display:flex;align-items:center;justify-content:space-between}.drawer__body{padding:12px;overflow:auto;flex:1}.drawer__footer{border-top:1px solid var(--border-soft);border-bottom:0}.drawer-section{margin-bottom:22px}.drawer-heading{justify-content:space-between;padding:7px 9px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px;border:0;border-radius:12px;background:transparent;color:var(--text);text-decoration:none;text-align:left}.nav-item:hover,.nav-item.is-active{background:var(--glass-strong)}.authSection{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.4);backdrop-filter:blur(12px)}.authCard{width:min(410px,92vw);border-radius:22px;padding:22px}.authCard label{display:grid;gap:6px;margin-top:12px;color:var(--muted)}.authBtns{display:flex;margin-top:12px}.authBtns button{width:100%;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--accent);color:white}.authSwitch{font-size:.84rem;color:var(--muted)}.authSwitch span{color:var(--accent-strong);cursor:pointer}.alertDiv{position:fixed;top:16px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;z-index:200;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:var(--glass-strong);border:1px solid var(--border);backdrop-filter:var(--blur);transition:.18s}.alertDiv.showAlert{opacity:1;transform:translate(-50%,0)}.alertDiv p{margin:0}.alertDiv button{border:0;background:transparent;color:var(--text)}.editor-dialog{width:min(720px,94vw);max-height:90vh;padding:0;border-radius:22px;color:var(--text)}.editor-dialog::backdrop{background:rgba(0,0,0,.46);backdrop-filter:blur(5px)}.editor-dialog form>header,.editor-dialog form>footer{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-soft)}.editor-dialog form>footer{border-top:1px solid var(--border-soft);border-bottom:0;gap:10px}.dialog-body{padding:18px;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;color:var(--muted)}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:90px;resize:vertical}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-picker button{display:grid;gap:7px;text-align:left;padding:10px;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--text)}.theme-preview{height:95px;border-radius:11px}.theme-preview.classic{background:url('https://email.fabri.cc/imgs/fabric-mail-moose-bg-1.jpg') center/cover}.theme-preview.light{background:linear-gradient(145deg,#fff,#dfe9e4)}.theme-preview.dark{background:linear-gradient(145deg,#24342d,#0c1210)}.theme-picker small{color:var(--muted)}
@media(max-width:980px){.workspace{grid-template-columns:280px 1fr}.metric-grid{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}.compact-select{display:none}}
@media(max-width:720px){body{overflow:auto}.app-surface{height:auto;min-height:100vh}.workspace{display:block}.library-pane{margin-bottom:12px;max-height:330px}.topbar-actions .secondary-button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.series-header{align-items:flex-start}.form-grid,.theme-picker{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.point-row{grid-template-columns:90px 80px 1fr}.point-row span:nth-child(3){display:none}.app-shell.has-drawer .app-surface{width:100%;transform:none}}