:root{color:#161513;font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#f3f0e8;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}#root,.app-shell{min-height:100svh}.topbar{z-index:20;background:#faf9f5eb;border-bottom:1px solid #d9d4ca;padding:.75rem 1.5rem;position:sticky;top:0}.brand,.back-link{color:#161513;text-decoration:none}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.01em;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.15rem;font-weight:600}.brand small{color:#6e675d;text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem;font-size:.78rem}.page-shell{flex-direction:column;gap:1.5rem;max-width:1120px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex}.hero-panel,.lab-card,.map-card,.state-card,.quiz-panel,.quiz-side-card,.progress-card{background:#f8f6f1;border:1px solid #ddd7cc}.hero-panel{grid-template-columns:minmax(0,1fr) 220px;gap:1.5rem;padding:1.5rem;display:grid}.hero-panel--home,.hero-panel--editorial{background:#f8f6f1}.hero-copy h1,.section-heading h2,.state-card__content h2,.quiz-panel__header h2{color:#161513;letter-spacing:-.01em;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-weight:600}.hero-copy h1{max-width:12ch;margin:.3rem 0 .75rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02}.hero-copy p,.hero-note p,.section-heading p,.lab-card p,.quiz-side-card p,.round-summary p,.progress-card p,.placeholder-image p,.fact-panel p{color:#575148;margin-bottom:0}.hero-note{color:#6e675d;flex-direction:column;justify-content:end;align-self:end;gap:.5rem;font-size:.95rem;display:flex}.info-row{background:#f8f6f1;border:1px solid #ddd7cc;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.info-row__group{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.info-row__group--meta{color:#6e675d;font-size:.92rem}.info-row__title{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1rem;font-weight:600}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.section-stack{flex-direction:column;gap:1rem;display:flex}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.lab-grid,.progress-grid{gap:1rem;display:grid}.lab-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lab-card,.quiz-panel,.quiz-side-card,.progress-card,.map-card,.state-card{padding:1.25rem}.lab-card{flex-direction:column;gap:.9rem;display:flex}.button,.mode-pill,.focus-chip,.choice-card{appearance:none;color:#161513;cursor:pointer;font:inherit;background:0 0;border:1px solid #c9c1b4;border-radius:999px;justify-content:center;padding:.8rem 1rem;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.button--primary,.mode-pill--active,.focus-chip--active{color:#f8f6f1;background:#161513;border-color:#161513}.button--secondary{background:#ece8df}.button--ghost,.button--disabled{color:#6e675d}.button--disabled{cursor:not-allowed}.status-badge,.target-pill,.quiz-score,.feedback-banner{color:#575148;letter-spacing:.02em;border:1px solid #d3ccbf;padding:.45rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge--mastered{color:#161513;background:#ece8df}.status-badge--learning,.status-badge--needs-practice,.status-badge,.target-pill,.quiz-score,.feedback-banner{background:#f4f1ea}.eyebrow{color:#6e675d;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.mode-switcher{gap:.75rem;display:flex}.states-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:1rem;display:grid}.states-layout--quiz{grid-template-columns:minmax(0,1.5fr) minmax(320px,.78fr);align-items:start;gap:1.5rem}.map-card__header,.quiz-panel__header,.state-card__title-row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.map-card__header h3,.quiz-panel__header h2,.state-card__content h2,.section-heading h2{margin:.35rem 0 0}.usa-map{touch-action:manipulation;width:100%;margin-top:.75rem;display:block}.usa-map__state{cursor:pointer;fill:#ddd7cc;pointer-events:auto;stroke:#f8f6f1;stroke-width:1px;transition:fill .12s}.usa-map__state:hover,.usa-map__state:focus-visible{fill:#bdb4a3;outline:none}.usa-map__state--active,.usa-map__state--target{fill:#161513}.capital-marker{pointer-events:none}.capital-marker__ring{fill:#c49c3a2e;stroke:#c49c3a;stroke-width:1.5px}.capital-marker__dot{fill:#c49c3a}.capital-marker__label{fill:#161513;paint-order:stroke;stroke:#f8f6f1;stroke-width:4px;stroke-linejoin:round;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700}.state-card__content{flex-direction:column;gap:.9rem;display:flex}.fact-panel,.placeholder-image,.quiz-intro{background:#fbfaf7;border:1px solid #e2ddd4;padding:1rem}.quiz-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.fact-panel span,.placeholder-image span{color:#6e675d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:700;display:block}.fact-panel strong{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.55rem;font-weight:600}.state-emoji{margin-right:.15rem;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:1.05em;display:inline-block}.placeholder-image{min-height:110px}.memory-scene{align-items:center;gap:.85rem;margin:.35rem 0 .75rem;display:flex}.memory-scene__emoji{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:2rem}.memory-scene__word{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.2rem;font-weight:600}.study-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.65rem;display:grid}.study-step{background:#fbfaf7;border:1px solid #e2ddd4;place-items:center start;gap:.35rem;padding:.85rem;display:grid}.study-step span{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.2rem;font-weight:600}.study-step p{color:#575148;margin-bottom:0}.study-steps--summary .study-step{text-align:center;justify-items:center}.focus-strip{border-top:1px solid #ddd7cc;gap:.7rem;margin-top:.25rem;padding-top:1rem;display:grid}.focus-strip--regions{border-top:0;margin-top:0;padding-top:0}.focus-strip--quiz{gap:.8rem;margin-top:0;padding-top:0}.focus-strip__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.quiz-panel__header{align-items:center;margin-bottom:0}.quiz-side-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.quiz-side-card__top{margin-bottom:0}.hero-actions--tight{margin-top:0}.quiz-intro{color:#575148;margin-bottom:0}.choices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.choice-card{border-radius:0;min-height:72px;padding-inline:1.25rem}.round-summary{margin-top:1rem}.round-summary__stats{align-items:baseline;gap:1rem;margin-top:.75rem;display:flex}.round-summary__stats strong{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.5rem;font-weight:600}.round-summary__stats span{color:#6e675d}.feedback-banner{margin-top:0}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-card{justify-content:space-between;align-items:center;display:flex}@media (width<=960px){.hero-panel,.states-layout,.lab-grid,.progress-grid,.choices-grid,.study-steps{grid-template-columns:1fr}.section-heading,.map-card__header,.quiz-panel__header,.state-card__title-row,.info-row{flex-direction:column;align-items:start}}.balance-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);align-items:start;gap:1.5rem;display:grid}.balance-stage{flex-direction:column;gap:1rem;display:flex}.balance-title{color:#161513;letter-spacing:-.01em;margin:.35rem 0 0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.6rem;font-weight:600}.balance-hook,.balance-goal{color:#575148;margin-bottom:0}.balance-goal{color:#161513;margin-top:.35rem;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.25rem;font-weight:600}.balance-scale{touch-action:manipulation;background:radial-gradient(at 50% 100%,#c49c3a1f,#0000 60%),linear-gradient(#fbfaf7,#f4f1ea);border:1px solid #e2ddd4;width:100%;display:block}.scale-ground{stroke:#cfc8bb;stroke-linecap:round;stroke-width:4px}.scale-post,.scale-beam rect{fill:#3b3833}.scale-pivot{fill:#c49c3a;stroke:#3b3833;stroke-width:3px}.scale-rope{stroke:#8d8578;stroke-width:2px}.scale-plate{fill:#6e675d}.scale-item{transition:transform .26s}.scale-item--clickable{cursor:pointer}.scale-item--clickable:hover,.scale-item--clickable:focus-visible{outline:none;transform:translateY(-4px)}.scale-item--clickable:hover .scale-bag path:first-child,.scale-item--clickable:focus-visible .scale-bag path:first-child,.scale-item--clickable:hover .scale-marble circle:first-child,.scale-item--clickable:focus-visible .scale-marble circle:first-child{stroke-width:3px}.scale-bag path:first-child{fill:#c49c3a;stroke:#7a5f1d;stroke-linejoin:round;stroke-width:2px;transition:fill .3s}.scale-bag--open path:first-child{fill:#e5c97a}.scale-bag__tie{fill:none;stroke:#7a5f1d;stroke-width:2px}.scale-bag text{fill:#161513;pointer-events:none;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:18px;font-weight:700}.scale-marble circle:first-child{fill:#2f5d8a;stroke:#1d3d5d;stroke-width:2px}.scale-marble__shine{fill:#ffffff8c}.equation-strip{background:#fbfaf7;border:1px solid #e2ddd4;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.25rem;padding:.9rem 1.1rem;display:flex}.equation{color:#161513;letter-spacing:.02em;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.9rem;font-weight:600}.equation-check{color:#575148;gap:.6rem;margin-left:auto;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.1rem;display:flex}.equation-check--ok{color:#2e6b3a}.equation-check--no{color:#9b3b2e}.action-bar{flex-wrap:wrap;gap:.6rem;display:flex}.action-bar .button:disabled{cursor:not-allowed;opacity:.45}.balance-side{gap:1.25rem}.coach__hint{font-style:italic;color:#575148!important}.guess-panel,.done-panel{flex-direction:column;gap:.85rem;display:flex}.guess-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.guess-chip{appearance:none;color:#161513;cursor:pointer;background:#f4f1ea;border:1px solid #c9c1b4;min-height:48px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.15rem;font-weight:600;transition:background .12s,color .12s,border-color .12s}.guess-chip:hover:not(:disabled){background:#ece8df}.guess-chip--active{color:#161513;background:#c49c3a;border-color:#c49c3a}.guess-chip:disabled{cursor:not-allowed;opacity:.4}.guess-note{color:#6e675d;margin:0;font-size:.9rem}.done-panel__headline{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:2.4rem;font-weight:600;line-height:1.1}.done-panel p{color:#575148;margin-bottom:0}.level-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.level-pill{appearance:none;color:#161513;cursor:pointer;text-align:left;background:#f8f6f1;border:1px solid #ddd7cc;align-items:center;gap:.75rem;padding:.8rem .9rem;transition:background .12s,border-color .12s;display:flex}.level-pill:hover{background:#ece8df}.level-pill--active{border-color:#161513}.level-pill__index{border:1px solid #c9c1b4;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.level-pill--done .level-pill__index{background:#c49c3a;border-color:#c49c3a}@media (width<=960px){.balance-layout,.level-list{grid-template-columns:1fr}.equation-check{margin-left:0}}.pi-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);align-items:start;gap:1.5rem;display:grid}.pi-stage{flex-direction:column;gap:1rem;display:flex}.pi-stage--name{text-align:center;align-items:center}.pi-title{color:#161513;letter-spacing:-.01em;margin:.35rem 0 0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.6rem;font-weight:600}.pi-hook{color:#575148;margin-bottom:0}.pi-goal{color:#161513;margin:.35rem 0 0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.25rem;font-weight:600}.pi-side{gap:1.25rem}.action-hint{color:#6e675d;align-self:center;font-size:.9rem}.guess-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.guess-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.rolling-wheel{touch-action:none;background:linear-gradient(#fbfaf7,#f4f1ea 70%,#ece8df 70%);border:1px solid #e2ddd4;width:100%;display:block}.ground{stroke:#3b3833;stroke-width:3px}.ruler-segment{fill:#e5dfd3}.ruler-segment--alt{fill:#d8d1c3}.ruler-tick{stroke:#3b3833;stroke-width:2px}.ruler-label{fill:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:20px;font-weight:700}.ruler-caption{fill:#6e675d;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700}.rim{fill:none;stroke:#c49c3a;stroke-linecap:butt;stroke-width:8px}.wheel--grab{cursor:grab}.wheel--grab:active{cursor:grabbing}.wheel__body{fill:#fbfaf7;stroke:#3b3833;stroke-width:3px}.wheel--tractor .wheel__body{fill:#eef0e6}.wheel--skate .wheel__body{fill:#f1ecf5}.wheel__spoke{stroke:#c9c1b4;stroke-width:3px}.wheel__hub{fill:#3b3833}.wheel__mark{fill:#161513;stroke:#fbfaf7;stroke-width:2px}.wheel__diameter{stroke:#2f5d8a;stroke-dasharray:6 5;stroke-width:3px}.wheel__diameter-label{fill:#2f5d8a;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.story-card{background:#f8f6f1;border:1px solid #ddd7cc;flex-direction:column;gap:1.25rem;width:100%;max-width:760px;margin:0 auto;padding:1.75rem;display:flex}.story-beat{grid-template-columns:96px minmax(0,1fr);gap:1.5rem;animation:.36s story-in;display:grid}.story-beat p{color:#3b3833;margin:.75rem 0 0;font-size:1.08rem;line-height:1.55}.story-beat__emoji{background:#fbfaf7;border:1px solid #e2ddd4;justify-content:center;align-items:center;width:96px;height:96px;font-family:Apple Color Emoji,Segoe UI Emoji,ui-serif,Georgia,serif;font-size:2.6rem;display:flex}.story-beat__when{color:#6e675d;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:700}.story-nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.story-dots{gap:.4rem;display:flex}.story-dot{background:#d3ccbf;border-radius:999px;width:8px;height:8px}.story-dot--active{background:#161513}@keyframes story-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.circle-graph{background:#fbfaf7;border:1px solid #e2ddd4;width:100%;display:block}.graph-grid{stroke:#ece8df;stroke-width:1px}.graph-axis{stroke:#3b3833;stroke-width:2px}.graph-tick{fill:#6e675d;font-size:12px}.graph-axis-label{fill:#161513;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.graph-line{stroke:#2f5d8a;stroke-width:3px;transition:stroke .2s}.circle-graph--locked .graph-line{stroke:#c49c3a;stroke-width:4px}.graph-point{fill:#161513;stroke:#fbfaf7;stroke-width:2px}.graph-point-label{fill:#575148;font-size:12px}.slope-control,.custom-wheel{flex-direction:column;gap:.6rem;display:flex}.slope-control input[type=range],.custom-wheel input[type=range]{accent-color:#161513;width:100%}.custom-wheel__row{color:#575148;flex-direction:column;gap:.35rem;display:flex}.pi-digits{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;color:#6e675d!important;font-size:.85rem!important}.pi-symbol{color:#c49c3a;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:7rem;line-height:1}.equation--big{font-size:2.2rem}.chapter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.chapter-card{background:#f8f6f1;border:1px solid #ddd7cc;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.chapter-card h3{margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.15rem;font-weight:600}.chapter-card p{color:#575148;margin:0}.chapter-card--planned{opacity:.7}@media (width<=960px){.pi-layout,.chapter-grid,.story-beat{grid-template-columns:1fr}.story-nav{flex-direction:column;align-items:start}}.chapter-card{color:inherit;text-decoration:none;transition:background .12s,border-color .12s}.chapter-card:hover{background:#ece8df}.chapter-card--active{border-color:#161513}.pizza,.radius-squares,.polygon-trap,.case-art{background:#fbfaf7;border:1px solid #e2ddd4;width:100%;display:block}.radius-squares,.polygon-trap{max-width:520px;margin:0 auto}.case-art{max-width:440px;margin:0 auto}.pizza__wedge{fill:#e5c97a;stroke:#7a5f1d;stroke-linejoin:round;stroke-width:1.5px}.pizza__wedge--alt{fill:#c49c3a}.pizza__radius{stroke:#2f5d8a;stroke-dasharray:6 5;stroke-width:3px}.pizza__label{fill:#2f5d8a;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.pizza__bracket{stroke:#2f5d8a;stroke-width:3px}.pizza__square-tick{stroke:#161513;stroke-dasharray:4 4;stroke-width:2px}.pizza__square-label{fill:#161513;paint-order:stroke;stroke:#fbfaf7cc;stroke-width:6px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:30px;font-weight:700}.pizza__square-label--bit{font-size:18px}.radius-squares__cell{fill:#f4f1ea;stroke:#c9c1b4;stroke-dasharray:5 4;stroke-width:2px}.radius-squares__circle{fill:#c49c3a59;stroke:#7a5f1d;stroke-width:3px}.radius-squares__caption{fill:#6e675d;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.slice-control{color:#575148;flex:220px;align-items:center;gap:.75rem;display:flex}.slice-control input[type=range]{accent-color:#161513;flex:1}.guess-grid--flex{flex-wrap:wrap;gap:.5rem;display:flex}.guess-grid--flex .guess-chip{flex:auto;padding:0 1rem;font-size:1rem}.apply-block{border-top:1px solid #e2ddd4;flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.apply-block:first-child{border-top:0;padding-top:0}.polygon-trap__circle{fill:none;stroke:#161513;stroke-width:3px}.polygon-trap__inner{fill:#2f5d8a1f;stroke:#2f5d8a;stroke-linejoin:round;stroke-width:2.5px}.polygon-trap__outer{fill:#c49c3a24;stroke:#c49c3a;stroke-linejoin:round;stroke-width:2.5px}.trap-band{width:100%;display:block}.trap-band__axis{stroke:#3b3833;stroke-width:2px}.trap-band__tick{stroke:#8d8578;stroke-width:1.5px}.trap-band__range{fill:#2f5d8a4d;stroke:#2f5d8a;stroke-width:1.5px;transition:x .3s,width .3s}.trap-band__pi{stroke:#c49c3a;stroke-dasharray:4 3;stroke-width:2px}.trap-band__pi-label{fill:#7a5f1d;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:14px;font-weight:700}.dart-layout{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.dartboard{background:#fbfaf7;border:1px solid #e2ddd4;width:100%;display:block}.dartboard__square{fill:#f4f1ea}.dartboard__circle{fill:#c49c3a2e;stroke:#7a5f1d;stroke-width:2px}.dartboard__dart{fill:#6e675d}.dartboard__dart--in{fill:#2f5d8a}.why-panel{background:#fbfaf7;border:1px solid #e2ddd4;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.why-panel p{color:#575148;margin:0}.case-art__planet{fill:#2f5d8a;stroke:#1d3d5d;stroke-width:2px}.case-art__rope{fill:none;stroke:#c49c3a;stroke-width:4px}.case-art__ball{fill:#c49c3a;stroke:#7a5f1d;stroke-width:2px}.case-art__shine{fill:#ffffff80}.case-art__disc{fill:#e5c97a;stroke:#7a5f1d;stroke-width:2px}.case-art__can{fill:#ece8df;stroke:#3b3833;stroke-width:3px}.story-dot--done{background:#c49c3a}@media (width<=960px){.dart-layout{grid-template-columns:1fr}}.ratio-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);align-items:start;gap:1.5rem;display:grid}.coach{background:#fbfaf7;border:1px solid #e2ddd4;padding:1rem}.coach p{color:#161513;margin:.35rem 0 0;font-size:1.02rem;line-height:1.45}.ratio-stage,.ratio-side{flex-direction:column;gap:1rem;display:flex}.ratio-side{gap:1.25rem}.ratio-title{color:#161513;letter-spacing:-.01em;margin:.35rem 0 0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.6rem;font-weight:600}.ratio-status{color:#6e675d;font-size:.82rem;font-weight:600}.ratio-hook{color:#575148;margin-bottom:0}.juice-object{touch-action:manipulation;background:radial-gradient(at 50% 88%,#d981291f,#0000 62%),linear-gradient(#fbfaf7,#f4f1ea);border:1px solid #e2ddd4;width:100%;margin-top:.5rem;display:block}.juice-glass-back{fill:#fefdf9;stroke:#d8d1c3;stroke-width:2px}.juice-glass-front{fill:none;stroke:#c8c0ae;stroke-width:3px}.juice-fill{transition:y .42s ease-out,height .42s ease-out,fill .3s}.juice-object .juice-fill-group{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-out juice-pour}@keyframes juice-pour{0%{transform:scaleY(.02)}to{transform:scaleY(1)}}.juice-fill-shine{fill:url(#juice-shine);opacity:.4}.ratio-recipe-readout{fill:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:20px;font-weight:700}.ratio-scaled-tag{fill:#6e675d;font-size:14px}.ratio-scaled-tag-g{animation:.3s ease-out ratio-fadein}.ratio-ingredient{fill:#6e675d;letter-spacing:.02em;font-size:15px;font-weight:700}.ratio-bar-track{fill:none;stroke:#ddd7cc;stroke-width:1px}.ratio-bar{transition:width .24s}.ratio-bar-count{fill:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:18px;font-weight:700}.juice-chip{flex-direction:column;align-items:center;gap:.35rem;width:130px;display:flex}.juice-chip svg{width:110px}.juice-chip__label{color:#161513;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:.95rem;font-weight:600}.juice-chip__recipe{color:#6e675d;font-size:.8rem}.ratio-compare{background:#f4f1ea;border:1px dashed #c9c1b4;justify-content:center;align-items:center;gap:2.5rem;padding:1rem;display:flex}.ratio-compare__vs{color:#6e675d;font-size:.85rem;font-weight:700}.ratio-compare__vs--eq{color:#3b7433;font-size:1.15rem;font-weight:800}.ratio-compare__vs--neq{color:#a03b1e;font-size:1.15rem;font-weight:800}.ratio-compare__caption{color:#6e675d;margin-top:.35rem;font-size:.85rem}.ratio-compare--neq{border-color:#a03b1e73}.ratio-step-shelf{gap:.5rem;display:flex}.ratio-step-chip{appearance:none;color:#6e675d;cursor:pointer;background:#fbfaf7;border:1px solid #c9c1b4;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;display:inline-flex}.ratio-step-chip--active{color:#161513;background:#fbfaf7;border:2px solid #c49c3a}.ratio-step-chip--done{color:#3b7433;background:#ece8df;border-color:#8f8a7d}.ratio-size-btn{appearance:none;color:#161513;cursor:pointer;font:inherit;background:#fffdf7;border:2px solid #c49c3a;border-radius:999px;min-height:46px;padding:.7rem 1rem;transition:background .12s,border-color .12s,color .12s}.ratio-size-btn:hover:not(:disabled),.ratio-size-btn:focus-visible{background:#f6ecd6}.ratio-size-btn--on{color:#161513;background:#c49c3a;border-color:#c49c3a}.ratio-size-btn:disabled{cursor:not-allowed;opacity:.45}.ratio-legend{color:#6e675d;font-size:.85rem}.ratio-row--batch{animation:.35s ease-out .75s both ratio-fadein}@keyframes ratio-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ratio-opt{appearance:none;color:#161513;cursor:pointer;font:inherit;background:#f4f1ea;border:1px solid #c9c1b4;border-radius:999px;min-height:46px;padding:.7rem 1rem;transition:background .12s,border-color .12s,color .12s}.ratio-opt:hover:not(:disabled),.ratio-opt:focus-visible{background:#ece8df}.ratio-opt--active{color:#161513;background:#c49c3a;border-color:#c49c3a}.ratio-opt:disabled{cursor:not-allowed;opacity:.4}.ratio-row{flex-wrap:wrap;gap:.6rem;display:flex}.ratio-action-stack,.ratio-guess-block{flex-direction:column;gap:.85rem;display:flex}.ratio-guess-block .ratio-row,.ratio-action-stack .ratio-row{gap:.5rem}.ratio-control-hint{color:#6e675d;font-size:.9rem}.ratio-guess-record{background:#f4f1ea;border:1px solid #e2ddd4;border-radius:12px;flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.ratio-gate-note{color:#6e675d;font-size:.85rem}@media (width<=860px){.ratio-layout{grid-template-columns:minmax(0,1fr)}}.roc-page{gap:1.1rem}.roc-lesson{grid-template-columns:minmax(640px,1fr) minmax(240px,290px);align-items:stretch;gap:.85rem;display:grid}.roc-stage{background:linear-gradient(#fff 0%,#f8fbff 100%);padding:1rem}.roc-header h1{color:#193b68;margin:.15rem 0 0}.roc-board{background:#f5f9ff;border:1px solid #dce8fb;border-radius:28px;width:100%;min-height:520px;display:block;box-shadow:inset 0 0 0 1px #fffc}.roc-road-bed{fill:url(#roc-road);stroke:#c7d8f4;stroke-width:2px}.roc-road-line,.roc-road-line--red{stroke:#2563eb;stroke-width:8px;stroke-linecap:round}.roc-road-line--red{stroke:#ef4444}.roc-road-tick{stroke:#94a3b8;stroke-width:2px;stroke-dasharray:4 5}.roc-road-label,.roc-lane-label,.roc-finish-label,.roc-axis-label,.roc-small-label,.roc-cover-text{fill:#52657f;font-size:15px;font-weight:800}.roc-lane-label{font-size:13px}.roc-finish-label{fill:#193b68}.roc-car rect{stroke-width:3px}.roc-car circle{fill:#0f172a;stroke:#fff;stroke-width:2px}.roc-car--blue rect{fill:#60a5fa;stroke:#1d4ed8}.roc-car--red rect{fill:#fb7185;stroke:#be123c}.roc-chart-card{fill:#fff;stroke:#dbe6f7;stroke-width:2px}.roc-grid-line{stroke:#e2e8f0;stroke-width:2px}.roc-axis{stroke:#334155;stroke-width:4px;stroke-linecap:round}.roc-chart-window{fill:#facc1538;stroke:#eab308;stroke-width:3px}.roc-story{fill:none;stroke-linecap:round;stroke-linejoin:round}.roc-story--blue{stroke:#2563eb;stroke-width:7px}.roc-story--red{stroke:#ef4444;stroke-width:7px}.roc-story--window{stroke-width:13px;opacity:.85}.roc-story--label-piece{stroke-width:12px;opacity:.9}.roc-story--flat{stroke:#64748b}.roc-story--gentle{stroke:#fb7185}.roc-story--steep{stroke:#dc2626}.roc-timer{stroke:#14b8a6;stroke-width:3px;stroke-dasharray:7 6}.roc-road-window{fill:#2563eb59;stroke:#1d4ed8;stroke-width:2px}.roc-road-window--red{fill:#ef444459;stroke:#be123c}.roc-small-label{fill:#1d4ed8;paint-order:stroke;stroke:#fff;stroke-width:4px}.roc-small-label--red{fill:#be123c}.roc-cover-text{fill:#7c8ca3;font-size:21px}.roc-piece-word{fill:#9a3412;paint-order:stroke;stroke:#fff7ed;stroke-width:5px;font-size:19px;font-weight:900}.roc-side{flex-direction:column;gap:.75rem;display:flex}.roc-step-shelf{align-self:start;gap:.4rem;display:flex}.roc-tab{color:#40516f;cursor:pointer;background:#fff;border:1px solid #d7dfef;border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;padding:0;font-weight:900;display:grid}.roc-tab--active{color:#fff;background:#193b68;border-color:#193b68}.roc-tab--done:not(.roc-tab--active){color:#166534;background:#ecfdf5;border-color:#86efac}.roc-action-stack{gap:.75rem;display:grid}.roc-small-note{color:#52657f;margin:0;font-weight:800}.roc-window-buttons,.roc-label-buttons{flex-wrap:wrap;gap:.55rem;display:flex}.roc-predict-cards{grid-template-columns:1fr;gap:.55rem;display:grid}.roc-predict-cards--small{gap:.45rem}.roc-predict-card{color:#193b68;text-align:left;cursor:pointer;background:#fff;border:2px solid #cfe0f7;border-radius:18px;min-height:3.2rem;padding:.65rem .85rem;font-size:1rem;font-weight:900}.roc-predict-card--active{background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.roc-connection-check{gap:.5rem;display:grid}.roc-connection-check p{color:#193b68;margin:0;font-weight:900}.roc-slider{color:#40516f;gap:.35rem;font-weight:900;display:grid}.roc-slider input{accent-color:#f97316;width:100%}.roc-motion-card{color:#7c2d12;cursor:pointer;background:#fff7d6;border:2px solid #ffd166;border-radius:16px;padding:.75rem .95rem;font-weight:900}.roc-motion-card--chosen{background:#fed7aa;border-color:#fb923c;box-shadow:0 0 0 3px #fb923c2e}.roc-drop-target{cursor:pointer}.roc-drop-hit{fill:#ffffff03;stroke:#f9731661;stroke-width:2px;stroke-dasharray:5 4}.roc-drop-target:hover .roc-drop-hit,.roc-drop-target:focus .roc-drop-hit{fill:#fb923c1f;stroke:#f97316}@media (width<=980px){.roc-lesson{grid-template-columns:1fr}.roc-board{min-height:420px}}.similarity-page{color:#183049}.similarity-review-driver{opacity:0;z-index:20;gap:2px;display:flex;position:fixed;bottom:0;left:0}.similarity-review-driver button{border:0;width:44px;height:44px;padding:0}.similarity-steps{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.similarity-step{color:#31516d;background:#fff;border:1px solid #d4deea;border-radius:999px;align-items:center;padding:.55rem .85rem;font-weight:800;display:inline-flex}.similarity-step span{color:#14835f;width:1rem;display:inline-block}.similarity-step--active{color:#fff;background:#183049;border-color:#183049}.similarity-step--done{color:#19684e;background:#eef8f4;border-color:#bfe4d4}.similarity-page .button:disabled,.similarity-page .guess-chip:disabled{opacity:.45;cursor:not-allowed}.similarity-page .button:disabled{color:#6d7f91;background:#e8edf3;border-color:#d2dce8}.similarity-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:1rem;display:grid}.similarity-stage,.similarity-side,.similarity-finish{border:1px solid #dbe5f1;box-shadow:0 18px 45px #2037551a}.similarity-stage{padding-bottom:1rem}.similarity-title{color:#17324d;margin:.15rem 0 0;font-size:clamp(1.4rem,2vw,2rem)}.similarity-prompt,.similarity-question{color:#456078;margin:.2rem 0 1rem;font-weight:800}.stamp-board{width:100%;min-height:360px;display:block;overflow:visible}.board-label,.overhang-text{fill:#52708c;font-size:17px;font-weight:900}.stamp-art__paper{fill:#fff7d6;stroke:#183049;stroke-width:3px}.stamp-art__stripe{stroke:#f28c38;stroke-width:8px;stroke-linecap:round;opacity:.85}.stamp-art__eye{fill:#183049}.stamp-art__smile{fill:none;stroke:#183049;stroke-width:4px;stroke-linecap:round}.stamp-art--ghost{opacity:.24}.big-outline{fill:#ffffff47;stroke:#31516d;stroke-width:4px;stroke-dasharray:10 8}.big-outline--wide{stroke:#8c4b2f}.empty-hints rect,.wide-empty{fill:#31516d14;stroke:#31516d47;stroke-width:2px;stroke-dasharray:5 5}.stamp-drop{transform-origin:58px 37px;animation:.65s cubic-bezier(.2,.9,.2,1.1) stamp-drop}.stamp-settle{transform-origin:58px 37px;animation:1.8s ease-out stamp-settle}@keyframes stamp-drop{0%{opacity:0;transform:translateY(28px)scale(1.12)}65%{opacity:1;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stamp-settle{0%{opacity:.35;transform:scale(1.08)}45%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.overhang-arrow{stroke:#8c4b2f;stroke-width:4px;stroke-linecap:round;marker-end:none}.similarity-side{flex-direction:column;justify-content:center;gap:1rem;display:flex}.prediction-block{gap:.75rem;display:grid}.prediction-block--waiting{opacity:.62}.similarity-choice-row{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.waiting-card{color:#52708c;text-align:center;border:2px dashed #cbd8e6;border-radius:18px;padding:1rem;font-weight:900}.similarity-finish{text-align:center;max-width:960px;margin:0 auto}.similarity-finish p{color:#456078;font-size:1.1rem;font-weight:800}.finish-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.finish-pair>div{background:#f8fafc;border:1px solid #dbe5f1;border-radius:24px;padding:1rem}.finish-svg{width:100%;max-width:330px;margin:0 auto .5rem;display:block}@media (width<=880px){.similarity-layout{grid-template-columns:1fr}.similarity-steps{justify-content:flex-start}.stamp-board{min-height:280px}.finish-pair{grid-template-columns:1fr}}