#stage-badge{font-size:11px;white-space:nowrap;border-radius:20px;padding:4px 8px;background:#e9efdf;color:#486143;margin-left:auto;margin-right:8px}
body.phrase-stage{background:#fff7df;color:#6b5126}body.phrase-stage header{border-color:#e7d6a5}body.phrase-stage .tools button,body.phrase-stage .collection{background:#fffdf3;border-color:#eadbb5}body.phrase-stage .rail,body.phrase-stage .room,body.phrase-stage .room.locked{background:#fff2bf;border-color:#ecdaa5}body.phrase-stage .room{color:#755e2f}body.phrase-stage .room .translation,body.phrase-stage .room-count,body.phrase-stage .scroll-hint,body.phrase-stage footer,body.phrase-stage .feedback{color:#947d4a}body.phrase-stage .progress-row .mode-switch,body.phrase-stage .filters,body.phrase-stage .round-pill{background:#f4e5b8;color:#80612b}body.phrase-stage .progress-row .mode-switch button.active,body.phrase-stage .filters button.active,body.phrase-stage .primary{background:#ab7726!important;color:#fffdf0}body.phrase-stage .item,body.phrase-stage .memory-card .card-front{background:#fff5d5;color:#6b5126}body.phrase-stage .item.selected{outline-color:#c5932f}body.phrase-stage .memory-card .card-back{background:#f2d572;color:#886323;border-color:#e1c05b}body.phrase-stage #progress{background:#d9ae42}body.phrase-stage .dialog,body.phrase-stage .book-dialog,body.phrase-stage .guide-dialog{background:#fff9e9;color:#6b5126}body.phrase-stage #stage-badge{background:#f4dc8a;color:#7d571d}body.phrase-stage .word{font-size:16px;line-height:1.3}body.phrase-stage #items .illustration{height:48px}body.phrase-stage #items .illustration svg{height:45px}body.phrase-stage .memory-card .card-front>svg{max-height:48px}body.phrase-stage .memory-card .word{font-size:15px}
.stage-upgrade{z-index:120;background:#68563280;overflow:auto;padding:24px}.upgrade-dialog{position:relative;overflow:hidden;width:min(620px,100%);background:#fff8df;border:2px solid #f0d276;border-radius:32px;text-align:center;padding:42px 30px;color:#725023;box-shadow:0 25px 90px #47330f38}.upgrade-flowers{font-size:54px;position:relative}.upgrade-dialog h2{font-size:32px;margin:18px 0}.upgrade-dialog p{line-height:1.8;position:relative}.upgrade-dialog #upgrade-eyebrow{font-size:11px;letter-spacing:1.8px;color:#ab7f2e}.upgrade-dialog #upgrade-note{font-size:12px;color:#9d865a}.upgrade-dialog .primary{background:#ad7c25;color:#fff9e6;position:relative;margin-top:16px}#upgrade-examples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative}#upgrade-examples span{padding:8px 12px;background:#f5e6af;border-radius:12px;font-size:15px}.upgrade-ribbons{position:absolute;inset:0;pointer-events:none}.upgrade-ribbons i{position:absolute;left:var(--x);top:-20px;width:8px;height:16px;opacity:0;animation:upgrade-confetti 2.8s var(--delay) ease-out both}@keyframes upgrade-confetti{0%{opacity:1;transform:translateY(-10px) rotate(0)}85%{opacity:1}100%{opacity:0;transform:translateY(650px) rotate(var(--spin))}}@media(max-width:600px){#stage-badge{padding:3px 5px;font-size:10px;margin-right:3px}.stage-upgrade{padding:14px}.upgrade-dialog{padding:28px 18px}.upgrade-dialog h2{font-size:26px}.upgrade-flowers{font-size:40px}body.phrase-stage .word,body.phrase-stage .memory-card .word{font-size:13px}body.phrase-stage .memory-card .card-front>svg{max-height:36px}}@media(prefers-reduced-motion:reduce){.upgrade-ribbons i{animation:none;top:20%;opacity:.5}}
body.phrase-stage .secondary,body.phrase-stage .text-button,body.phrase-stage .book-tabs button{background:#fff1c9;color:#856022;border-color:#e4c982}body.phrase-stage .book-tabs button.active{background:#b98227;color:#fff8df}body.phrase-stage .memory-card{height:150px}body.phrase-stage .item{min-height:145px}body.phrase-stage .word{overflow-wrap:anywhere}body.phrase-stage .card-front{justify-content:center}body.phrase-stage .card-front .word{min-height:0}body.phrase-stage .brand>span{background:#bd8a2d}@media(max-width:600px){body.phrase-stage .memory-card{height:134px}body.phrase-stage .item{min-height:131px}}

body.phrase-stage .track{background:#eddfb2}body.phrase-stage .room.success{box-shadow:0 0 0 3px #d7ad40}
.round-ribbons{position:fixed;inset:0;overflow:hidden;z-index:220;pointer-events:none}.round-ribbons i{position:absolute;left:var(--x);top:-24px;width:8px;height:15px;border-radius:2px;opacity:0;animation:round-confetti 2.6s var(--delay) cubic-bezier(.2,.5,.5,1) both}@keyframes round-confetti{0%{opacity:1;transform:translateY(-12px) rotate(0)}80%{opacity:.9}100%{opacity:0;transform:translateY(103vh) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.round-ribbons i{animation:none;top:12%;opacity:.5}.round-ribbons i:nth-child(2n){top:25%}}
body.phrase-stage .memory-card,body.phrase-stage .card-inner{height:152px;min-height:152px}body.phrase-stage .card-front>svg{width:42px;height:34px;max-height:34px}body.phrase-stage .card-front .word{line-height:1.25;min-height:0}@media(max-width:600px){body.phrase-stage .memory-card,body.phrase-stage .card-inner{height:152px;min-height:152px}body.phrase-stage .card-front>svg{width:32px;height:27px;max-height:27px}}

.speech-master-option{display:flex;align-items:center;gap:10px;margin:16px auto 8px;padding:11px 14px;text-align:left;background:#f0f3e7;border:1px solid #dce3cf;border-radius:14px;max-width:410px;cursor:pointer;font-size:14px}.speech-master-option input{width:21px;height:21px;accent-color:#47694c;flex-shrink:0}.speech-master-option small{display:block;font-size:10px;line-height:1.5;color:#89947b;margin-top:3px}body.phrase-stage .speech-master-option{background:#fff0c8;border-color:#ead5a1}body.phrase-stage .speech-master-option input{accent-color:#af7d28}

#garden-micro{padding:10px 12px;background:#edf2df;border-radius:12px;font-size:11px;line-height:1.6;color:#65804f}body.phrase-stage #garden-micro{background:#fff0bf;color:#937128}
