*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}.input-on-accent::placeholder{color:#ffffffb3;opacity:1}.blog-prose{color:var(--text);font-size:16px;line-height:1.7}.blog-prose h2{letter-spacing:-.01em;margin:36px 0 12px;font-size:22px;font-weight:800}.blog-prose h3{margin:28px 0 10px;font-size:18px;font-weight:700}.blog-prose p{color:var(--text2);margin:14px 0}.blog-prose ul,.blog-prose ol{color:var(--text2);margin:14px 0 14px 22px}.blog-prose li{margin:6px 0}.blog-prose li>p{margin:4px 0}.blog-prose strong{color:var(--text);font-weight:700}.blog-prose a{color:var(--accent);border-bottom:1px solid #5b4ae84d;text-decoration:none}.blog-prose a:hover{border-bottom-color:var(--accent)}.blog-prose blockquote{border-left:3px solid var(--accent);color:var(--text);background:#5b4ae80d;border-radius:0 12px 12px 0;margin:18px 0;padding:12px 18px}.blog-prose code{background:var(--bg3);border-radius:6px;padding:2px 6px;font-size:.92em}.blog-prose pre{background:var(--bg3);border-radius:12px;margin:18px 0;padding:14px 16px;overflow-x:auto}.blog-prose hr{border:none;border-top:1px solid var(--border);margin:28px 0}:root{--bg:#eef0f7;--bg2:#fff;--bg3:#f4f5fa;--text:#0d0c23;--text2:#4a4870;--text3:#9492b0;--border:#0000000f;--border2:#0000001f;--accent:#7b6df0;--accent2:#7b6df0;--accent-hover:#6557e0;--accent-light:#7b6df01a;--accent-text:#fff;--dark:#1a1740;--dark2:#2e2b5e;--dark3:#2e2b5e;--dark-text:#fff;--dark-text2:#9492b0;--dark-border:#ffffff14;--success-bg:#eaf3de;--success-text:#27500a;--success-border:#b8dea0;--warn-bg:#faeeda;--warn-text:#633806;--warn-border:#f0c88a;--danger-bg:#fcebeb;--danger-text:#791f1f;--danger-border:#f09595;--info-bg:#ece9fd;--info-text:#3a2db5;--info-border:#b3aaef;--radius:10px;--radius-lg:16px;--radius-xl:16px;--radius-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--text-xs:12px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:24px;--shadow-sm:0 2px 8px #5b4ae80f;--shadow:0 4px 16px #5b4ae81a;--shadow-lg:0 8px 40px #5b4ae824;--transition:.2s ease;--transition-slow:.35s ease;--page-x:1.25rem}@media (width<=768px){:root{--page-x:1rem}input,textarea,select{font-size:max(16px,1em)}}html,body,#root{touch-action:manipulation;-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:Onest,system-ui,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scrollbar-width:none;-ms-overflow-style:none;line-height:1.5}svg{shape-rendering:geometricprecision}::-webkit-scrollbar{display:none}input,select,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{padding:0 var(--page-x);gap:var(--sp-4);flex-direction:column;display:flex}.section-header{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--sp-1);font-weight:600}.card{background:var(--bg2);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--sp-5)}.card-dark{background:var(--dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--sp-5);color:var(--dark-text)}.list-group{background:var(--bg2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.list-item{font-size:var(--text-base);color:var(--text);border:none;border-bottom:.5px solid var(--border);text-align:left;justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;transition:background var(--transition);background:0 0;padding:13px 14px;display:flex}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg3)}.list-item--disabled{color:#ccc;cursor:not-allowed}.list-item__label{font-size:var(--text-base);flex:1}.list-item__right{color:var(--text3);font-size:var(--text-sm);align-items:center;gap:var(--sp-2);display:flex}.list-item__chevron{color:#ccc;font-size:14px}.field-row{align-items:center;gap:var(--sp-3);border-bottom:.5px solid var(--border);padding:0 14px;display:flex}.field-row:last-child{border-bottom:none}.field-row__label{font-size:var(--text-base);color:var(--text);white-space:nowrap;min-width:130px}.field-row__input{font-size:var(--text-base);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:13px 0}.field-hint{font-size:var(--text-xs);color:var(--text3);padding:0 var(--sp-1)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:12px var(--sp-5);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition), background var(--transition);border:none;width:100%;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #5b4ae84d}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg2);color:var(--text);border:.5px solid var(--border2)}.btn--danger{background:var(--danger-bg);color:var(--danger-text);border:.5px solid var(--danger-border)}.btn--ghost{color:var(--text);border:.5px solid var(--border2);background:0 0}.btn--sm{font-size:var(--text-xs);width:auto;padding:6px 14px}input[type=range]{accent-color:var(--accent)}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge--success{color:#2e8b57;background:#28a74526}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.badge--danger{background:var(--danger-bg);color:var(--danger-text)}.badge--neutral{background:var(--bg3);color:var(--text2)}.alert{border-radius:var(--radius-xl);padding:var(--sp-4) var(--sp-5);font-size:var(--text-sm);box-shadow:var(--shadow-sm);border:none}.alert--success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.alert--danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.alert--warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}@keyframes wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}.page-trans--out{animation:.2s forwards pageFadeOut}.page-trans--in-right{animation:.34s pageFadeInRight}.page-trans--in-left{animation:.34s pageFadeInLeft}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}@keyframes pageFadeInRight{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeInLeft{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes cookie-slide-up{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.spinner{border:2px solid var(--border2);border-top-color:var(--text);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.info-bar{background:var(--bg2);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text3);align-items:flex-start;gap:8px;padding:10px 14px;line-height:1.4;display:flex}.info-bar .ti{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:14px}.glass-pill{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff9e;border:.5px solid #fff9;box-shadow:0 12px 32px #0d0c231f,0 4px 12px #0d0c230d,inset 0 1px 1px #fff9}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-pill{background:#fffffff2}}.theme-dark .glass-pill{background:#1a17408c;border:.5px solid #ffffff1a;box-shadow:0 12px 32px #0006,inset 0 1px 1px #ffffff14}.brand-logo-svg{color:#000;vertical-align:middle;display:inline-block}.theme-dark .brand-logo-svg{color:#fff}.theme-dark{--bg:#0d0c23;--bg2:#1a1740;--bg3:#2e2b5e;--text:#f4f5fa;--text2:#b8b6c8;--text3:#7a7790;--border:#ffffff14;--border2:#ffffff29;--accent-light:#7b6df038;--success-bg:#1a3318;--success-text:#b8dea0;--success-border:#27500a;--warn-bg:#3a2a10;--warn-text:#f0c88a;--warn-border:#633806;--danger-bg:#3a1818;--danger-text:#f09595;--danger-border:#791f1f;--info-bg:#1f1c45;--info-text:#b3aaef;--info-border:#3a2db5}