@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{--paper: #f5f0e6;--paper-deep: #e9e0d1;--white: #fffcf5;--ink: #252d31;--ink-soft: #536064;--indigo: #263d4a;--vermilion: #c64b38;--line: rgba(52, 61, 61, .16);--serif: "Noto Serif JP", "Yu Mincho", Georgia, serif;--sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;color:var(--ink);background:linear-gradient(rgba(69,82,80,.025) 1px,transparent 1px),var(--paper);background-size:100% 28px;font-family:var(--sans);-webkit-font-smoothing:antialiased}#root{overflow-x:hidden;max-width:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:12px}.brand__seal{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;color:var(--white);background:var(--vermilion);border-radius:4px;box-shadow:inset 0 0 0 2px #ffffff59}.brand__seal img{width:28px;height:28px;object-fit:cover;border-radius:2px}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);font-size:19px;letter-spacing:.03em}.brand small{margin-top:2px;color:var(--ink-soft);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.brand--compact small{display:none}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:1px solid transparent;border-radius:3px;cursor:pointer;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.65}.button--small{min-height:39px;padding:0 16px;font-size:14px}.button--full{width:100%}.button--ink{color:var(--white);background:var(--indigo);box-shadow:0 7px 18px #263d4a29}.button--vermilion{color:var(--white);background:var(--vermilion);box-shadow:0 7px 18px #c64b3833}.button--paper{color:var(--ink);background:var(--white);border-color:var(--line)}.text-link{padding-bottom:3px;border-bottom:1px solid currentColor;color:var(--ink-soft);font-size:14px;font-weight:600}.text-link--large{font-size:15px}.eyebrow{margin:0 0 14px;color:var(--vermilion);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.site-nav{display:flex;width:100%;max-width:1180px;align-items:center;justify-content:space-between;margin:0 auto;padding:28px 28px 0}.site-nav__actions{display:flex;align-items:center;gap:22px}.landing{overflow-x:hidden}.hero{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:760px;margin:0 auto;padding:56px 28px 64px;gap:22px;text-align:center}.hero h1{margin:0;width:100%;min-width:0;font-family:var(--serif);font-size:clamp(30px,8vw,58px);font-weight:500;letter-spacing:-.03em;line-height:1.15;text-align:center}.hero h1 span{display:block;max-width:100%;overflow-wrap:break-word}.hero .eyebrow,.hero h1,.hero__lede,.hero__actions{max-width:100%}.hero__how{display:inline-block;color:var(--vermilion);font-family:var(--sans);font-size:15px;font-style:normal;font-weight:700;letter-spacing:.01em;border-bottom-width:2px;border-bottom-color:var(--vermilion);text-shadow:0 1px 0 rgba(255,252,245,.7);white-space:nowrap}.landing-about{max-width:720px;margin:0 auto;padding:28px 28px 56px;border-top:1px solid var(--line)}.landing-about p{margin:8px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.landing-copy,.landing-band,.landing-about,.landing-close{width:100%;min-width:0}.landing-copy{max-width:720px;margin:0 auto;padding:8px 28px 56px}.landing-copy--narrow{max-width:640px}.landing-copy h2,.landing-band h2,.landing-close h2{margin:0 0 14px;font-family:var(--serif);font-size:clamp(26px,4.2vw,36px);font-weight:500;letter-spacing:-.03em;line-height:1.2}.landing-copy p,.landing-band header p{margin:0 0 14px;color:var(--ink-soft);font-size:16px;line-height:1.6}.landing-copy h2,.landing-copy p,.landing-steps p,.landing-steps strong,.landing-facts li,.landing-quote p{overflow-wrap:break-word}.landing-copy p:last-child{margin-bottom:0}.landing-band{max-width:760px;margin:0 auto;padding:8px 0 64px}.landing-band>.landing-copy{max-width:none;padding:8px 28px}.landing-demo{margin:18px 28px 8px}.landing-demo__video{display:block;width:100%;height:auto;background:var(--white);border:1px solid var(--line)}.landing-demo__title{margin:14px 0 0;color:var(--ink);font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3;text-align:center}.landing-band .sr-play{max-width:100%;padding:12px 28px 0}.landing-band__more{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0 28px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 12px;padding:0 28px;list-style:none}.landing-steps li{display:grid;align-content:start;gap:8px;padding:20px 18px 22px;background:var(--white);border:1px solid var(--line)}.landing-steps span{color:var(--vermilion);font-family:var(--serif);font-size:13px;letter-spacing:.08em}.landing-steps strong{font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.3}.landing-steps p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.5}.landing-quote{margin:8px 0 28px;padding:4px 0 4px 22px;border-left:2px solid var(--vermilion)}.landing-quote p{margin:0;color:var(--ink);font-family:var(--serif);font-size:18px;font-style:italic;line-height:1.55}.landing-quote cite{display:block;margin-top:14px;font-style:normal}.landing-facts{margin:0;padding:0;list-style:none}.landing-facts li{padding:12px 0;border-top:1px solid var(--line);color:var(--ink-soft);font-size:15px;line-height:1.5}.landing-facts li:last-child{border-bottom:1px solid var(--line)}.landing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 28px 0}.landing-plan{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 24px 26px;background:var(--white);border:1px solid var(--line)}.landing-plan .eyebrow{margin-bottom:0}.landing-plan__price{margin:0;font-family:var(--serif);font-size:36px;font-weight:500;line-height:1}.landing-plan__price small{margin-left:6px;color:var(--ink-soft);font-family:var(--sans);font-size:14px;font-weight:600}.landing-plan__note{margin:0 0 12px;color:var(--ink-soft);font-size:14px;line-height:1.5}.landing-plan--paid{border-color:#263d4a59;box-shadow:0 12px 28px #35332c0f}.landing-close{display:flex;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:12px 28px 72px;text-align:center}.landing-close h2,.landing-close p{width:100%;min-width:0}.landing-close p{max-width:28em;margin:0 auto 22px;color:var(--ink-soft);font-family:var(--serif);font-size:17px;line-height:1.55}.lucky{min-height:100vh}.lucky__sheet{max-width:560px;margin:0 auto;padding:48px 28px 80px}.lucky__sheet h1{margin:0 0 16px;font-family:var(--serif);font-size:clamp(32px,5vw,44px);font-weight:500}.lucky__lede{margin:0 0 18px;color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55}.lucky__sheet p{margin:0 0 16px;color:var(--ink-soft);font-size:15px;line-height:1.6}.lucky__sign{margin:8px 0 28px!important;color:var(--ink)!important;font-family:var(--serif);font-style:italic}.lucky__sheet .lucky__contact{margin:0 0 28px;padding-top:20px;border-top:1px solid var(--line)}.howto{min-height:100vh}.howto__sheet{max-width:560px;margin:0 auto;padding:48px 28px 80px}.howto__sheet h1{margin:0 0 16px;font-family:var(--serif);font-size:clamp(32px,5vw,44px);font-weight:500}.howto__lede{margin:0 0 28px;color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55}.howto-steps{display:grid;gap:16px;margin:0 0 28px;padding:0;list-style:none}.howto-steps li{display:grid;gap:6px;padding:18px 18px 20px;background:var(--white);border:1px solid var(--line)}.howto-steps span{color:var(--vermilion);font-family:var(--serif);font-size:13px;letter-spacing:.08em}.howto-steps strong{font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.3}.howto-steps p,.howto__sheet>p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.6}.howto__sheet>p{margin:0 0 28px}.howto__actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.howto__sheet h2{margin:8px 0 12px;font-family:var(--serif);font-size:22px;font-weight:500}.howto-related{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px}.hero>.text-link{margin-top:-18px}.nav-tip{position:relative;display:inline-flex}.nav-tip__msg{position:absolute;top:calc(100% + 10px);left:50%;z-index:6;width:max-content;max-width:180px;padding:8px 10px;color:var(--white);background:var(--ink);border-radius:3px;font-family:var(--sans);font-size:12px;font-style:normal;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.nav-tip:hover .nav-tip__msg,.nav-tip:focus-within .nav-tip__msg{opacity:1;transform:translate(-50%)}.site-nav__actions .nav-tip__msg{left:auto;right:0;transform:translateY(4px)}.site-nav__actions .nav-tip:hover .nav-tip__msg,.site-nav__actions .nav-tip:focus-within .nav-tip__msg{transform:translate(0)}.hero-story{position:relative;width:100%;min-height:430px}.hero-story__scene{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-story:not(.hero-story--static) .hero-story__scene{position:absolute;top:0;right:0;bottom:0;left:0}.hero-story__scene.is-on{animation:story-scene-in .7s ease}.hero-story__scene--sr{width:100%}.hero-story .sr-play{width:100%;max-width:none;padding:0}.hero-story--static{min-height:0;display:flex;flex-direction:column;gap:28px}.hero-story--static .hero-story__scene{position:relative}.hero-story__seal{width:28px;height:28px;margin-bottom:18px;background:var(--vermilion);border-radius:3px}.hero-story__hello{margin:0;font-family:var(--serif);font-size:clamp(28px,4.4vw,40px);font-weight:500;letter-spacing:-.03em;text-align:center}.hero-story__note{max-width:26em;margin:16px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:16px;font-style:italic;line-height:1.45;text-align:center;opacity:0}.hero-story__explain{max-width:28em;margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5;text-align:center;opacity:0}.hero-story__scene--welcome.is-on .hero-story__note{animation:story-fade-up .6s ease .7s forwards}.hero-story__scene--welcome.is-on .hero-story__explain{animation:story-fade-up .6s ease 1.5s forwards}.hero-story--static .hero-story__note,.hero-story--static .hero-story__explain{opacity:1}@keyframes story-scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes story-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero-story__scene,.hero-story__note,.hero-story__explain{animation:none}.hero-story__note,.hero-story__explain{opacity:1}}.login-split{display:grid;min-height:100vh;grid-template-columns:1fr 1fr}.login-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--paper-deep);outline:none}.login-visual__stage{position:relative;width:min(280px,70%)}.login-speech{position:absolute;top:18%;left:62%;z-index:2;width:min(210px,62%);padding:10px 14px;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:18px;font-family:var(--serif);font-size:14px;font-style:italic;line-height:1.35;opacity:0;pointer-events:none;transform:translate(6px) scale(.98);transition:opacity .18s ease,transform .18s ease}.login-speech:after,.login-speech:before{position:absolute;top:18px;width:0;height:0;content:""}.login-speech:before{left:-11px;border:10px solid transparent;border-right-color:var(--ink);border-left:0}.login-speech:after{left:-8px;border:9px solid transparent;border-right-color:var(--white);border-left:0}.login-speech.is-on{opacity:1;transform:translate(0) scale(1)}.drinking-bird{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}.drinking-bird__hit{cursor:pointer;pointer-events:auto}.drinking-bird__ripple{opacity:0;animation:drinking-ripple 7.5s ease-in-out infinite}.login-panel{display:flex;flex-direction:column;justify-content:center;max-width:420px;margin:0 auto;padding:48px 36px}.login-panel .brand{margin-bottom:36px}.login-panel h1{margin:0;font-family:var(--serif);font-size:clamp(32px,4vw,42px);font-weight:500;letter-spacing:-.03em}.login-panel>p:not(.form-error){margin:12px 0 28px;color:var(--ink-soft);font-family:var(--serif);line-height:1.7}.login-panel .button{max-width:320px}.login-panel .text-link{margin-top:28px;width:fit-content}.google-icon{width:18px;height:18px}@keyframes drinking-ripple{0%,46%,64%,to{opacity:0}52%,58%{opacity:.55}}@media(prefers-reduced-motion:reduce){.drinking-bird__ripple{animation:none}.drinking-bird__body animateTransform{display:none}}@media(max-width:840px){.login-split{grid-template-columns:1fr}.login-visual{min-height:34vh}.login-panel{padding-top:8px;padding-bottom:64px}}.auth-card label,.new-deck-dialog label{display:block;margin-bottom:20px;color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.04em}.auth-card input,.new-deck-dialog input{width:100%;height:49px;margin-top:8px;padding:0 14px;outline:none;color:var(--ink);background:#fbf8f1;border:1px solid var(--line);border-radius:2px}.auth-card input:focus,.new-deck-dialog input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #263d4a14}.form-error{margin:-5px 0 18px;color:var(--vermilion);font-size:13px;line-height:1.5}.app-loading{display:grid;min-height:100vh;place-content:center;justify-items:center;color:var(--ink-soft);font-family:var(--serif)}.app-loading .brand__seal{margin-bottom:12px}.dashboard{min-height:100vh}.dashboard__top{display:flex;max-width:980px;align-items:center;justify-content:space-between;margin:0 auto;padding:28px 28px 0}.dashboard__top-actions{display:flex;align-items:center;gap:22px}.text-link--button{background:none;border:0;cursor:pointer;font:inherit}.dashboard__main{width:100%;max-width:980px;margin:0 auto;padding:56px 28px 80px}.dashboard__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.dashboard__header h1{margin:0;font-family:var(--serif);font-size:clamp(32px,5vw,44px);font-weight:500;letter-spacing:-.03em}.dashboard__lede{max-width:360px;margin:12px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:15px;line-height:1.7}.dashboard__error{margin:18px 0 0;color:var(--vermilion);font-size:14px}.library{padding-top:36px}.empty-library{display:grid;min-height:280px;place-content:center;justify-items:center;text-align:center}.empty-library__mark{margin:0 0 18px;color:#c64b388c;font-family:var(--serif);font-size:14px;letter-spacing:.28em}.empty-library h2{margin:0 0 8px;font-family:var(--serif);font-size:24px;font-weight:500}.empty-library p{max-width:320px;margin:0 0 24px;color:var(--ink-soft);font-size:14px;line-height:1.7}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.deck-card{position:relative;display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 22px;color:inherit;background:linear-gradient(rgba(69,82,80,.035) 1px,transparent 1px),var(--white);background-size:100% 28px;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 24px #35332c0f;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.deck-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #35332c1a}.deck-card__hit{display:flex;width:100%;min-height:154px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.deck-card__meta{color:var(--ink-soft);font-size:11px;letter-spacing:.04em}.deck-card__title{max-width:100%;font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.35;word-break:break-word}.pencil-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--ink-soft);background:transparent;border:0;border-radius:999px;cursor:pointer}.pencil-button:hover,.pencil-button:focus-visible{color:var(--ink);background:#263d4a14}.pencil-button svg{display:block;width:16px;height:16px}.deck-card__pencil{position:absolute;top:8px;right:8px;z-index:1}.deck-card--add{color:var(--ink-soft);background:transparent;border-style:dashed;box-shadow:none;cursor:pointer}.deck-card--add:hover{color:var(--ink);background:#fffcf5b3;box-shadow:none}.deck-card__plus{font-family:var(--serif);font-size:34px;line-height:1}.deck-card--add strong{font-family:var(--serif);font-size:18px;font-weight:500}.study{max-width:760px;min-height:100vh;margin:0 auto;padding:28px 28px 64px}.study__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:36px}.study__top h1{margin:0;font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:500}.study__last-test{max-width:420px;margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.study__progress{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:var(--ink-soft);font-size:13px}.study__bar{flex:1;height:4px;overflow:hidden;background:#343d3d1f;border-radius:999px}.study__bar i{display:block;height:100%;background:var(--vermilion);border-radius:inherit;transition:width .2s ease}.study-card{position:relative;display:block;width:100%;min-height:320px;padding:0;border:0;background:transparent;perspective:1200px;cursor:pointer}.study-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:42px 36px;background:linear-gradient(rgba(69,82,80,.035) 1px,transparent 1px),var(--white);background-size:100% 28px;border:1px solid var(--line);border-radius:4px;box-shadow:0 16px 40px #35332c14;backface-visibility:hidden;transition:transform .42s ease}.study-card__face small{color:var(--vermilion);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.study-card__face strong{max-width:520px;font-family:var(--serif);font-size:clamp(22px,3.4vw,32px);font-weight:500;line-height:1.45;text-align:center;white-space:pre-wrap;word-break:break-word}.study-card__face em{color:var(--ink-soft);font-family:var(--sans);font-size:12px;font-style:normal}.study-card__face--front{transform:rotateY(0)}.study-card__face--back,.study-card--flipped .study-card__face--front{transform:rotateY(180deg)}.study-card--flipped .study-card__face--back{transform:rotateY(0)}.study__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.study__hint{margin:22px 0 0;color:var(--ink-soft);font-size:12px;text-align:center}.study--setup .study__top{margin-bottom:28px}.test-setup{display:grid;gap:28px}.test-setup__block h2{margin:0;font-family:var(--serif);font-size:22px;font-weight:500}.test-setup__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.test-setup__hint{margin:8px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.test-setup__buckets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.test-setup__buckets--results{grid-template-columns:repeat(3,minmax(0,1fr))}.test-setup__bucket{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink-soft);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.test-setup__bucket:hover{transform:translateY(-1px);border-color:#c64b3859}.test-setup__bucket--active{border-color:#c64b388c;background:#c64b380f;color:var(--ink)}.test-setup__bucket strong{font-family:var(--serif);font-size:16px;font-weight:500}.test-setup__bucket span{font-size:12px}.test-setup__check{display:flex;gap:12px;align-items:flex-start;margin-top:14px;cursor:pointer}.test-setup__check input{margin-top:4px;accent-color:var(--vermilion)}.test-setup__check span{display:flex;flex-direction:column;gap:4px}.test-setup__check strong{font-size:15px;font-weight:600}.test-setup__check em{color:var(--ink-soft);font-size:13px;font-style:normal;line-height:1.45}.test-setup__summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;border-top:1px solid var(--line)}.test-setup__summary p{margin:0;color:var(--ink-soft);font-size:14px}.preview{max-width:760px;min-height:100vh;margin:0 auto;padding:28px 28px 64px}.preview__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.preview .test-setup{margin:0 0 36px;padding-bottom:32px;border-bottom:1px solid var(--line)}.preview .study__last-test{max-width:none}.preview__top h1{margin:0;font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:500}.preview__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.preview__title-form{width:min(100%,560px)}.preview__title-form input{width:100%;margin:0;padding:4px 0 8px;outline:none;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.2}.preview__title-form input:focus{border-bottom-color:var(--indigo)}.preview__title-form .form-error{margin:10px 0 0}.preview__title-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.guest-banner{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;margin:0 0 28px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:8px}.guest-banner p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.45}.guest-banner .button{flex-shrink:0}.preview__count{margin:8px 0 0;color:var(--ink-soft);font-size:13px}.progress-panel{margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid var(--line)}.progress-panel__intro h2{margin:0;font-family:var(--serif);font-size:22px;font-weight:500}.progress-panel__intro p{margin:8px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.progress-stats div,.progress-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px}button.progress-stat{padding:0;color:inherit;background:none;border:0;cursor:pointer;font:inherit;text-align:left}.progress-stat--active span{color:var(--indigo)}.progress-stat__tip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;width:max-content;max-width:180px;padding:8px 10px;color:var(--white);background:var(--ink);border-radius:3px;font-family:var(--sans);font-size:12px;font-style:normal;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.progress-stat:hover .progress-stat__tip,.progress-stat:focus-within .progress-stat__tip{opacity:1;transform:translateY(0)}.progress-stats strong{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1}.progress-stats span{color:var(--ink-soft);font-size:12px}.progress-block{margin-top:28px}.progress-block__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:12px}.progress-block__head h3,.progress-list h3{margin:0;font-family:var(--serif);font-size:16px;font-weight:500}.progress-block__head p{margin:0;color:var(--ink-soft);font-size:12px}.progress-mix{display:flex;overflow:hidden;height:10px;background:#343d3d14;border-radius:999px}.progress-mix__seg{display:block;height:100%;min-width:2px}.progress-mix__seg--1{background:var(--vermilion)}.progress-mix__seg--2{background:#d17a4a}.progress-mix__seg--3{background:#6f8f7a}.progress-mix__seg--4{background:var(--indigo)}.due-timeline{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.due-timeline__head h3{margin:0;font-family:var(--serif);font-size:16px;font-weight:500}.due-timeline__head p{margin:6px 0 0;color:var(--ink-soft);font-size:12px}.due-timeline__track-wrap{position:relative;margin-top:28px;padding:18px 8px 36px;cursor:pointer;touch-action:none}.due-timeline__chart{display:flex;align-items:stretch;height:104px;gap:2px}.due-timeline__chart--dense{gap:1px}.due-timeline__col{position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;min-width:0}.due-timeline__col.is-after{opacity:.32}.due-timeline__col.is-selected{opacity:1}.due-timeline__col-count{position:absolute;top:-16px;left:50%;color:var(--ink);font-family:var(--serif);font-size:12px;font-weight:500;line-height:1;transform:translate(-50%)}.due-timeline__bar{display:flex;flex-direction:column-reverse;width:100%}.due-timeline__seg{display:block;width:100%;min-height:2px}.due-timeline__seg--1{background:var(--vermilion)}.due-timeline__seg--2{background:#d17a4a}.due-timeline__seg--3{background:#6f8f7a}.due-timeline__seg--4{background:var(--indigo)}.due-timeline__col.is-selected .due-timeline__seg{box-shadow:inset 0 0 0 1px #fffcf573}.due-timeline__track{position:relative;height:2px;background:var(--ink);border-radius:999px}.due-timeline__tick{position:absolute;top:-5px;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%)}.due-timeline__tick i{display:block;width:2px;height:12px;background:var(--ink)}.due-timeline__tick em{color:var(--ink-soft);font-family:var(--sans);font-size:10px;font-style:normal;font-weight:600;letter-spacing:.04em;white-space:nowrap}.due-timeline__handle{position:absolute;top:18px;z-index:2;display:flex;flex-direction:column;align-items:center;width:28px;height:122px;padding:0;background:none;border:0;cursor:grab;transform:translate(-50%);touch-action:none}.due-timeline__handle.is-dragging{cursor:grabbing}.due-timeline__handle i{display:block;flex:1 1 auto;width:1px;background:var(--vermilion);opacity:.85;pointer-events:none}.due-timeline__handle span{display:block;width:0;height:0;border-top:16px solid var(--vermilion);border-right:10px solid transparent;border-left:10px solid transparent;filter:drop-shadow(0 1px 0 rgba(37,45,49,.2));pointer-events:none}.due-timeline__summary{padding:14px 16px;background:var(--white);border:1px solid var(--line)}.due-timeline__window{margin:0 0 6px;color:var(--ink-soft);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.due-timeline__counts{margin:0;color:var(--ink);font-family:var(--serif);font-size:15px;line-height:1.45}.due-timeline__counts strong{font-size:22px;font-weight:500}.due-timeline__counts span{display:block;margin-top:4px;color:var(--ink-soft);font-family:var(--sans);font-size:12px;line-height:1.45}.progress-chart{display:block;width:100%;height:auto;max-height:140px}.progress-chart__grid{stroke:#343d3d1f;stroke-dasharray:4 4;stroke-width:1}.progress-chart__bar{fill:#263d4a38}.progress-chart__bar--empty{fill:transparent}.progress-chart__line{fill:none;stroke:var(--vermilion);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.progress-chart__labels{display:flex;justify-content:space-between;margin-top:6px;color:var(--ink-soft);font-size:11px}.progress-empty{margin:0;padding:18px 0 4px;color:var(--ink-soft);font-size:14px;line-height:1.5}.progress-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.progress-list ul{margin:12px 0 0;padding:0;list-style:none}.progress-list li{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.progress-list li:last-child{border-bottom:1px solid var(--line)}.progress-list strong{font-size:14px;font-weight:500;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.progress-list span{color:var(--ink-soft);font-size:12px}.progress-list__empty{margin:12px 0 0;color:var(--ink-soft);font-size:13px;line-height:1.45}.preview__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px}.preview__toolbar-start{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.preview__add{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;color:var(--white);background:var(--indigo);border:1px solid var(--indigo);border-radius:3px;cursor:pointer;font-size:12px;font-weight:600}.preview__toolbar-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.preview__add:hover:not(:disabled){background:#1e323c}.preview__add:disabled{cursor:not-allowed;opacity:.65}.preview__toolbar-note{margin:-12px 0 20px;color:var(--vermilion);font-size:13px;line-height:1.45}.preview__filter-toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:3px;cursor:pointer;font-size:12px;font-weight:600}.preview__filter-toggle span{color:var(--ink-soft);font-weight:500}.preview__filter-toggle--active{border-color:var(--indigo);color:var(--indigo)}.preview__filter-toggle:disabled{cursor:not-allowed;opacity:.65}.preview-bulk{margin:-8px 0 24px;padding:18px 16px 16px;background:var(--white);border:1px solid var(--line)}.preview-bulk__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.preview-bulk__head h3{margin:0;font-family:var(--serif);font-size:16px;font-weight:500}.preview-bulk>p{margin:8px 0 14px;color:var(--ink-soft);font-size:13px;line-height:1.5}.preview-bulk__example{display:grid;gap:6px;width:100%;margin:0 0 14px;padding:10px 12px;background:#e8c45a2e;border:1px dashed rgba(198,75,56,.28);border-radius:3px}.preview-bulk__example small{color:var(--vermilion);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.preview-bulk__example-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-bulk__example-head .button{min-height:32px;padding:0 12px;font-size:12px}.preview-bulk__example-copy{width:100%;min-height:4.6em;margin:0;padding:0;resize:none;color:var(--ink);background:transparent;border:0;font-family:var(--sans);font-size:13px;line-height:1.5;white-space:pre-wrap;cursor:text}.preview-bulk__example-copy:focus{outline:none}.preview-bulk>textarea{display:block;width:100%;min-height:140px;padding:12px 14px;resize:vertical;color:var(--ink);background:#fbf8f1;border:1px solid var(--line);border-radius:2px;font-family:var(--sans);font-size:14px;line-height:1.5}.preview-bulk>textarea:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #263d4a14}.preview-bulk__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.preview-bulk__actions p{margin:0;color:var(--ink-soft);font-size:12px}.bucket-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 28px}.preview-filters{display:grid;gap:10px;margin:-4px 0 28px}.preview-filters .bucket-filters{margin:0}.bucket-filter{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:3px;cursor:pointer;font-size:12px;font-weight:600}.bucket-filter span{color:var(--ink);font-family:var(--serif)}.bucket-filter--active{color:var(--white);background:var(--indigo);border-color:var(--indigo)}.bucket-filter--active span{color:#fffc}.preview-list{margin:0;padding:0;list-style:none}.preview-list__hint{margin:0 0 8px;color:var(--ink-soft);font-size:12px}.preview-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.preview-item__index{color:var(--vermilion);font-family:var(--serif);font-size:14px;letter-spacing:.06em}.preview-item__body{display:grid;gap:18px}.preview-item__meta{display:flex;gap:8px}.preview-item__meta--footer{margin-top:12px}.bucket-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;color:var(--indigo);background:#263d4a14;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.04em}.result-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.04em}.result-pill--right{color:#3d6b52;background:#6f8f7a2e}.result-pill--wrong{color:var(--vermilion);background:#c64b381f}.result-pill--new{color:var(--ink-soft);background:#343d3d14}.due-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.04em}.due-pill--due{color:var(--vermilion);background:#c64b381f}.due-pill--resting{color:var(--indigo);background:#263d4a14}.preview-item__body small{display:block;margin-bottom:6px;color:var(--ink-soft);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.preview-item__field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.preview-item__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.preview-item__delete,.preview-item__delete-cancel{padding:0;color:var(--ink-soft);background:none;border:0;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.04em}.preview-item__delete:hover,.preview-item__delete--confirm{color:var(--vermilion)}.preview-item__delete-cancel:hover{color:var(--ink)}.preview-item__delete:disabled,.preview-item__delete-cancel:disabled{cursor:wait;opacity:.65}.preview-item__field-head small{margin-bottom:6px}.preview-item__save{font-size:11px;font-style:normal;font-weight:600;letter-spacing:.04em}.preview-item__save--saving,.preview-item__save--saved{color:var(--ink-soft)}.preview-item__save--error{color:var(--vermilion)}.preview-item__field textarea{display:block;width:100%;min-height:1.7em;padding:8px 10px;overflow:hidden;resize:none;color:var(--ink);background:#fffcf5b3;border:1px solid transparent;border-radius:3px;font-family:var(--serif);font-size:17px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.preview-item__field textarea:hover{border-color:var(--line)}.preview-item__field textarea:focus{outline:none;background:var(--white);border-color:var(--indigo);box-shadow:0 0 0 3px #263d4a14}.preview-item__body p{margin:0;font-family:var(--serif);font-size:17px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.dialog-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#19202273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.new-deck-dialog{width:min(420px,100%);padding:34px;background:var(--white);border:1px solid var(--line);box-shadow:0 20px 50px #00000024}.new-deck-dialog h2{margin:0 0 22px;font-family:var(--serif);font-size:26px;font-weight:500}.new-deck-dialog>div{display:flex;justify-content:flex-end;gap:10px}@media(max-width:560px){.site-nav{align-items:center;gap:12px;padding-left:20px;padding-right:20px}.hero{padding:44px 20px 48px}.hero h1{font-size:28px;letter-spacing:-.02em}.hero__lede{font-size:16px}.brand small{display:none}.landing-band .sr-play__stage{overflow:hidden}.site-nav__actions .text-link{display:none}.site-nav__actions .text-link--nav-keep{display:inline}.howto__sheet{padding-left:20px;padding-right:20px}.hero__actions{flex-direction:column}.landing-steps,.landing-plans{grid-template-columns:minmax(0,1fr)}.landing-copy,.landing-close,.landing-steps,.landing-plans,.landing-band .sr-play,.landing-band__more{padding-left:20px;padding-right:20px}.landing-demo{margin-left:20px;margin-right:20px}.landing-plan .button,.landing-plan .nav-tip,.landing-plan .nav-tip .button{width:100%}.dashboard__top,.dashboard__main{padding-left:20px;padding-right:20px}.dashboard__header{align-items:flex-start;flex-direction:column}.study{padding:20px 16px 48px}.study-card{min-height:280px}.study-card__face{padding:32px 22px}.study__controls{flex-direction:column}.study__controls .button{width:100%}.test-setup__buckets{grid-template-columns:repeat(2,minmax(0,1fr))}.test-setup__buckets--results{grid-template-columns:1fr}.test-setup__summary{flex-direction:column;align-items:stretch}.test-setup__summary .button{width:100%}.preview{padding:20px 16px 48px}.preview__top{flex-direction:column}.guest-banner{flex-direction:column;align-items:stretch}.guest-banner .button{width:100%}.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.progress-columns{grid-template-columns:1fr;gap:22px}.due-timeline__chart{height:88px;gap:1px}.due-timeline__handle{height:106px}.preview-item{grid-template-columns:36px minmax(0,1fr)}}.impersonation-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;color:var(--white);background:var(--vermilion)}.impersonation-banner p{margin:0;font-size:13px}.impersonation-banner .button{flex-shrink:0}.admin{max-width:800px;min-height:100vh;margin:0 auto;padding:28px 28px 64px}.admin__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:36px}.admin__top h1{margin:0;font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:500}.admin__lede{max-width:440px;margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.admin__panel{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.admin__panel h2,.admin__heading h2{margin:0;font-family:var(--serif);font-size:20px;font-weight:500}.admin__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.admin__heading span{color:var(--ink-soft);font-size:13px}.admin__form{display:grid;gap:14px;margin-top:16px}.admin__form label{display:grid;gap:8px;color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.04em}.admin__form input{width:100%;min-height:44px;padding:0 14px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:3px}.admin__form input:focus{outline:1px solid rgba(198,75,56,.45);border-color:#c64b3873}.admin__form .button{justify-self:start}.admin__error,.admin__message,.admin__muted{margin:0 0 20px;font-size:14px;line-height:1.45}.admin__error{color:var(--vermilion)}.admin__message{color:#3d6b52}.admin__muted{color:var(--ink-soft)}.admin__viewing{display:grid;gap:14px;margin-top:16px}.admin__viewing p{margin:0;font-size:14px}.admin__viewing-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-list{margin:0;padding:0;list-style:none}.admin-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.admin-list li:last-child{border-bottom:1px solid var(--line)}.admin-list strong{display:block;font-size:15px;font-weight:500}.admin-list span{color:var(--ink-soft);font-size:12px}.admin__user-tools{display:grid;gap:14px;margin:16px 0 8px}.admin__search{display:grid;gap:8px;color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.04em}.admin__search input{width:100%;min-height:44px;padding:0 14px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:3px}.admin__plan-filters{display:flex;flex-wrap:wrap;gap:8px}.admin__chip{min-height:32px;padding:0 12px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}.admin__chip--active{color:var(--white);background:var(--ink);border-color:var(--ink)}.admin-list--users strong{word-break:break-word}.admin-list__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.admin-plan{display:inline-block;margin-top:4px;letter-spacing:.04em;text-transform:uppercase}.admin-plan--paid{color:#3d6b52;font-weight:600}.admin__load-more{margin-top:16px}@media(max-width:560px){.admin{padding:20px 16px 48px}.admin__top{flex-direction:column}.admin__form .button{width:100%;justify-self:stretch}}.profile{max-width:720px;min-height:100vh;margin:0 auto;padding:28px 28px 64px}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px 16px;background:#252d3152}.profile-overlay__panel{position:relative;width:min(440px,100%);max-height:min(88vh,640px);overflow:auto;padding:36px 32px 28px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:0 18px 40px #252d311f}.profile-overlay__panel h1{margin:0;font-family:var(--serif);font-size:clamp(28px,4vw,36px);font-weight:500}.profile-overlay__close{position:absolute;top:10px;right:12px;width:36px;height:36px;padding:0;color:var(--ink);background:none;border:0;cursor:pointer;font-family:var(--serif);font-size:28px;line-height:1}.profile-overlay .profile__lede{margin-bottom:28px}.profile-overlay .profile__panel{padding-bottom:0;border-bottom:0}.profile__session{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.profile__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:36px}.profile__top h1{margin:0;font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:500}.profile__lede{max-width:440px;margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5}.profile__panel{padding-bottom:28px;border-bottom:1px solid var(--line)}.profile__panel h2{margin:0 0 12px;font-family:var(--serif);font-size:20px;font-weight:500}.profile__plan{margin:0 0 10px;font-family:var(--serif);font-size:28px;font-weight:500}.profile__interval{margin:-2px 0 8px;color:var(--ink-soft);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.profile__renewal{margin:0 0 12px;color:var(--ink-soft);font-size:14px;line-height:1.45}.profile__muted{max-width:480px;margin:0 0 8px;color:var(--ink-soft);font-size:14px;line-height:1.5}.profile__note{max-width:480px;margin:0 0 20px;color:var(--ink-soft);font-family:var(--serif);font-size:14px;font-style:italic;line-height:1.5}.profile__error{margin:0 0 16px;color:var(--vermilion);font-size:14px}.profile__message{margin:0 0 16px;color:#3d6b52;font-size:14px;line-height:1.45}.profile__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.profile__actions--plans{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.profile__offer{margin-bottom:4px}.profile__offer-price{display:flex;align-items:baseline;gap:10px;margin:0 0 6px;color:var(--ink);font-size:22px;font-weight:600;line-height:1.2}.profile__offer-price s{color:var(--ink-soft);font-size:14px;font-weight:500}.profile__offer-save{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.4}@media(max-width:560px){.profile{padding:20px 16px 48px}.profile__top{flex-direction:column}}.sr-page,.sr-play{--sr: 24s;--sr-1: #c64b38;--sr-2: #d17a4a;--sr-3: #6f8f7a;--sr-4: #263d4a}.sr-page{min-height:100vh}.sr-head{max-width:640px;margin:0 auto;padding:36px 28px 8px}.sr-head h1{margin:0 0 14px;font-family:var(--serif);font-size:clamp(32px,5vw,46px);font-weight:500;letter-spacing:-.03em}.sr-head__lede{margin:0;max-width:36em;color:var(--ink-soft);font-size:16px;line-height:1.55}.sr-play{max-width:760px;margin:0 auto;padding:28px 28px 8px}.sr-play__stage{position:relative;padding:18px 16px 14px;overflow:hidden;background:var(--white);border:1px solid var(--line);box-shadow:0 16px 40px #35332c14}.sr-rack{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:268px}.sr-bin{display:flex;flex-direction:column;align-items:center;padding:148px 6px 8px;text-align:center;opacity:.38}.sr-bin--1{animation:sr-bin-1 var(--sr) ease-in-out infinite}.sr-bin--2{animation:sr-bin-2 var(--sr) ease-in-out infinite}.sr-bin--3{animation:sr-bin-3 var(--sr) ease-in-out infinite}.sr-bin--4{animation:sr-bin-4 var(--sr) ease-in-out infinite}.sr-bin__well{width:100%;height:52px;margin-bottom:10px;background:var(--paper);border:1px solid var(--line);border-radius:2px 2px 10px 10px;box-shadow:inset 0 8px 0 var(--paper-deep)}.sr-bin--1 .sr-bin__well{box-shadow:inset 0 8px 0 var(--sr-1)}.sr-bin--2 .sr-bin__well{box-shadow:inset 0 8px 0 var(--sr-2)}.sr-bin--3 .sr-bin__well{box-shadow:inset 0 8px 0 var(--sr-3)}.sr-bin--4 .sr-bin__well{box-shadow:inset 0 8px 0 var(--sr-4)}.sr-bin strong{font-size:12px;font-weight:600;letter-spacing:.04em}.sr-bin span{margin-top:2px;color:var(--ink-soft);font-size:11px}.sr-card{position:absolute;top:12px;z-index:2;width:23%;height:132px;perspective:900px;animation:sr-hop var(--sr) ease-in-out infinite}.sr-card__flip{position:relative;width:100%;height:100%;transform-style:preserve-3d}.sr-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 12px 14px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 24px #35332c14;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sr-card__face small{color:var(--vermilion);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.sr-card__face p{margin:0;font-family:var(--serif);font-size:14px;font-weight:500;line-height:1.3}.sr-card__face--front{animation:sr-front var(--sr) ease-in-out infinite}.sr-card__face--back{transform:rotateY(-180deg);animation:sr-back var(--sr) ease-in-out infinite}.sr-card__mark{position:absolute;top:-10px;right:-8px;z-index:3;display:grid;width:26px;height:26px;place-items:center;color:var(--white);border:1.6px solid var(--ink);border-radius:50%;font-size:14px;font-weight:600;opacity:0;transform:scale(.6)}.sr-card__mark--right{background:#6f8f7a;animation:sr-mark-right var(--sr) ease-in-out infinite}.sr-card__mark--wrong{background:var(--vermilion);animation:sr-mark-wrong var(--sr) ease-in-out infinite}.sr-captions{position:relative;min-height:58px;margin-top:22px}.sr-caption{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;color:var(--ink);font-family:var(--serif);font-size:18px;font-style:italic;line-height:1.45;text-align:center;opacity:0}.sr-caption--1{animation:sr-cap-1 var(--sr) ease-in-out infinite}.sr-caption--2{animation:sr-cap-2 var(--sr) ease-in-out infinite}.sr-caption--3{animation:sr-cap-3 var(--sr) ease-in-out infinite}.sr-caption--4{animation:sr-cap-4 var(--sr) ease-in-out infinite}.sr-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:760px;margin:8px auto 0;padding:0 28px;list-style:none}.sr-guide__item{display:flex;flex-direction:column;gap:2px;padding:12px 12px 14px;background:var(--white);border:1px solid var(--line);border-top-width:4px}.sr-guide__item--1{border-top-color:var(--sr-1)}.sr-guide__item--2{border-top-color:var(--sr-2)}.sr-guide__item--3{border-top-color:var(--sr-3)}.sr-guide__item--4{border-top-color:var(--sr-4)}.sr-guide__item strong{font-size:13px}.sr-guide__item span{color:var(--ink);font-size:13px;font-weight:600}.sr-guide__item em{color:var(--ink-soft);font-size:12px;font-style:normal}.sr-note{max-width:540px;margin:22px auto 0;padding:0 28px;color:var(--ink-soft);font-size:14px;line-height:1.55;text-align:center}.sr-actions{display:flex;max-width:720px;align-items:center;justify-content:center;gap:22px;margin:0 auto;padding:28px 28px 72px}@keyframes sr-hop{0%,18%{left:1%}24%,42%{left:26%}48%,62%{left:51%}68%,80%{left:76%}86%,96%{left:51%}to{left:1%}}@keyframes sr-front{0%,8%,20%,34%,46%,54%,66%,74%,86%,to{transform:rotateY(0)}12%,16%,38%,42%,58%,62%,78%,82%{transform:rotateY(180deg)}}@keyframes sr-back{0%,8%,20%,34%,46%,54%,66%,74%,86%,to{transform:rotateY(-180deg)}12%,16%,38%,42%,58%,62%,78%,82%{transform:rotateY(0)}}@keyframes sr-mark-right{0%,10%,18%,36%,44%,56%,64%,to{opacity:0;transform:scale(.6)}13%,16%,39%,42%,59%,62%{opacity:1;transform:scale(1)}}@keyframes sr-mark-wrong{0%,76%,84%,to{opacity:0;transform:scale(.6)}79%,82%{opacity:1;transform:scale(1)}}@keyframes sr-bin-1{0%,22%{opacity:1}28%,to{opacity:.38}}@keyframes sr-bin-2{0%,20%{opacity:.38}24%,46%{opacity:1}52%,to{opacity:.38}}@keyframes sr-bin-3{0%,48%{opacity:.38}50%,64%{opacity:1}66%,84%{opacity:.38}86%,96%{opacity:1}to{opacity:.38}}@keyframes sr-bin-4{0%,66%{opacity:.38}68%,82%{opacity:1}86%,to{opacity:.38}}@keyframes sr-cap-1{0%,2%{opacity:0}5%,16%{opacity:1}20%,to{opacity:0}}@keyframes sr-cap-2{0%,18%{opacity:0}22%,32%{opacity:1}36%,to{opacity:0}}@keyframes sr-cap-3{0%,36%{opacity:0}40%,72%{opacity:1}76%,to{opacity:0}}@keyframes sr-cap-4{0%,76%{opacity:0}80%,94%{opacity:1}98%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.sr-bin,.sr-card,.sr-card__face,.sr-card__mark,.sr-caption{animation:none}.sr-bin,.sr-caption{opacity:1}.sr-card{left:1%}.sr-card__face--back,.sr-card__mark{display:none}.sr-captions{display:grid;gap:8px;min-height:0}.sr-caption{position:static;font-size:16px}}@media(max-width:560px){.sr-head,.sr-play,.sr-guide,.sr-note,.sr-actions{padding-left:18px;padding-right:18px}.sr-play__stage{padding:12px 8px 10px}.sr-rack{min-height:248px}.sr-bin{padding-top:128px}.sr-bin strong{font-size:10px}.sr-bin span{font-size:9px}.sr-card{height:112px}.sr-card__face p{font-size:12px}.sr-caption{font-size:16px}.sr-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-actions{flex-direction:column}}