:root{--beige:#eee2d6;--olive:#8c9440;--olive-ink:#6b7230;--pink:#e8a0a8;--page:#f3f5f9;--surface:#fff;--line:#e7e9ee;--ink:#2b2d26;--ink-2:#5d6056;--ink-3:#8a8d84;--heat-0:#eef0f3;--heat-1:#a5bb5f;--heat-2:#83a035;--heat-3:#617d1f;--heat-4:#405511;--card-olive:#737a33;--olive-track:#5c6228;--donut-learning:#f29aa8;--donut-mastered:#bfeb7a;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--page);margin:0}a{color:inherit}button{font:inherit}.app{grid-template-rows:64px 1fr;grid-template-columns:200px 1fr;min-height:100vh;display:grid}.topbar{background:var(--beige);grid-column:1/-1;grid-template-columns:200px 1fr auto;align-items:center;padding-right:24px;display:grid}.brand{align-items:center;gap:8px;padding-left:24px;text-decoration:none;display:flex}.brand img{height:48px;display:block}.page-title{color:var(--olive-ink);margin:0;padding-left:20px;font-size:18px;font-weight:700}.avatar{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:#d9cfc2;border:0;border-radius:8px;place-items:center;display:grid}.avatar:hover{background:#cfc3b4}.account{align-items:center;gap:10px;min-width:0;display:flex}.language-select{font:inherit;color:var(--olive-ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;max-width:160px;padding:8px}.signin{isolation:isolate;background:var(--beige);place-items:center;min-height:100vh;padding:16px;display:grid;position:relative;overflow:hidden}.signin-card{background:var(--surface);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:32px 24px;display:flex}.signin-card h1{color:var(--olive-ink);margin:0;font-size:22px}.signin-card p,.signin-card .banner{margin:0}.signin-logo{height:64px}.signin-button{min-height:44px}.signin-card{z-index:10;position:relative}.signin-note{color:var(--ink-3);letter-spacing:.02em;font-size:12px}.botanical-corner{z-index:1;pointer-events:none;width:clamp(245px,26vw,370px);height:auto;position:absolute;bottom:-65px}.botanical-corner--left{left:-16px}.botanical-corner--right{right:-16px;transform:scaleX(-1)}.botanical-stems{stroke:#6f793b;stroke-width:3px}.botanical-leaves{fill:#88934c;stroke:#69743a;stroke-width:1.2px}.botanical-veins{stroke:#f4eddd85;stroke-width:1px}.large-flower ellipse,.small-flower ellipse{fill:#f0a3ad;stroke:#fff5ee;stroke-width:1.4px}.large-flower circle,.small-flower circle{fill:#d8a33d;stroke:#fff3dc;stroke-width:1.5px}.floating-flower{z-index:2;filter:drop-shadow(0 4px 5px #5f5b361a);opacity:.92;pointer-events:none;width:32px;position:absolute}.floating-flower--one{width:27px;top:17%;left:14%;transform:rotate(-14deg)}.floating-flower--two{width:35px;top:20%;right:15%;transform:rotate(17deg)}.floating-flower--three{width:21px;bottom:32%;left:25%;transform:rotate(26deg)}.floating-flower--four{width:23px;bottom:20%;right:27%;transform:rotate(-22deg)}.petal-rain{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal{opacity:0;background:linear-gradient(145deg,#f6c6ca,#e995a1);border-radius:80% 12% 80% 18%;width:12px;height:20px;position:absolute;top:-12%;box-shadow:inset 2px 1px #ffffff61}.petal--one{width:10px;height:17px;animation-duration:14s;animation-delay:-3s;left:8%}.petal--two{animation-duration:17s;animation-delay:-10s;left:22%}.petal--three{width:9px;height:15px;animation-duration:13s;animation-delay:-6s;left:37%}.petal--four{animation-duration:19s;animation-delay:-14s;left:48%}.petal--five{width:11px;height:18px;animation-duration:15s;animation-delay:-1s;left:61%}.petal--six{animation-duration:18s;animation-delay:-8s;left:73%}.petal--seven{width:9px;height:16px;animation-duration:16s;animation-delay:-12s;left:86%}.petal--eight{width:11px;height:19px;animation-duration:20s;animation-delay:-5s;left:94%}@media (width<=760px){.botanical-corner{opacity:.82;width:230px;bottom:-112px}.botanical-corner--left{left:-80px}.botanical-corner--right{right:-80px}.floating-flower--one{top:8%;left:9%}.floating-flower--two{top:6%;right:8%}.floating-flower--three,.floating-flower--four,.petal--two,.petal--four,.petal--six{display:none}}@media (prefers-reduced-motion:no-preference){.floating-flower--one,.floating-flower--three{animation:6s ease-in-out infinite flower-sway}.floating-flower--two,.floating-flower--four{animation:7s ease-in-out -2s infinite reverse flower-sway}.petal{animation-name:petal-fall;animation-timing-function:linear;animation-iteration-count:infinite}.botanical-corner--left{transform-origin:0 100%;animation:8s ease-in-out infinite leaves-sway-left}.botanical-corner--right{transform-origin:bottom;animation:9s ease-in-out -2s infinite leaves-sway-right}@keyframes flower-sway{0%,to{translate:-2px 1px;rotate:-3deg}50%{translate:3px -6px;rotate:4deg}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}8%{opacity:.76}30%{transform:translate(34px,28vh)rotate(145deg)}58%{transform:translate(-25px,61vh)rotate(310deg)}88%{opacity:.68}to{opacity:0;transform:translate(25px,116vh)rotate(520deg)}}@keyframes leaves-sway-left{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(1.5deg)}}@keyframes leaves-sway-right{0%,to{transform:scaleX(-1)rotate(-.5deg)}50%{transform:scaleX(-1)rotate(1.5deg)}}}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding-top:12px}.nav-item{width:100%;color:var(--ink-2);text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 24px;font-size:14px;display:flex}.nav-item[aria-current=page]{border-left-color:var(--olive);color:var(--olive-ink);font-weight:700}.nav-item:disabled{color:var(--ink-3);cursor:not-allowed}.nav-item{cursor:pointer;min-height:44px;text-decoration:none}.nav-subitem{font-size:14px}.soon{text-transform:uppercase;color:var(--ink-3);margin-left:auto;font-size:10px;font-weight:700}.main{min-width:0;padding:16px 24px 32px}.banner{color:#8a2f3b;background:#fdecee;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:14px}.banner code{background:#fff6;border-radius:4px;padding:1px 4px}.grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}@media (width<=1000px){.span-8,.span-7,.span-5,.span-4{grid-column:1/-1}}@media (width<=700px){.app{grid-template-rows:56px auto 1fr;grid-template-columns:1fr}.topbar{grid-template-columns:auto 1fr auto;padding-right:16px}.brand{padding-left:16px}.account-email{display:none}.language-select{max-width:130px;font-size:12px}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0;display:flex}.nav-item{border-bottom:3px solid #0000;border-left:0;justify-content:center}.nav-item[aria-current=page]{border-bottom-color:var(--olive)}.nav-subitem{padding-left:24px}.main{padding:16px}}.section{flex-direction:column;min-width:0;display:flex}.section-head{justify-content:space-between;align-items:baseline;margin:0 0 8px;display:flex}.section-title{color:var(--olive-ink);margin:0;font-size:18px;font-weight:700}.link-button{color:var(--olive-ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.link-button:hover{text-decoration:underline}.card{background:var(--surface);border-radius:var(--radius);flex:1;min-height:180px;padding:20px;position:relative;box-shadow:0 1px 2px #1e23140a}.empty{text-align:center;height:100%;min-height:140px;color:var(--ink-3);place-items:center;padding:12px;font-size:14px;display:grid}.muted{color:var(--ink-3)}.stats-layout{grid-template-columns:170px 1fr;align-items:start;gap:20px;display:grid}@media (width<=700px){.stats-layout{grid-template-columns:1fr}}.stat-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.stat-list li{flex-direction:column;gap:2px;display:flex}.stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.stat-value{color:var(--olive-ink);text-transform:uppercase;font-size:22px;font-weight:700;line-height:1.1}.stat-unit{font-size:14px}@media (width<=700px){.stat-list{grid-template-columns:repeat(3,1fr)}}.heatmap{min-width:0}.heatmap svg{width:100%;height:auto;margin-left:auto;display:block}.heatmap .heat-empty{fill:var(--surface);stroke:var(--ink-3);stroke-width:1px}.heatmap rect:focus{stroke:var(--ink);stroke-width:1.5px;outline:none}.axis-text{fill:var(--ink-3);font-family:inherit;font-size:10px}.heat-legend{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:3px;margin-top:6px;font-size:11px;display:flex}.heat-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.tooltip{z-index:2;pointer-events:none;background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px;line-height:1.4;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.tooltip strong{display:block}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);padding:6px 8px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:6px 8px}.table-scroll{max-height:260px;overflow:auto}.video-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.video{grid-template-columns:minmax(90px,1fr) minmax(110px,160px) minmax(90px,1fr);align-items:center;gap:12px;text-decoration:none;display:grid}.video img{aspect-ratio:16/9;object-fit:cover;background:var(--heat-0);border-radius:6px;width:100%}.video-known{color:#b8475a;margin:0;font-size:13px;font-weight:700;line-height:1.3}.video-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.video-meta{color:var(--ink-3);margin-top:2px;font-size:11px}.video:hover .video-title{text-decoration:underline}.revisit-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.revisit-list li{align-items:center;gap:8px;display:flex}.revisit-text{flex:1;min-width:0}.revisit-word{overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.15}.revisit-translation{color:#b8475a;text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);font-size:14px;font-weight:700}.revisit-note{color:var(--ink);font-size:13px;font-weight:600}.revisit-error{color:#8a2f3b;margin:12px 0 0;font-size:13px}.round-button{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.round-button[aria-disabled=true]{cursor:default}.round-button.quiet{color:var(--ink-3);border:1.5px solid var(--line);background:0 0}.round-button.quiet:hover:not(:disabled){color:var(--olive-ink);border-color:var(--olive)}.round-button:disabled{opacity:.5;cursor:progress}.olive-stack{flex-direction:column;gap:12px;min-width:0;padding-top:30px;display:flex}.olive-card{background:var(--card-olive);color:#fff;border-radius:var(--radius);padding:14px 24px 18px;position:relative}.olive-card:last-child{flex:1}.olive-label{font-size:13px}.olive-value{font-size:20px;font-weight:700}.olive-empty{margin:8px 0 0;font-size:14px}.progress{background:var(--olive-track);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.progress div{background:#fff;border-radius:3px;height:100%}.mastery{grid-template-columns:1fr auto auto;align-items:center;gap:8px 24px;display:grid}.mastery .olive-value{align-self:start}.donut{position:relative}.donut svg{display:block}.donut-total{fill:#fff;font-family:inherit;font-size:22px;font-weight:700}.donut-legend{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.donut-legend li{align-items:center;gap:6px;display:flex}.donut-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.donut-legend strong{margin-left:4px}@media (width<=700px){.mastery{grid-template-columns:1fr;justify-items:start}.olive-stack{padding-top:0}}.study-page{max-width:1080px;margin:0 auto;padding-top:16px}.study-tutor-card{background:var(--surface);border-radius:var(--radius);max-width:600px;padding:28px}.study-tutor-card h3{margin:12px 0;font-size:24px}.study-tutor-card p{color:var(--ink-2);line-height:1.6}.study-tutor-card button{min-height:44px;font:inherit;cursor:pointer;border-radius:10px;padding:12px 20px;font-weight:700}.study-intro{max-width:660px;margin-bottom:28px}.study-eyebrow{color:var(--olive-ink);letter-spacing:.15em;font-size:12px;font-weight:700}.study-intro h2{margin:12px 0;font-size:clamp(26px,4vw,38px);line-height:1.15}.study-intro p{color:var(--ink-2);line-height:1.6}.study-layout{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.study-settings,.study-conversation,.study-transcript{background:var(--surface);border-radius:var(--radius);padding:24px}.study-page h3{color:var(--olive-ink);margin:0 0 16px}.study-scenarios{gap:12px;display:grid}.study-scenarios button{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;padding:16px}.study-scenarios button[aria-pressed=true]{border-color:var(--olive-ink);background:var(--heat-0)}.study-scenarios strong,.study-scenarios span{display:block}.study-scenarios span{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.5}.study-level{gap:8px;margin-top:24px;font-weight:700;display:grid}.study-level select{border:1px solid var(--line);background:var(--surface);font:inherit;width:100%;color:var(--ink);border-radius:10px;padding:12px}.study-settings>p{font-size:13px;line-height:1.6}.study-conversation{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.study-orb{background:var(--heat-0);border-radius:50%;place-items:center;width:140px;height:140px;margin-bottom:24px;display:grid;box-shadow:0 0 0 12px #7d873a14}.study-orb img{object-fit:contain;width:82%;height:82%}.study-orb.speaking{animation:1.5s ease-in-out infinite study-pulse}@keyframes study-pulse{50%{box-shadow:0 0 0 22px #7d873a1f}}@media (prefers-reduced-motion:reduce){.study-orb.speaking{animation:none}}.study-state{margin:0;font-weight:700}.study-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.study-controls button{min-height:44px;font:inherit;cursor:pointer;border-radius:10px;padding:12px 18px;font-weight:700}.study-primary{background:var(--olive-ink);color:#fff;border:1px solid var(--olive-ink)}.study-secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.study-page button:disabled{opacity:.5;cursor:default}.study-privacy{color:var(--ink-3);max-width:400px;margin:20px 0 0;font-size:12px;line-height:1.6}.study-transcript{max-height:380px;margin-top:24px;overflow-y:auto}.study-transcript>p{line-height:1.6}.study-message{background:var(--heat-0);border-radius:12px;max-width:85%;margin-top:12px;padding:12px 16px}.study-message.user{background:var(--beige);margin-left:auto}.study-message strong{color:var(--olive-ink);font-size:12px}.study-message p{margin:6px 0 0;line-height:1.6}@media (width<=850px){.study-layout{grid-template-columns:1fr}}.study-feedback{background:var(--surface);border-radius:var(--radius);margin-top:24px;padding:24px}.study-feedback p{line-height:1.6}.study-feedback-note{background:var(--heat-0);color:var(--ink-2);border-radius:12px;padding:12px 16px}.study-feedback button{font:inherit;cursor:pointer;border-radius:10px;padding:12px 18px}.study-rating strong{color:var(--olive-ink);font-size:32px}.study-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.study-rating-grid>div,.study-review-word{border:1px solid var(--line);border-radius:12px;padding:16px}.study-review-word{margin-top:12px}.study-review-word h4{color:var(--olive-ink);margin:0;font-size:20px}.study-review-word h4 span{color:var(--ink-2);font-weight:400}@media (width<=600px){.study-rating-grid{grid-template-columns:1fr}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.study-deck{grid-template:"drawer deck""tutor deck"1fr/260px minmax(0,1fr);align-items:start;gap:20px 24px;display:grid}.study-deck .vocab-drawer{grid-area:drawer}.study-deck .deck-main{grid-area:deck}.study-deck .study-tutor-card{grid-area:tutor;padding:20px}.study-deck .study-tutor-card h3{margin:8px 0;font-size:20px}.study-deck .study-tutor-card p{margin:0 0 16px;font-size:14px}.vocab-drawer{background:var(--surface);border-radius:var(--radius);flex-direction:column;min-width:0;max-height:420px;padding:12px;display:flex}.drawer-closed .vocab-drawer{background:0 0;padding:0}.vocab-drawer-head{justify-content:space-between;align-items:center;gap:8px;padding:0 0 8px 4px;display:flex}.drawer-closed .vocab-drawer-head{padding:0}.vocab-drawer-head .section-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vocab-drawer-toggle{background:var(--heat-0);width:36px;height:36px;color:var(--olive-ink);cursor:pointer;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.vocab-drawer-toggle:hover{background:var(--line)}.drawer-closed .vocab-drawer-toggle{background:var(--surface);border-radius:var(--radius);white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;width:100%;height:44px;padding:0 10px 0 14px;font-size:14px;font-weight:700;display:flex}.drawer-closed .vocab-drawer-toggle:hover{background:var(--heat-0)}.vocab-drawer-list{gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.vocab-drawer-list[hidden]{display:none}.vocab-drawer-list button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;min-height:44px;padding:8px 10px}.vocab-drawer-list button:hover{background:var(--heat-0)}.vocab-drawer-list button[aria-current=true]{background:var(--heat-0);border-left-color:var(--olive)}.vocab-drawer-list strong{overflow-wrap:anywhere;font-size:14px;display:block}.vocab-drawer-list span{color:var(--ink-3);overflow-wrap:anywhere;font-size:12px;display:block}.deck-main{min-width:0}.deck-stage{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:grid}.deck-arrow{width:44px;height:64px;color:var(--pink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.deck-arrow:hover:not(:disabled){background:#fdecee}.deck-arrow:disabled{opacity:.3;cursor:default}.deck-grade{justify-content:center;gap:16px;margin-top:16px;display:flex}.deck-grade-button{color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid}.deck-grade-button.wrong{background:var(--pink)}.deck-grade-button.right{background:var(--olive-ink)}.deck-grade-button:hover{filter:brightness(.94)}.toast-region{pointer-events:none;z-index:20;justify-content:center;display:flex;position:fixed;bottom:28px;left:0;right:0}.toast{background:var(--ink);color:#fff;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;animation:.2s ease-out toast-in;box-shadow:0 6px 20px #00000038}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.deck-error{text-align:center;color:#8a2f3b;margin:-8px 0 20px;font-size:13px}.deck-hint{text-align:center;color:var(--olive-ink);margin:12px 0 20px;font-size:12px;font-style:italic}.flashcard{perspective:1400px;display:grid}.flashcard-face{background:var(--surface);backface-visibility:hidden;height:340px;color:var(--ink);font:inherit;text-align:left;border:0;border-radius:20px;grid-area:1/1;transition:transform .45s;box-shadow:0 1px 2px #1e23140a,0 8px 24px #1e23140f}.flashcard-front{cursor:pointer;place-items:center;padding:32px;display:grid}.flashcard-front:hover{box-shadow:0 1px 2px #1e23140a,0 12px 32px #1e23141a}.flashcard-back{cursor:pointer;overscroll-behavior:contain;padding:24px 28px;overflow-y:auto;transform:rotateY(180deg)}.flashcard-back:after{content:"";background:linear-gradient(transparent, var(--surface));pointer-events:none;height:32px;margin:0 -28px -24px;display:block;position:sticky;bottom:-24px}.flashcard.flipped .flashcard-front{transform:rotateY(-180deg)}.flashcard.flipped .flashcard-back{cursor:auto;transform:rotateY(0)}@media (prefers-reduced-motion:reduce){.flashcard-face{transition:none}}.flashcard-word{text-align:center;overflow-wrap:anywhere;font-size:48px;font-weight:800}.flashcard-word.medium{font-size:36px}.flashcard-word.long{font-size:26px}.flashcard-back-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.study-page .flashcard-back-word{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:800}.study-page .flashcard-back-word.medium,.study-page .flashcard-back-word.long{font-size:22px}.flashcard-gloss{color:var(--olive-ink);margin:2px 0 0;font-size:17px;font-weight:700}.flashcard-grammar{color:var(--ink-2);margin:12px 0;line-height:1.5}.flashcard-pron{background:var(--heat-0);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.flashcard-pron p{margin:0 0 4px}.flashcard-pron p:last-child{margin:0}.flashcard-details{gap:4px;margin:16px 0 0;display:grid}.flashcard-details dt{letter-spacing:.12em;text-transform:uppercase;color:var(--olive-ink);margin-top:8px;font-size:11px;font-weight:800}.flashcard-details dd{margin:0;font-size:14px;line-height:1.55}.flashcard-source{color:var(--olive-ink);margin-top:16px;font-size:13px;font-weight:700;display:inline-block}.say-it{background:var(--surface);border-radius:var(--radius);max-width:608px;margin:0 auto;padding:20px}.say-it button{cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;display:inline-flex}.say-it button:disabled{opacity:.5;cursor:default}.say-it-listen{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.say-it-row{align-items:center;gap:16px;display:flex}.say-it .say-it-mic{background:var(--olive-ink);color:#fff;border:0;border-radius:50%;flex:none;justify-content:center;width:64px;height:64px;padding:0}.say-it .say-it-mic[aria-pressed=true]{background:#c2414f;animation:1.5s ease-in-out infinite study-pulse}@media (prefers-reduced-motion:reduce){.say-it .say-it-mic[aria-pressed=true]{animation:none}}.say-it-word{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:800}.say-it-hint,.say-it-status{color:var(--ink-2);margin:4px 0 0;font-size:13px}.say-it-status.turn,.say-it-status.error{border-radius:10px;margin-top:14px;padding:10px 14px;font-size:15px;font-weight:800}.say-it-status.turn{border-left:4px solid var(--olive);color:var(--olive-ink);background:#e9f0d6}.say-it-status.error{color:#8a2f3b;background:#fdecee;border-left:4px solid #c2414f}.say-it-attempt{font-size:13px}.say-it-result{justify-content:space-between;align-items:center;gap:12px;display:flex}.say-it-result strong{font-size:18px}.say-it-attempt-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}@media (width<=850px){.study-deck{grid-template:"drawer""deck""tutor"/1fr}.vocab-drawer{max-height:320px}.study-deck .study-tutor-card{max-width:none}.deck-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px}.deck-arrow{width:36px}.say-it{max-width:none}.flashcard-face{height:360px}.flashcard-back{padding:20px}.flashcard-back:after{margin:0 -20px -20px;bottom:-20px}}@media (width>=851px){.main:has(>.study-page>.study-deck){flex-direction:column;height:calc(100dvh - 64px);padding-bottom:24px;display:flex;overflow:hidden}.main:has(>.study-page>.study-deck)>.study-page{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.study-page>.study-deck{flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0}.study-page>.study-deck.drawer-closed{grid-template-rows:auto minmax(0,1fr)}.study-deck .vocab-drawer{align-self:stretch;min-height:0;max-height:none}.study-deck.drawer-closed .vocab-drawer{align-self:start}.study-deck .deck-main{align-self:stretch;min-height:0;padding-bottom:4px;overflow-y:auto}}