@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}}:root{--bg-primary:#050508;--bg-secondary:#0a0a10;--bg-card:#0d0d15;--bg-card-hover:#12121d;--bg-elevated:#161625;--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-muted:#555570;--text-accent:#b0b0d0;--accent-primary:#6c5ce7;--accent-glow:#6c5ce740;--accent-secondary:#a29bfe;--accent-warm:#fd79a8;--accent-warm-glow:#fd79a830;--success:#00cec9;--success-dim:#00cec920;--error:#ff6b6b;--error-dim:#ff6b6b20;--border:#1a1a2e;--border-light:#2a2a40;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.6}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);background:var(--bg-elevated);color:var(--accent-secondary);border-radius:4px;padding:2px 8px;font-size:.9em}.mono{font-family:var(--font-mono)}.home{justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex;position:relative;overflow:hidden}.home__glow{filter:blur(120px);pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.home__glow--1{background:var(--accent-primary);width:500px;height:500px;animation:20s ease-in-out infinite drift1;top:-150px;right:-100px}.home__glow--2{background:var(--accent-warm);width:400px;height:400px;animation:25s ease-in-out infinite drift2;bottom:-100px;left:-80px}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(-60px,40px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(50px,-50px)}}.home__content{text-align:center;z-index:1;max-width:560px;position:relative}.home__badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin-bottom:2rem;padding:6px 16px;font-size:.8rem;display:inline-flex}.home__badge-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.home__title{font-family:var(--font-display);margin-bottom:1.25rem;font-weight:400;line-height:1.05}.home__title-line{letter-spacing:-.02em;font-size:clamp(3rem,10vw,5.5rem);display:block}.home__title-line--accent{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-warm));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.home__subtitle{color:var(--text-secondary);margin-bottom:2.5rem;max-width:420px;margin-inline:auto;font-size:1.1rem;line-height:1.7}.home__subtitle em{color:var(--text-primary);font-style:italic}.home__actions{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.home__button{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);transition:all .3s var(--ease-out);cursor:pointer;text-align:left;align-items:center;gap:12px;min-width:180px;padding:16px 28px;display:flex}.home__button:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-2px)}.home__button--learn:hover{border-color:var(--accent-primary);box-shadow:0 8px 40px var(--accent-glow)}.home__button--practice:hover{border-color:var(--accent-warm);box-shadow:0 8px 40px var(--accent-warm-glow)}.home__button-icon{font-size:1.5rem}.home__button-label{font-size:1.05rem;font-weight:600;display:block}.home__button-desc{color:var(--text-muted);font-size:.8rem;display:block}.home__footer{color:var(--text-muted);font-size:.8rem}.home__footer strong{color:var(--text-secondary)}.learn{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.learn__header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.learn__back{color:var(--text-muted);flex-shrink:0;font-size:.85rem;transition:color .2s}.learn__back:hover{color:var(--text-primary)}.learn__title{font-family:var(--font-display);font-size:1.75rem;font-style:italic;font-weight:400}.learn__tabs{scrollbar-width:none;-ms-overflow-style:none;gap:4px;margin-bottom:2rem;padding-bottom:2px;display:flex;overflow-x:auto}.learn__tabs::-webkit-scrollbar{display:none}.learn__tab{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all .2s var(--ease-out);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:500;display:flex}.learn__tab:hover{background:var(--bg-card);color:var(--text-primary)}.learn__tab--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.learn__tab-num{font-family:var(--font-mono);opacity:.6;font-size:.7rem}.learn__content{margin-bottom:3rem}.learn__section{animation:fadeIn .3s var(--ease-out)}.learn__section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-style:italic;font-weight:400}.learn__text{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7}.learn__table-wrap{border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:1.5rem;overflow-x:auto}.learn__table{border-collapse:collapse;width:100%;font-size:.9rem}.learn__table th{text-align:left;background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:10px 16px;font-size:.8rem;font-weight:500}.learn__table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:10px 16px}.learn__table tr:last-child td{border-bottom:none}.learn__table-highlight td{background:var(--accent-primary);background:linear-gradient(135deg,#6c5ce71a,#6c5ce70d)}.learn__mnemonic{color:var(--text-muted);font-size:.85rem}.learn__mnemonic-phrase{color:var(--accent-warm);font-style:italic}.learn__formula{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1.5rem;padding:12px 16px;display:flex}.learn__formula-label{color:var(--text-secondary);font-size:.85rem}.learn__var-list{flex-direction:column;gap:8px;margin-bottom:1.5rem;display:flex}.learn__var{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 12px;display:flex}.learn__var-name{text-align:center;min-width:28px;font-weight:600}.learn__var-desc{color:var(--text-secondary);font-size:.9rem}.learn__callout{border-radius:var(--radius-md);background:linear-gradient(135deg,#fd79a80f,#fd79a805);border:1px solid #fd79a826;gap:12px;margin-bottom:1.5rem;padding:16px;display:flex}.learn__callout-icon{flex-shrink:0;font-size:1.2rem}.learn__callout p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.learn__callout strong{color:var(--accent-warm)}.learn__example{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:1rem;overflow:hidden}.learn__example-title{background:var(--bg-elevated);font-family:var(--font-mono);color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 16px;font-size:.8rem;font-weight:500}.learn__example-content{padding:16px}.learn__picker{border-top:1px solid var(--border);padding-top:2rem}.learn__picker-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.5rem;font-style:italic;font-weight:400}.learn__picker-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.learn__date-input{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;width:100%;max-width:280px;padding:10px 16px;font-size:1rem;transition:border-color .2s}.learn__date-input:focus{border-color:var(--accent-primary)}.learn__picker-result{animation:fadeIn .3s var(--ease-out);margin-top:1.5rem}.learn__picker-date{font-family:var(--font-mono);color:var(--text-accent);margin-bottom:1rem;font-size:1.1rem}.learn__picker-date strong{color:var(--success)}.practice{max-width:600px;margin:0 auto;padding:2rem 1.5rem 4rem}.practice__header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.practice__back{color:var(--text-muted);flex-shrink:0;font-size:.85rem;transition:color .2s}.practice__back:hover{color:var(--text-primary)}.practice__title{font-family:var(--font-display);font-size:1.75rem;font-style:italic;font-weight:400}.practice__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:1.5rem;padding:2rem}.practice__timer{font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-bottom:1rem;font-size:.85rem;display:flex}.practice__timer-icon{font-size:.9rem}.practice__timer-value{min-width:50px}.practice__date{text-align:center;font-family:var(--font-display);color:var(--text-primary);margin-bottom:2rem;font-size:clamp(1.8rem,6vw,2.5rem);font-style:italic;font-weight:400;line-height:1.2}.practice__feedback{text-align:center;border-radius:var(--radius-md);font-family:var(--font-mono);animation:fadeIn .3s var(--ease-out);margin-top:1.5rem;padding:12px;font-size:.95rem}.practice__feedback--correct{background:var(--success-dim);color:var(--success);border:1px solid #00cec933}.practice__feedback--incorrect{background:var(--error-dim);color:var(--error);border:1px solid #ff6b6b33}.practice__feedback strong{color:var(--success)}.practice__breakdown{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.practice__next{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);width:100%;font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-out);border:none;margin-top:1.5rem;padding:14px;font-size:1rem;font-weight:600;display:block}.practice__next:hover{background:var(--accent-secondary);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.session-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:1.25rem;padding:14px 20px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;font-weight:600}.stat-value--streak{color:var(--accent-warm)}.stat-dim{color:var(--text-muted);font-weight:400}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.stat-divider{background:var(--border);width:1px;height:32px}.day-buttons-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.day-button{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-height:52px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-out);padding:14px 8px;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.day-button:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.day-button__short{display:none}.day-button--correct{background:var(--success-dim)!important;border-color:var(--success)!important;color:var(--success)!important}.day-button--incorrect{background:var(--error-dim)!important;border-color:var(--error)!important;color:var(--error)!important}.day-button--disabled{opacity:.3;cursor:not-allowed}.step-breakdown{flex-direction:column;gap:1.25rem;display:flex}.step-breakdown--animate{animation:fadeIn .4s var(--ease-out)}.step-section{border-left:2px solid var(--border);padding-left:16px}.step-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:flex}.step-number{font-family:var(--font-mono);color:var(--accent-primary);opacity:.8;font-size:.7rem}.step-content{flex-direction:column;gap:4px;display:flex}.step-line{font-family:var(--font-mono);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.85rem;line-height:1.6;display:flex}.step-label{color:var(--text-muted);flex-shrink:0}.step-value{color:var(--text-accent)}.step-dim{color:var(--text-muted)}.step-line--result .step-value{color:var(--accent-secondary)}.step-line--final{border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.step-value--result{font-size:.95rem;font-weight:600;color:var(--success)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.home__actions{flex-direction:column}.home__button{min-width:unset;justify-content:center;width:100%}.day-buttons-grid{grid-template-columns:repeat(4,1fr)}.day-button__full{display:none}.day-button__short{display:inline}.learn__tabs{gap:6px}.learn__tab{padding:8px 12px;font-size:.8rem}.practice__card{padding:1.25rem}.session-stats{gap:.75rem;padding:12px 14px}.stat-value{font-size:1rem}}