:root{--bg:#0a0d15;--bg-elev:#111623;--bg-elev-2:#1a2033;--line:#232a3d;--line-soft:#1c2233;--fg:#eef1f7;--fg-mute:#8994ab;--fg-dim:#565f74;--brand:#6b7fd6;--brand-2:#9a7ce8;--brand-soft:rgba(107,127,214,.16);--brand-line:rgba(107,127,214,.4);--ok:#4ade80;--err:#f87171;--output-bg:#0d1220;--radius:12px;--radius-sm:8px;color-scheme:dark}:root[data-theme=light]{--bg:#fafbfd;--bg-elev:#fff;--bg-elev-2:#f1f3f8;--line:#dfe3eb;--line-soft:#ebedf2;--fg:#0f1523;--fg-mute:#58627a;--fg-dim:#8b93a6;--brand:#4b5fb8;--brand-2:#7a5cd6;--brand-soft:rgba(75,95,184,.09);--brand-line:rgba(75,95,184,.32);--ok:#16a34a;--err:#dc2626;--output-bg:#f7f9fc;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;overscroll-behavior:none}@media (min-width:901px){body,html{height:100%}body{overflow:hidden}}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .18s ease,color .18s ease}.no-drag,img,svg{-webkit-user-drag:none;user-drag:none}button{font:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:3px solid var(--bg)}@keyframes sp-spin{to{transform:rotate(1turn)}}@keyframes sp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}@keyframes sp-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}:root{--erp-bg:#0f1520;--erp-card:#161d2b;--erp-card-alt:#121828;--erp-fg:#dde5f1;--erp-fg-mute:#8b9bb6;--erp-line:#232d40;--erp-input-line:#3a465d;--erp-tint:#172641;--erp-tint-line:#263c60;--erp-header:#1e355f;--erp-header-accent:#d4a017;--erp-btn:#234b8e;--erp-btn-hover:#2f5aa8;--erp-btn-line:#1b3b74;--erp-footer:#0b1220;--erp-err-bg:rgba(220,38,38,.08);--erp-err-fg:#fca5a5;--erp-err-line:rgba(220,38,38,.35)}:root[data-theme=light]{--erp-bg:#eef2f7;--erp-card:#fff;--erp-card-alt:#f5f7fb;--erp-fg:#1c2a41;--erp-fg-mute:#4a5a72;--erp-line:#cfd7e2;--erp-input-line:#98a4b8;--erp-tint:#eaf1fa;--erp-tint-line:#c2d4ea;--erp-header:#1e355f;--erp-header-accent:#d4a017;--erp-btn:#1e3f7a;--erp-btn-hover:#274d94;--erp-btn-line:#142e5a;--erp-footer:#dfe4ed;--erp-err-bg:#fef2f2;--erp-err-fg:#991b1b;--erp-err-line:#fca5a5}@media (max-width:900px){.app-sidebar{position:fixed!important;top:60px;left:0;bottom:0;width:88vw!important;max-width:340px!important;z-index:20;box-shadow:0 8px 32px rgba(0,0,0,.4);transform:translateX(-100%);transition:transform .22s ease!important;border-right:1px solid var(--line-soft)!important}.app-sidebar.app-sidebar-open{transform:translateX(0)}}.login-grid{grid-template-columns:1.25fr 1fr}@media (max-width:900px){.login-grid{grid-template-columns:1fr!important;gap:16px!important}.login-info-panel{padding:18px 20px!important}.login-note-type-grid{grid-template-columns:1fr!important}.login-header-title{font-size:17px!important}.login-header-sub{display:none!important}.login-body-pad{padding:20px!important}.login-panel-header-pad{padding:12px 20px!important}.login-info-title{font-size:19px!important}}input[type=email],input[type=password],input[type=search],input[type=text],textarea{font-size:16px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-content-grid{grid-template-columns:1fr 1fr}.app-note-picker{grid-template-columns:repeat(4,1fr)}.app-topbar-tag{display:inline}.app-note-chip:hover:not([aria-pressed=true]){background:var(--bg-elev)!important;color:var(--fg)!important;border-color:var(--line-strong,var(--line))!important}.app-note-chip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}@media (max-width:900px){main.app-root{height:auto!important;overflow:visible!important}.app-content-grid{grid-template-columns:1fr!important;gap:16px!important}.app-card,.app-content-grid{padding:16px!important;overflow:visible!important}.app-card{min-height:0!important;max-height:none!important}.app-note-picker{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.app-note-card{padding:10px!important}.app-note-icon{width:34px!important;height:34px!important}.app-topbar{height:54px!important;padding:0 14px!important}.app-chip-mute,.app-topbar-tag{display:none!important}.app-textarea{min-height:140px!important}.app-generate-btn{padding:14px 16px!important;font-size:14.5px!important}.app-generate-btn .app-kbd{display:none!important}.app-out-header{flex-wrap:wrap!important}.app-output{padding:12px!important}.app-footer,.app-output{font-size:11px!important}.app-footer{padding:14px 16px!important}}.landing-feature-row{grid-template-columns:repeat(3,1fr)}@media (max-width:720px){.landing-h1{font-size:30px!important;line-height:1.18!important}.landing-sub{font-size:15px!important}.landing-feature-row{grid-template-columns:1fr!important;gap:8px!important}.landing-hero{padding:16px 20px 32px!important}.landing-topbar{height:56px!important;padding:0 16px!important}.admin-container{padding:20px 14px!important}.admin-add-row{flex-direction:column!important;padding:10px!important}.admin-add-row button{width:100%!important}.admin-table td,.admin-table th{padding:8px 10px!important;font-size:12.5px!important}.admin-actions-cell{display:flex!important;gap:4px!important;flex-direction:column!important;align-items:stretch!important}}@media (max-width:480px){.modal-card{padding:28px 20px!important}}