*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}.input-on-accent::placeholder{color:#ffffffb3;opacity:1}.blog-prose{font-size:var(--text-md);color:var(--text);line-height:1.7}.blog-prose h2{font-size:var(--text-h2);letter-spacing:-.01em;margin:36px 0 12px;font-weight:800}.blog-prose h3{font-size:var(--text-lg);margin:28px 0 10px;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 #7b6df04d;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:#7b6df00d;border-radius:0 12px 12px 0;margin:18px 0;padding:12px 18px}.blog-prose code{background:var(--bg3);border-radius:var(--radius-sm);padding:2px 6px;font-size:.92em}.blog-prose pre{background:var(--bg3);border-radius:var(--radius-md);margin:18px 0;padding:14px 16px;overflow-x:auto}.blog-prose hr{border:none;border-top:1px solid var(--border);margin:28px 0}.blog-prose table{border-collapse:collapse;width:100%;font-size:var(--text-base);white-space:normal;margin:20px 0;display:block;overflow-x:auto}.blog-prose thead th{text-align:left;color:var(--text);background:var(--bg3);border-bottom:1px solid var(--border2);vertical-align:bottom;padding:10px 12px;font-weight:700}.blog-prose tbody td{color:var(--text2);border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.blog-prose tbody tr:last-child td{border-bottom:none}.blog-prose tbody td:first-child{color:var(--text);white-space:nowrap;font-weight:600}@media (width<=600px){.blog-prose table{font-size:var(--text-xs)}.blog-prose thead th,.blog-prose tbody td{padding:8px}.blog-prose tbody td:first-child{white-space:normal}}:root{--bg:#eef0f7;--bg2:#fff;--bg3:#f4f5fa;--text:#0d0c23;--text2:#4a4870;--text3:#9492b0;--border:#0000000f;--border2:#0000001f;--accent:#7b6df0;--accent2:#a46df0;--accent-hover:#6557e0;--accent-light:#7b6df01a;--accent-shade:#5b4ae8;--on-accent:#fff;--on-accent-surface:#fff3;--on-accent-border:#ffffff4d;--on-accent-text:#ffffffa6;--ok:#1d9e75;--error:#e24b4a;--warn:#ef9f27;--ok-soft:#1d9e751a;--ok-line:#1d9e7547;--error-soft:#e24b4a1a;--error-line:#e24b4a47;--warn-soft:#ef9f271f;--info-soft:#3a2db51f;--scrim:#0d0c2380;--header-blur:#eef0f7d9;--site-bg-1:#f3f1ff;--site-bg-2:#eef0f7;--sunrise-glow:radial-gradient(circle at 50% 14%, #ffa86a73, #ff8a8038 30%, #7b6df01a 50%, transparent 68%);--danger-gradient:linear-gradient(135deg, #ef4444, #dc2626);--glass:#ffffff9e;--glass-solid:#fffffff2;--glass-border:#fff9;--glass-inset:#fff9;--on-accent-danger:#ffd9d9;--dark:#1a1740;--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-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--radius-glass:26px;--radius-tab-pill:22px;--radius-bar:2px;--radius-circle:50%;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--text-micro:10px;--text-xs:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-h2:20px;--text-xl:24px;--text-title:32px;--icon-xs:12px;--icon-sm:14px;--icon-md:16px;--icon-lg:18px;--icon-xl:20px;--icon-2xl:24px;--icon-3xl:32px;--shadow-sm:0 2px 8px #7b6df00f;--shadow-md:0 4px 16px #7b6df01a;--shadow-lg:0 8px 40px #7b6df024;--shadow-accent:0 4px 12px #7b6df04d;--shadow-accent-card:0 12px 40px #7b6df054;--shadow-sheet:0 -8px 32px #7b6df026;--shadow-overlay:0 12px 40px #0d0c231f, 0 4px 12px #0d0c230f;--shadow-ink:0 6px 18px #0000002e;--shadow-knob:0 1px 4px #00000038;--transition:.2s ease;--opacity-dimmed:.4;--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%;-moz-text-size-adjust:100%;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}.page .page{padding:0}.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-lg);box-shadow:var(--shadow-md);padding:var(--sp-5)}.card-dark{background:var(--dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-5);color:var(--dark-text)}.list-group{background:var(--bg2);border-radius:var(--radius-lg);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:var(--text3);opacity:.55;cursor:not-allowed}.list-item__badge{border-radius:var(--radius-md);background:var(--accent-light);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.list-item__badge i{color:var(--accent);font-size:var(--icon-lg)}.list-item__badge-text{color:var(--accent);font-size:var(--text-xs);letter-spacing:.5px;font-weight:700}.list-item--disabled .list-item__badge{filter:grayscale()}.list-item__label{font-size:var(--text-base);flex:1}.list-item__right{color:var(--text3);font-size:var(--text-xs);align-items:center;gap:var(--sp-2);display:flex}.list-item__chevron{color:var(--text3);font-size:var(--icon-sm)}.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-xs);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:var(--on-accent);box-shadow:var(--shadow-accent)}.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--text{color:var(--text3);box-shadow:none;background:0 0;border:none}.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{background:var(--ok-soft);color:var(--ok)}.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-lg);padding:var(--sp-4) var(--sp-5);font-size:var(--text-xs);box-shadow:var(--shadow-sm);border:.5px solid #0000}.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)}.alert--info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.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{font-size:var(--icon-sm);color:var(--accent);flex-shrink:0;margin-top:1px}.player-arc{box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -3px 8px #0000000f,0 12px 32px #00000024}.player-disc{box-shadow:inset 0 2px 10px #ffffff4d, inset 0 -6px 14px #0000001f, var(--shadow-ink)}.theme-dark .player-arc{box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -3px 8px #00000040,0 12px 32px #0006}.theme-dark .player-disc{box-shadow:inset 0 2px 10px #ffffff24, inset 0 -6px 14px #0000004d, var(--shadow-ink)}.glass-pill{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:.5px solid var(--glass-border);box-shadow:var(--shadow-overlay), inset 0 1px 1px var(--glass-inset)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-pill,.auth-card,.legal-card{background:var(--glass-solid)}}.auth-page{isolation:isolate;background:var(--bg);flex-direction:column;min-height:100dvh;padding:2rem 1.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.auth-main{flex:1;justify-content:center;align-items:center;display:flex}.auth-foot{font-size:var(--text-xs);color:var(--text2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;margin-top:28px;display:flex}.auth-foot button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:2px}.auth-foot button:hover{color:var(--text)}.auth-page:before{content:"";border-radius:var(--radius-circle);pointer-events:none;z-index:-1;background:var(--sunrise-glow);filter:blur(48px);width:150vmax;height:150vmax;position:absolute;top:44vh;left:50%;transform:translate(-50%)}.auth-card{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:.5px solid var(--glass-border);box-shadow:var(--shadow-overlay), inset 0 1px 1px var(--glass-inset);border-radius:var(--radius-glass);padding:2rem 1.75rem}.auth-title{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:800;line-height:1.2}.legal-page{isolation:isolate;background:var(--bg);min-height:100dvh;position:relative;overflow:hidden}.legal-col{max-width:760px;margin:0 auto;padding:20px 20px 40px}.legal-page:before{content:"";border-radius:var(--radius-circle);background:var(--sunrise-glow);filter:blur(48px);opacity:.85;pointer-events:none;z-index:-1;width:1600px;height:1600px;position:absolute;top:-1150px;left:50%;transform:translate(-50%)rotate(180deg)}.legal-top{align-items:center;gap:14px;display:flex}.legal-back{border-radius:var(--radius-circle);border:.5px solid var(--glass-border);background:var(--glass);width:36px;height:36px;color:var(--text2);font-size:var(--text-md);cursor:pointer;justify-content:center;align-items:center;display:flex}.legal-head{padding:56px 4px 28px}.legal-head h1{letter-spacing:-.045em;color:var(--text);margin:0;font-size:clamp(36px,7vw,56px);font-weight:900;line-height:1}.legal-updated{font-size:var(--text-xs);color:var(--text3);margin-top:14px}.legal-card{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:.5px solid var(--glass-border);box-shadow:var(--shadow-overlay), inset 0 1px 1px var(--glass-inset);border-radius:var(--radius-glass);padding:36px 36px 12px}@media (width<=600px){.legal-card{padding:24px 20px 8px}.legal-head{padding-top:40px}}.legal-foot{font-size:var(--text-xs);color:var(--text3);flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:32px;display:flex}.legal-foot a{color:var(--text2)}.legal-foot a:hover{color:var(--text)}.brand-logo-svg{color:var(--text);vertical-align:middle;display:inline-block}.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;--ok-soft:#1d9e7529;--ok-line:#1d9e7561;--error-soft:#e24b4a29;--error-line:#e24b4a61;--warn-soft:#ef9f272e;--info-soft:#b3aaef29;--scrim:#000000a6;--header-blur:#0d0c23d9;--site-bg-1:#141130;--site-bg-2:#0d0c23;--sunrise-glow:radial-gradient(circle at 50% 14%, #ff8a8042, #a26cf729 28%, transparent 52%);--glass:#1a17408c;--glass-solid:#1a1740eb;--glass-border:#ffffff1a;--glass-inset:#ffffff14;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 4px 16px #0000005c;--shadow-lg:0 8px 40px #0000007a;--shadow-accent:0 4px 12px #7b6df061;--shadow-accent-card:0 12px 40px #7b6df06b;--shadow-sheet:0 -8px 32px #00000073;--shadow-overlay:0 12px 40px #00000080, 0 4px 12px #00000059;--shadow-ink:0 6px 18px #00000073;--shadow-knob:0 1px 4px #00000080}.site-logo{display:block}.site-logo--dark,.theme-dark .site-logo--light{display:none}.theme-dark .site-logo--dark{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}