:root{--cream:#f4eade;--cream-deep:#ede0ce;--cream-card:#faf5ee;--cream-white:#fdfaf5;--gold:#c9a84c;--gold-light:#e8c97a;--gold-pale:#f5e9c8;--gold-dim:#c9a84c26;--platinum:#bfc1c2;--ink:#2c2416;--ink-mid:#6b5b3e;--ink-light:#a8957a;--smoke:#9b9b9b;--slate:#edeae5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{height:100%}body{min-height:100%;color:var(--ink);background:var(--cream);margin:0;font-family:Montserrat,sans-serif;font-size:15px;font-weight:400;line-height:1.55}#root{min-height:100dvh}.serif{font-family:Cormorant Garamond,serif}.btn-primary{color:#fdfaf5;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#e8c97a,#c9a84c);border:none;border-radius:2px;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:#c9a84c;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #e8c97a;border-radius:2px;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.card{background:#faf5ee;border:1px solid #e8c97a;border-radius:2px;padding:1.2rem 1.3rem}.label-xs{letter-spacing:.22em;text-transform:uppercase;color:#c9a84c;font-size:9px;font-weight:600}.gold-rule{background:linear-gradient(90deg,#0000,#e8c97a,#0000);border:none;height:.5px;margin:0}.app-shell{background:var(--cream);flex-direction:column;min-height:100dvh;display:flex}.app-main{width:100%;max-width:720px;padding:1.25rem 1rem calc(5.5rem + env(safe-area-inset-bottom,0));flex:1;margin:0 auto}.page{animation:.35s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:1rem}.page-header__title{color:var(--ink);letter-spacing:.02em;margin:0 0 .35rem;font-size:clamp(2rem,6vw,2.75rem);font-weight:400}.page-header__subtitle{color:var(--ink-mid);margin:0}.body-copy{color:var(--ink-mid);margin:0 0 1rem;font-size:14px}.link-inline{color:var(--gold);border-bottom:1px solid var(--gold-pale);font-weight:500;text-decoration:none}.link-inline:hover{color:var(--ink);border-bottom-color:var(--gold)}.bottom-nav{z-index:50;padding:.5rem .35rem calc(.5rem + env(safe-area-inset-bottom,0));background:var(--cream-deep);border-top:1px solid var(--gold-pale);box-shadow:0 -6px 24px var(--gold-dim);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{letter-spacing:.06em;color:var(--smoke);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .15rem;font-size:10px;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:flex}.bottom-nav__item:hover{color:var(--ink-mid);background:var(--gold-dim)}.bottom-nav__item--active{color:var(--gold);font-weight:600}.bottom-nav__icon{font-size:1.35rem;line-height:1}.bottom-nav__label{white-space:nowrap}.loading-dots{vertical-align:middle;gap:4px;display:inline-flex}.loading-dots span{background:var(--gold);opacity:.35;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite loading-bounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loading-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.drill-brand__title{color:var(--gold);letter-spacing:.06em;margin:0;font-size:clamp(2rem,7vw,2.85rem);font-weight:400}.drill-level-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.drill-level-card{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.drill-level-card:hover{box-shadow:0 10px 28px var(--gold-dim);transform:translateY(-2px)}.drill-level-card__glow{background:linear-gradient(90deg, transparent, var(--gold-light), transparent);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.drill-level-card:hover .drill-level-card__glow{opacity:1}.drill-level-card__title{margin:.35rem 0 .25rem;font-size:1.25rem;font-weight:400}.drill-level-card__motive{margin:0 0 .5rem}.drill-level-card__meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.drill-level-card__stars{color:var(--gold);letter-spacing:.08em}.drill-level-card__cta{text-align:center;width:100%}.drill-practice__nav{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.drill-practice__level{color:var(--ink-mid);font-size:1.05rem;font-style:italic}.drill-bubble{background:var(--slate);color:var(--ink);border:1px solid var(--platinum);text-align:left;border-radius:2px;min-height:3.5rem;padding:1rem 1.1rem}.drill-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.55;margin:1rem 0 .25rem;font-size:11px}.drill-breath{width:140px;height:140px;margin:1.25rem auto;position:relative}.drill-breath__ring{border:1px solid var(--cream-card);background:radial-gradient(circle, var(--cream-white) 0%, var(--cream-deep) 70%);border-radius:50%;margin:auto;animation:4.5s ease-in-out infinite drill-breath;position:absolute;inset:0}.drill-breath__ring--2{width:72%;height:72%;animation-delay:.4s}.drill-breath__ring--3{width:44%;height:44%;animation-delay:.8s}.drill-breath--active .drill-breath__ring{animation-duration:2.2s}@keyframes drill-breath{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.drill-tabs{border:1px solid var(--gold-pale);border-radius:2px;gap:0;margin-top:.5rem;display:flex;overflow:hidden}.drill-tab{letter-spacing:.08em;background:var(--cream-card);color:var(--ink-mid);cursor:pointer;border:none;flex:1;padding:.55rem .5rem;font-family:Montserrat,sans-serif;font-size:11px;font-weight:500}.drill-tab--on{background:var(--gold-dim);color:var(--gold);font-weight:600}.drill-textarea-wrap{margin-top:.65rem;position:relative}.drill-textarea{width:100%;color:var(--ink);background:var(--cream-white);border:1px solid var(--gold-light);resize:vertical;border-radius:2px;min-height:6rem;margin-top:.65rem;padding:.75rem .85rem;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.5}.drill-textarea__hint{text-align:right;color:var(--ink-light);margin-top:.25rem;font-size:10px}.drill-voice{margin-top:.65rem}.drill-mic{border:2px solid var(--gold-light);background:linear-gradient(145deg, var(--gold-pale), var(--cream-card));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:.75rem auto;transition:transform .2s,box-shadow .2s;display:flex}.drill-mic--on{box-shadow:0 0 0 6px var(--gold-dim);transform:scale(1.03)}.drill-mic__icon{color:var(--gold);font-size:1.25rem}.drill-metrics{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.drill-metric__big{color:var(--gold);font-variant-numeric:tabular-nums;margin:.35rem 0;font-size:2rem;font-weight:600}.drill-formula{color:var(--ink-mid);font-size:1rem;line-height:1.45}.drill-tips{color:var(--ink-mid);margin:0;padding-left:1.1rem;font-size:14px}.drill-tips li{margin-bottom:.45rem}.drill-actions{flex-direction:column;gap:.65rem;margin-top:1.5rem;display:flex}.drill-notebook-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.drill-notebook-item__head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.drill-notebook-item__q{color:var(--ink);margin:0;font-size:14px;font-weight:500}.formula-filters{flex-wrap:wrap;gap:.45rem;margin:1rem 0 .5rem;display:flex}.formula-filter{border:1px solid var(--gold-light);background:var(--cream-card);color:var(--ink-mid);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:.45rem .65rem;font-family:Montserrat,sans-serif;font-size:9px;font-weight:600}.formula-filter--on{color:var(--cream-white);background:linear-gradient(135deg,#e8c97a,#c9a84c);border-color:#0000}.formula-count{color:var(--ink-light);margin:0 0 .85rem}.formula-grid{grid-template-columns:1fr;gap:.85rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}@media (width>=520px){.formula-grid{grid-template-columns:repeat(2,1fr)}}.formula-card{min-height:11.5rem;position:relative}.formula-card__fav{z-index:2;width:2rem;height:2rem;color:var(--gold);cursor:pointer;background:#fdfaf5eb;border:none;border-radius:50%;font-size:1rem;line-height:1;position:absolute;top:.55rem;right:.55rem;box-shadow:0 1px 4px #2c241614}.formula-card__fav--on{color:#b8860b}.formula-card__flip{border:1px solid var(--gold-light);background:var(--cream-card);cursor:pointer;text-align:left;perspective:900px;border-radius:2px;width:100%;min-height:11.5rem;padding:0}.formula-card__inner{width:100%;min-height:11.5rem;transform-style:preserve-3d;transition:transform .45s;position:relative}.formula-card--flipped .formula-card__inner{transform:rotateY(180deg)}.formula-card__face{backface-visibility:hidden;flex-direction:column;padding:1.1rem 1.2rem 1rem;display:flex;position:absolute;inset:0}.formula-card__back{overflow-y:auto;transform:rotateY(180deg)}.formula-card__title{color:var(--ink);margin:.35rem 0 .5rem;font-size:1.25rem;line-height:1.2}.formula-card__formula{color:var(--ink-mid);flex:1;margin:0;font-size:13px;line-height:1.55}.formula-card__hint{color:var(--ink-light);margin-top:.65rem}.formula-card__example{color:var(--ink);margin:.25rem 0 0;font-size:13px;font-style:italic;line-height:1.55}.formula-card__when,.formula-card__avoid{margin:.2rem 0 0;font-size:12px;line-height:1.5}