.script-bootcamp{--boot-line:var(--border,#e5e4dc);--boot-soft:var(--cream,#f8f7ef);--boot-green:var(--green,#496b50);margin-bottom:24px}.boot-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.boot-heading h2{margin:8px 0 0}.boot-label{border:1px solid var(--boot-line);white-space:nowrap;color:var(--boot-green);border-radius:100px;padding:8px 12px;font-size:12px}.boot-modes{gap:10px;margin:20px 0;display:flex}.boot-modes button{border:1px solid var(--boot-line);background:0 0;border-radius:12px;padding:12px 18px;font-weight:700}.boot-modes button.active{background:var(--boot-green);color:#fff;border-color:var(--boot-green)}.boot-title{margin:24px 0 10px;font-size:22px}.boot-intro{max-width:850px;line-height:1.7}.boot-progress{align-items:center;gap:20px;margin:24px 0 18px;font-size:13px;font-weight:700;display:flex}.boot-progress progress{max-width:250px;height:8px;accent-color:var(--boot-green);border-radius:20px;flex:1;overflow:hidden}.boot-learn-card{border:1px solid var(--boot-line);border-radius:20px;grid-template-columns:180px 1fr;display:grid;overflow:hidden}.boot-symbol{background:var(--boot-soft);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 12px;display:flex}.boot-symbol>strong{white-space:nowrap;font-size:66px;font-weight:600;line-height:1.35}.boot-symbol>span{text-align:center;font-size:13px}.boot-symbol button{padding:9px 10px;font-size:12px}.boot-teach{align-self:center;padding:26px 28px}.boot-cue{color:var(--boot-green);font-size:15px;font-weight:800}.boot-teach>p{margin:10px 0 20px;line-height:1.7}.boot-example{border-top:1px solid var(--boot-line);align-items:center;gap:16px;padding-top:18px;display:flex}.boot-native-button{border:1px solid var(--boot-line);background:0 0;border-radius:12px;align-items:center;gap:10px;min-height:54px;padding:10px 14px;display:flex}.boot-native-button strong{font-size:27px;font-weight:500}.boot-example>div{flex-direction:column;gap:6px;display:flex}.boot-example>div b{font-size:14px}.boot-example>div span{font-size:13px;line-height:1.5}.boot-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.boot-shapes>div{text-align:center;border:1px solid var(--boot-line);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.boot-shapes small{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.boot-shapes>div>strong{min-height:72px;font-size:48px;line-height:1.5}.boot-shapes button{background:var(--boot-soft);border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 11px;display:flex}.boot-shapes button span{font-size:24px}.boot-shapes b{font-size:12px}.boot-shapes>div>span{font-size:12px;line-height:1.5}.boot-action-tip{align-items:flex-start;gap:10px;margin:20px 0;font-size:13px;line-height:1.7;display:flex}.boot-action-tip svg{flex-shrink:0;margin-top:3px}.boot-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.script-bootcamp button:disabled{cursor:default}.boot-actions button:disabled{opacity:.45}.boot-quiz-instruction{font-size:13px;line-height:1.6}.boot-question{max-width:740px;margin:24px 0 20px;font-size:21px;line-height:1.55}.boot-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.boot-choices button{background:var(--boot-soft);border:2px solid var(--boot-line);min-height:126px;color:inherit;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;font-size:48px;display:flex}.boot-choices button:not(:disabled):hover{border-color:var(--boot-green)}.boot-choices button small{font-size:12px;font-weight:700}.boot-choices button.is-correct{border-color:var(--boot-green);color:#31573a;background:#eaf2e8}.boot-choices button.is-wrong{color:#7c453e;background:#fff0e9;border-color:#a2665d}.boot-feedback{background:var(--boot-soft);border-left:3px solid #a2665d;border-radius:0 14px 14px 0;margin-top:18px;padding:16px 20px;line-height:1.65}.boot-feedback.success{border-left-color:var(--boot-green)}.boot-feedback p{margin:6px 0 10px}.boot-complete{text-align:center;padding:26px 0 8px}.boot-complete>svg{color:var(--boot-green);margin:auto}.boot-complete h4{margin:14px 0;font-size:24px}.boot-score{color:var(--boot-green);font-size:30px;font-weight:800}.boot-complete>.boot-actions{justify-content:center}.boot-mini-reference{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.boot-mini-reference button{background:var(--boot-soft);border:1px solid var(--boot-line);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 15px;display:flex}.boot-mini-reference strong{font-size:25px;font-weight:500}.boot-mini-reference small{font-size:12px}.boot-notes{border-top:1px solid var(--boot-line);margin-top:24px;padding-top:18px;font-size:12px;line-height:1.75}.boot-notes summary{cursor:pointer;font-weight:700}.boot-notes a{color:var(--boot-green);text-underline-offset:3px;text-decoration:underline;display:block}.script-bootcamp button:focus-visible,.boot-notes summary:focus-visible{outline:3px solid var(--boot-green);outline-offset:4px}@media (width<=680px){.boot-heading{align-items:flex-start}.boot-label{display:none}.boot-heading h2{font-size:24px}.boot-learn-card{grid-template-columns:1fr}.boot-symbol{gap:8px;padding:18px}.boot-symbol>strong{font-size:58px}.boot-teach{padding:22px}.boot-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.boot-choices{gap:8px}.boot-choices button{min-height:110px;padding:15px 6px;font-size:38px}.boot-actions{align-items:stretch}.boot-actions button{flex-grow:1;justify-content:center}.boot-example{align-items:flex-start}.boot-native-button{flex-shrink:0}.boot-question{font-size:19px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.table{display:table}.grow{flex-grow:1}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}}:root{--paper:#fbfaf6;--white:#fffefa;--ink:#293e32;--muted:#5a6559;--green:#587a3d;--green-dark:#3f602b;--line:#c3ccb5;--soft:#eef3e4;--pink:#f8e7ec;--lilac:#eeebf7;--yellow:#f7efcf}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Avenir Next,Nunito,Trebuchet MS,Arial,sans-serif;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7861a1}button{background:0 0;border:0}button:disabled{cursor:default;opacity:.47}button:not(:disabled),a,summary{touch-action:manipulation}a{color:var(--green-dark)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.25}h1{font-size:42px;font-weight:800}h2{font-size:24px;font-weight:800}h3{font-size:17px;font-weight:800}p{color:var(--muted)}svg{flex-shrink:0}em{color:var(--green);letter-spacing:-.05em;font-family:Georgia,serif;font-weight:500}strong,b{font-weight:800}.app{min-height:100vh}.theme-strawberry{--green:#985570;--green-dark:#814059;--soft:#f7e9ed}.sidebar{z-index:20;border-right:1px solid var(--line);background:#f9f9f2;flex-direction:column;width:220px;padding:31px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;align-items:center;gap:10px;margin-bottom:39px;padding:0 8px;display:flex}.brand-mark{color:#648347;background:#dce9c7;border-radius:14px 14px 16px 16px;place-items:center;width:39px;height:43px;display:grid;transform:rotate(-6deg)}.brand>span:last-child{letter-spacing:-1.2px;color:#49643b;font-size:26px;font-weight:900;line-height:1.05}.brand small{letter-spacing:3.2px;color:#5a694e;margin-top:7px;font-size:12px;display:block}.sidebar-label{letter-spacing:1.2px;color:#5f6856;margin-bottom:17px;padding:0 12px;font-size:12px;font-weight:800}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#64715e;text-align:left;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:46px;padding:13px 12px;font-size:12px;font-weight:700;display:flex;position:relative}.nav-item.active{color:#456632;background:#e7eedc}.nav-item.active:before{content:"";background:#75954e;border-radius:5px;width:3px;height:21px;position:absolute;top:13px;left:0}.theme-strawberry .nav-item.active{color:#814059;background:#f0e2e8}.nav-item:hover{background:#eff1e8}.count{background:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:12px}.sidebar-bottom{margin-top:auto}.sidebar-pets{justify-content:center;gap:0;margin-top:40px;margin-bottom:-13px;display:flex}.sidebar-pets .pet{width:85px;height:101px}.sidebar-bottom>p{text-align:center;color:#5e6852;margin-bottom:25px;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.5}.sidebar-bottom .nav-item{font-size:12px}.tiny-star{color:#ab9b67;margin-left:auto}.preview-label{color:#616758;letter-spacing:1px;text-align:center;margin-top:20px;font-size:12px;display:block}.app-body{margin-left:220px}.topbar{border-bottom:1px solid var(--line);background:#fdfcf8;justify-content:space-between;align-items:center;height:99px;padding:0 39px;display:flex}.eyebrow{letter-spacing:1.5px;color:#5b694f;align-items:center;gap:6px;font-size:12px;font-weight:800;line-height:1.6;display:inline-flex}.topbar .eyebrow{letter-spacing:1.3px;font-size:12px}.topbar>div>p{color:var(--ink);margin-top:4px;font-size:15px;font-weight:800}.top-actions{align-items:center;gap:25px;display:flex}.course-switch{border:1px solid var(--line);background:var(--white);border-radius:11px;align-items:center;gap:9px;min-height:42px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.flag{font-size:23px;line-height:1.2}.stat-top{color:#b3814d;align-items:center;gap:6px;font-size:15px;display:flex}.stat-top.xp{color:#9b8954}.stat-top small{color:#606855;font-size:12px}.mobile-brand,.mobile-only{display:none}main{max-width:1640px;margin:auto;padding:30px 34px 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 244px;gap:25px;max-width:1310px;margin:auto;display:grid}.content-area{min-width:0}.hero{background:#edf2df;border:1px solid #e0e8d0;border-radius:21px;min-height:350px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:3;width:60%;padding:34px 0 30px 30px;position:relative}.badge{color:#5b7048;background:#f7f9ef;border:1px solid #dbe3ce;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1.5;display:inline-flex}.hero-badge{letter-spacing:.7px;background:#f7f9edb3;border-color:#dce5cf;border-radius:20px;padding:5px 9px;font-size:12px}.dot{background:#8ca75f;border-radius:100%;width:5px;height:5px}.hero h1{letter-spacing:-1.5px;margin:18px 0 14px;font-size:38px;line-height:1.18}.hero p{color:#5b6750;font-size:12px;line-height:1.85}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 18px;font-size:12px;font-weight:800;line-height:1.45;transition:background .15s,transform .15s;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-dark)}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.primary:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.secondary{background:var(--white);color:var(--green-dark);border:1px solid #d2ddc5;box-shadow:0 2px #e5e9dc}.hero .primary{margin-top:22px;padding:11px 16px;font-size:12px}.hero-caption{color:#5d6852;align-items:center;gap:4px;margin-top:13px;font-size:12px;display:flex}.hero-art{width:43%;height:100%;position:absolute;bottom:0;right:0}.hero-art:before{content:"";background:#e3eccf;border-radius:100%;position:absolute;inset:70px 0 25px 5%}.hero-pet{z-index:2;position:absolute;bottom:40px}.green-pet{width:67%;left:-8%;transform:rotate(-7deg)}.pink-pet{width:60%;bottom:28px;right:-3%;transform:rotate(9deg)}.pet{width:100%;height:auto;overflow:visible}.pet-small{width:100px;height:114px}.garden{width:100%;position:absolute;bottom:0;left:0}.floating-greeting{z-index:3;white-space:nowrap;color:#536d3b;background:#fffdf3;border:1px solid #dae3cb;border-radius:16px 16px 16px 3px;padding:12px 15px;font-size:21px;position:absolute;top:31px;right:20%;transform:rotate(4deg);box-shadow:0 3px #dce6cd}.floating-greeting span{letter-spacing:.2px;text-align:center;color:#60674e;margin-top:4px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:block}.art-spark{color:#b0b775;z-index:3;font-size:26px;position:absolute}.spark-one{top:30%;left:6%}.spark-two{color:#c994a0;font-size:24px;top:48%;right:8%}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-section{margin:28px 0 15px}.home-section h2{margin-top:3px;font-size:21px}.text-btn,.text-link{color:var(--green-dark);align-items:center;gap:7px;font-size:12px;font-weight:800;line-height:1.5;display:inline-flex}.text-btn{min-height:36px;padding:4px 0}.text-btn:hover{text-decoration:underline}.journey-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.journey-main{align-items:center;gap:15px;padding:21px 23px 11px;display:flex}.journey-icon{background:#eff3e6;border-radius:13px;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.journey-main h3{margin:4px 0;font-size:18px}.journey-main .eyebrow{letter-spacing:1px;font-size:12px}.journey-main p{font-size:12px}.round-arrow{border:1px solid var(--line);width:35px;height:35px;color:var(--green);border-radius:100%;place-items:center;margin-left:auto;display:grid}.lesson-path{justify-content:space-around;padding:15px 12px 31px;display:flex;position:relative}.lesson-path:before{content:"";border-top:2px dashed #dfe6d3;height:2px;position:absolute;top:43px;left:15%;right:15%}.lesson-stop{z-index:1;flex-direction:column;align-items:center;gap:9px;width:23%;display:flex;position:relative}.lesson-stop>span{color:#93a187;background:#f1f3eb;border:2px solid #e5e9dc;border-radius:100%;place-items:center;width:53px;height:53px;display:grid;box-shadow:0 4px #e6e9dc}.lesson-stop.current>span{color:#fff;background:#84a259;border-color:#79984f;box-shadow:0 4px #627e3e,0 0 0 6px #eff4e6}.lesson-stop.done>span{color:#4b6d30;background:#deebcb}.lesson-stop small{color:#5f6758;font-size:12px;font-weight:700}.lesson-stop.current small{color:#526d3c}.lesson-stop b{letter-spacing:.7px;color:#566c3c;font-size:12px;position:absolute;bottom:-17px}.journey-footer{color:#5f6855;background:#fafbf5;border-top:1px solid #eceee5;justify-content:space-between;padding:10px 21px;font-size:12px;display:flex}.journey-footer>span:first-child{align-items:center;gap:5px;display:flex}.discovery-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.discovery-card{text-align:left;border:1px solid #e1deed;border-radius:15px;min-height:163px;padding:21px 18px;position:relative;overflow:hidden}.lilac{background:var(--lilac)}.pink{background:var(--pink);border-color:#eddae1}.green{background:#edf3e3}.small-overline{letter-spacing:1px;color:#685f79;font-size:12px;font-weight:800}.discovery-card h3{z-index:1;margin:9px 0 7px;font-size:18px;position:relative}.discovery-card p{color:#67616e;font-size:12px}.discovery-card .text-link{margin-top:17px;font-size:12px}.discovery-card.pink .small-overline{color:#7e5665}.discovery-card.pink p{color:#6e5d62}.discovery-art{color:#b9aed2;opacity:.65;font-size:62px;font-weight:800;line-height:1;position:absolute;bottom:45px;right:10px;transform:rotate(12deg)}.discovery-art>span{font-size:23px;position:absolute;top:-12px;right:0}.cup-icon{opacity:.65;font-size:49px;position:absolute;bottom:33px;right:14px;transform:rotate(-12deg)}.cup-icon>span{color:#b47c8a;font-size:24px;position:absolute;top:-13px;right:-9px}.language-strip{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.language-strip>button{border:1px solid var(--line);background:var(--white);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:14px 2px 12px;display:flex}.language-strip>button.active{background:#eef3e3;border-color:#9bb37c}.language-strip>button>span{font-size:23px}.language-strip strong{white-space:nowrap;font-size:12px}.language-strip small{color:#626658;font-size:12px}.approach-link{color:#5e6755;justify-content:center;align-items:center;gap:6px;width:100%;min-height:36px;margin:22px 0 0;font-size:12px;display:flex}.panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px}.right-rail{flex-direction:column;gap:18px;display:flex}.right-rail .panel{padding:19px 18px}.right-rail h3{letter-spacing:-.2px;font-size:14px}.right-rail p{font-size:12px;line-height:1.8}.right-rail .section-title{margin-bottom:11px}.sun-icon{color:#c5ab63;font-size:25px;line-height:1}.goal-progress{align-items:center;gap:15px;margin:21px 0;display:flex}.goal-ring{background:conic-gradient(#8aa95c var(--value),#e9eee0 0);color:#8aa768;border-radius:100%;place-items:center;width:62px;height:62px;display:grid;position:relative}.goal-ring:before{content:"";background:#fffefa;border-radius:100%;width:51px;height:51px;position:absolute}.goal-ring svg{position:relative}.goal-progress strong{letter-spacing:-.5px;font-size:23px;line-height:1.2;display:block}.goal-progress strong>span{color:#8b967d;font-size:14px}.goal-progress small{color:#5f6757;font-size:12px}.progress{background:#e9eee0;border-radius:20px;height:7px;overflow:hidden}.progress>span{background:#8eab65;border-radius:20px;height:100%;transition:width .3s;display:block}.daily-goal>.text-btn{justify-content:center;width:100%;margin:10px 0 -4px;font-size:12px}.rhythm .section-title svg{color:#bc9465}.week-row{justify-content:space-between;gap:5px;margin:19px 0;display:flex}.week-row>div{color:#7e8972;flex-direction:column;flex:1;align-items:center;gap:6px;font-size:12px;display:flex}.week-row b{color:#a4ae95;background:#f0f2e8;border:1px solid #e4e8da;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:13px;display:flex}.week-row .active b{color:#56783b;background:#dcebc6;border-color:#b8d391}.rhythm p{font-size:12px}.rhythm p strong{color:#677f4e}.word-of-day{background:#f3f0e2;border:1px solid #e7e4d5;border-radius:16px;padding:21px 19px;position:relative;overflow:hidden}.word-of-day>.eyebrow{letter-spacing:1px;color:#666548;font-size:12px}.word-of-day>strong{word-break:break-word;margin-top:15px;font-size:28px;font-weight:600;display:block}.word-of-day>span:not(.eyebrow):not(.word-flower){color:#68654b;margin-top:2px;font-size:12px;display:block}.word-of-day>p{margin-top:9px;font-size:12px}.word-of-day .text-btn{margin:7px 0 -4px;font-size:12px}.word-flower{color:#d5d3af;opacity:.45;font-size:90px;line-height:1;position:absolute;bottom:-15px;right:12px}.rail-note{justify-content:center;align-items:center;gap:9px;padding:3px 4px;display:flex}.rail-note svg{color:#b88a8e}.rail-note p{color:#626758;font-size:12px;font-style:italic}.site-footer{border-top:1px solid var(--line);color:#616754;justify-content:space-between;align-items:center;gap:15px;max-width:1310px;margin:31px auto 0;padding:20px 0;font-size:12px;display:flex}.site-footer>span:first-child{color:#5e6952;letter-spacing:.3px;font-size:12px;font-weight:800}.site-footer button{color:#5d6854;font-size:12px}.single-layout{max-width:1070px;margin:auto}.page-heading{max-width:800px;margin:9px 0 26px}.page-heading h1{margin:10px 0 13px;font-size:36px}.page-heading p{font-size:13px;line-height:1.9}.caption{color:#5f6856;margin:15px 0;font-size:12px;line-height:1.8}.level-map{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.level-map>button{border:1px solid var(--line);text-align:left;background:#fffefa;border-radius:12px;align-items:center;gap:11px;padding:15px;display:flex}.level-map b{width:35px;height:35px;color:var(--green);background:#edf2e3;border-radius:9px;place-items:center;font-size:12px;display:grid}.level-map span{font-size:12px;font-weight:800}.level-map .active{background:#f0f4e7;border-color:#9bb77c}.search-box{border:1px solid var(--line);background:var(--white);color:#95a087;border-radius:10px;align-items:center;gap:9px;min-height:45px;margin:19px 0;padding:9px 13px;display:flex}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.search-box:focus-within{outline-offset:2px;outline:2px solid #a7ba8e}.unit-list{flex-direction:column;gap:11px;display:flex}.unit-row{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:13px;align-items:center;gap:18px;width:100%;padding:20px 22px;display:flex}.unit-row:hover{background:#f9fbf4;border-color:#a5b789}.unit-number{color:#596a48;background:#eef3e5;border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:grid}.unit-row.complete .unit-number{color:#587c34;background:#dbeac4}.unit-row h3{margin:4px 0 5px;font-size:17px}.unit-row p{font-size:12px}.unit-row .eyebrow{letter-spacing:.6px;font-size:12px}.unit-status{text-align:right;color:#5e6854;white-space:nowrap;margin-left:auto;font-size:12px}.mini-progress{background:#eef1e7;border-radius:10px;width:80px;height:5px;margin-top:7px;display:block}.mini-progress i{background:#9eb77a;border-radius:10px;height:100%;display:block}.review-banner{background:#eeebf5;border:1px solid #dfd9ed;border-radius:17px;justify-content:space-between;align-items:center;gap:28px;margin:15px 0 23px;padding:24px;display:flex}.review-banner h2{margin:12px 0 9px;font-size:22px}.review-banner p{font-size:12px}.review-banner .primary{white-space:nowrap}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;margin:20px 0;padding-bottom:7px;display:flex}.tabs>button{color:#5f6857;border-radius:8px;min-height:40px;padding:10px 13px;font-size:12px;font-weight:700}.tabs>button.active{color:#4c6c34;background:#e7eedb}.tabs.compact{border:0;margin:0;padding:0;font-size:12px}.tabs.compact button{padding:8px 12px;font-size:12px}.search-controls{align-items:center;gap:20px;display:flex}.search-controls>.search-box{flex:1}.check-label{white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.check-label input{accent-color:var(--green);width:16px;height:16px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.word-card{border:1px solid var(--line);background:#fffefa;border-radius:12px;min-width:0;padding:17px}.word-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.word-top strong{overflow-wrap:anywhere;font-size:18px;line-height:1.65}.word-card p{margin-top:7px;font-size:12px;line-height:1.7}.reading{color:#8a806e;font-family:Georgia,serif;font-size:12px;font-style:italic;line-height:1.7;display:block}.word-card .reading{margin-top:4px;font-size:12px}.memory-label{color:#5d6951;margin:6px 9px;font-size:12px;display:block}.icon-btn{color:#7f9070;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-btn:hover{background:#edf1e5}.word-card .icon-btn{width:30px;height:30px}.grammar-list{flex-direction:column;gap:12px;display:flex}.grammar-list details{padding:18px 23px}.grammar-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:800;list-style:none;display:flex}.grammar-list summary:after{content:"+";order:3;font-size:20px}.grammar-list details[open] summary:after{content:"−"}.grammar-list summary .badge{margin-left:auto}.grammar-list p{margin-top:17px;font-size:12px;line-height:1.9}.empty{text-align:center;color:#91a17d;padding:50px 20px}.empty>svg{margin:0 auto 17px}.empty h2{margin-bottom:10px;font-size:22px}.empty p{margin-bottom:18px;font-size:12px}.notice{color:#596948;background:#f1f4e9;border:1px solid #e1e7d5;border-radius:12px;margin:18px 0;padding:17px 19px;font-size:12px;line-height:1.85;display:block}.notice>svg:first-child{float:left;margin:2px 9px 0 0}.notice p{margin-top:8px}.notice .primary{margin-top:15px}.studio{text-align:center;padding:29px}.studio>label{color:#79866b;margin:23px 0 10px;font-size:12px;display:block}.studio select{border:1px solid var(--line);background:#fafbf5;border-radius:9px;width:100%;max-width:550px;padding:12px;font-size:12px}.studio-target{color:var(--ink);margin:30px 0 6px;font-size:35px;line-height:1.8}.studio>.reading{margin:8px 0;font-size:16px}.studio>p:not(.studio-target):not(.reading){font-size:14px}.audio-actions{justify-content:center;align-items:center;gap:17px;margin:21px 0;display:flex}.studio .notice{text-align:left;max-width:700px;margin:25px auto 0;font-size:12px}.note-grid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.note-grid .panel{padding:23px}.note-grid h3{margin:11px 0 10px;font-size:17px}.note-grid p{font-size:12px;line-height:1.9}.note-grid svg,.little-flower{color:#9b9760}.little-flower{font-size:25px;line-height:1}.script-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:22px;display:grid}.script-grid button{border:1px solid var(--line);background:#f9fbf3;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-height:82px;padding:13px 5px;display:flex}.script-grid strong{font-size:25px}.script-grid small{color:#7e8e6c;font-size:12px}.panel>p{margin-top:11px;font-size:12px;line-height:1.9}.tone-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px;display:grid}.tone-grid button{border:1px solid var(--line);background:#f4f7eb;border-radius:12px;flex-direction:column;align-items:center;gap:9px;padding:19px 7px;display:flex}.tone-grid strong{font-size:35px}.tone-grid b{color:#6d8952;font-size:20px}.tone-grid span{font-size:12px}.tone-grid small{color:#7c8a6d;font-size:12px}.time-lessons{flex-direction:column;gap:20px;display:flex}.time-card>h2{margin:13px 0}.time-card>.word-card{vertical-align:top;width:calc(50% - 7px);margin-top:20px;margin-right:7px;display:inline-block}.time-0{background:#f4f8ed}.time-1{background:#f6f2fa}.time-2{background:#fbf7e8}.game-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;display:grid}.game-card{border:1px solid var(--line);text-align:left;border-radius:19px;min-height:290px;padding:29px 23px}.game-emoji{margin-bottom:23px;font-size:60px;line-height:1;display:block}.game-card h2{font-size:22px}.game-card p{margin:11px 0 21px;font-size:12px;line-height:1.9}.game-panel{padding:29px}.game-panel>h2{margin:20px 0 10px}.game-panel>p{font-size:12px;line-height:1.8}.game-panel>.primary{margin-top:22px}.pair-grid{grid-template-columns:1fr 1fr;gap:23px;margin:24px 0;display:grid}.pair-grid>div{flex-direction:column;gap:12px;display:flex}.pair{background:#f9fbf5;border:1px solid #dce4d1;border-radius:10px;min-height:64px;padding:14px;font-size:13px}.pair.selected{background:#eaf1de;border-color:#86a761;box-shadow:0 0 0 1px #86a761}.pair:disabled{opacity:.38;border-style:dashed}.game-feedback{min-height:30px;color:var(--green);font-weight:800}.cafe-scene{justify-content:center;align-items:center;gap:15px;margin:25px 0;display:flex}.speech-bubble{background:#fbf0f3;border:1px solid #e2d8df;border-radius:17px 17px 17px 0;max-width:60%;padding:20px;font-size:16px}.time-target{text-align:center;margin:32px 0 8px;font-size:32px;line-height:1.7}.time-target+p{text-align:center;font-size:15px}.time-options{grid-template-columns:repeat(3,1fr);gap:14px;margin:29px 0;display:grid}.time-options .answer{justify-content:center}.growth-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0;display:grid}.growth-stats .panel{flex-direction:column;gap:9px;padding:24px;display:flex}.growth-stats strong{color:var(--green);font-size:34px}.growth-stats span{color:#5e6951;font-size:12px}.growth-garden{padding-bottom:16px}.growth-garden p{margin-top:10px;font-size:12px}.garden-display{background:#f3f6e9;height:250px;margin:20px -24px 5px;position:relative;overflow:hidden}.garden-display>.pet{z-index:2;width:130px;height:148px;position:absolute;bottom:50px;left:32%}.garden-display>.pet:nth-of-type(3){bottom:38px;left:49%}.earned-blooms{z-index:3;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:23px;display:flex;position:absolute;bottom:20px;left:5%;right:5%}.growth-garden>.week-row{max-width:650px;margin:24px auto 5px}.growth-garden .week-row>div{font-size:12px}.growth-garden .week-row b{width:34px;height:34px}.goal-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px;display:grid}.goal-options>button{text-align:left;border:1px solid var(--line);background:#fafbf6;border-radius:10px;flex-direction:column;padding:18px;display:flex;position:relative}.goal-options button.active{background:#eef4e5;border-color:#91ac70}.goal-options b{font-size:14px}.goal-options span{color:#5d6851;margin-top:5px;font-size:12px}.goal-options svg{color:var(--green);position:absolute;top:12px;right:12px}.growth-stats~.panel{margin-top:23px}.membership-hero{background:#eef2df;border:1px solid #e1e7d3;border-radius:20px;min-height:255px;padding:35px;position:relative;overflow:hidden}.membership-hero h1{margin:18px 0;font-size:38px}.membership-hero p{font-size:12px}.membership-pets{display:flex;position:absolute;bottom:0;right:30px}.membership-pets .pet{width:145px;height:165px}.billing-toggle{justify-content:center;align-items:center;gap:8px;margin:25px 0;display:flex}.billing-toggle button{border-radius:8px;padding:10px 17px;font-size:12px;font-weight:700}.billing-toggle button.active{color:var(--green);background:#e8eedb}.billing-toggle span{color:#7d896d;margin-left:5px;font-size:12px}.pricing-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.pricing-card{flex-direction:column;padding:30px;display:flex}.pricing-card h2{margin:19px 0;font-size:26px}.price{letter-spacing:-1px;font-size:40px;line-height:1.4;display:block}.price small{color:#82916f;letter-spacing:0;margin-left:9px;font-size:12px;font-weight:500}.pricing-card p{min-height:53px;margin-top:11px;font-size:12px;line-height:1.9}.pricing-card ul{flex-direction:column;gap:14px;margin:23px 0 30px;padding:0;font-size:12px;list-style:none;display:flex}.pricing-card li{align-items:center;gap:8px;display:flex}.pricing-card li svg{color:#8aa562;width:15px}.pricing-card>.primary,.pricing-card>.secondary{margin-top:auto}.pricing-card>small{text-align:center;color:#869575;margin-top:14px;font-size:12px}.pricing-card.featured{background:#fafcf5;border-color:#a0b784;box-shadow:0 0 0 2px #eaf0df}.settings-panel{margin-bottom:23px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;display:flex}.setting-row:last-child{border-bottom:0;padding-bottom:5px}.setting-row b{font-size:14px;display:block}.setting-row small{color:#5d6852;margin-top:5px;font-size:12px;display:block}.setting-row input[role=switch]{appearance:none;cursor:pointer;background:#dadfd3;border-radius:20px;flex-shrink:0;width:40px;height:24px;position:relative}.setting-row input[role=switch]:after{content:"";background:#fff;border-radius:100%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #55604430}.setting-row input:checked{background:var(--green)}.setting-row input:checked:after{transform:translate(16px)}.theme-options{gap:7px;display:flex}.theme-options button{border:1px solid var(--line);background:#f4f7ec;border-radius:8px;padding:8px 11px;font-size:12px}.theme-options button:last-child{background:#f8e9ee}.theme-options button.active{outline-offset:2px;outline:2px solid #98aa7f}.button-row{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.settings-panel~.panel{margin-top:23px}.dialog{background:var(--paper);color:var(--ink);border:1px solid #dbe2d0;border-radius:21px;width:calc(100% - 32px);max-width:580px;max-height:90dvh;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 90px #263c3230}.dialog-wide{max-width:800px}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2b3d3368}.dialog-head{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfaf6f5;justify-content:space-between;align-items:center;gap:15px;padding:18px 23px;display:flex;position:sticky;top:0}.dialog-head h2{font-size:16px;line-height:1.5}.dialog-intro{margin:23px 27px;font-size:12px;line-height:1.9}.course-choices{grid-template-columns:1fr 1fr;gap:12px;padding:0 25px 27px;display:grid}.course-choices>button{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.course-choices>button.active{background:#edf3e2;border-color:#98af7d}.course-choices strong{font-size:14px;display:block}.course-choices small{color:#7c8d6b;margin:4px 0;font-size:12px;display:block}.course-choices button>div>span{color:#819173;font-size:12px;display:block}.course-choices button>svg{color:#90a574;margin-left:auto}.unit-intro,.lesson-intro,.lesson-body{padding:26px}.unit-intro>h3{margin:16px 0;font-size:21px}.teaching-note{color:#586a47;background:#eef3e5;border:1px solid #e0e6d5;border-radius:12px;align-items:flex-start;gap:11px;margin:19px 0;padding:17px;font-size:12px;line-height:1.95;display:flex}.teaching-note>svg{color:#91a36b;margin-top:2px}.unit-lesson-list{flex-direction:column;gap:10px;display:flex}.unit-lesson-list button{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:11px;align-items:center;gap:13px;padding:13px;display:flex}.unit-lesson-list .unit-number{border-radius:9px;width:38px;height:38px;font-size:13px}.unit-lesson-list button>svg{color:#9aab88;margin-left:auto}.unit-lesson-list strong{font-size:12px;display:block}.unit-lesson-list small{color:#879576;margin-top:4px;font-size:12px;display:block}.unit-phrase-list{margin-top:24px}.unit-phrase-list summary{cursor:pointer;color:#72885b;margin-bottom:15px;font-size:12px;font-weight:700}.lesson-intro>h3{margin:19px 0;font-size:25px}.intro-words{grid-template-columns:1fr;gap:11px;display:grid}.lesson-intro>.primary{float:right;margin-top:24px}.lesson-intro:after{content:"";clear:both;display:table}.lesson-meta{color:#5d6852;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:12px;display:flex}.question{text-align:center;margin:31px 0 24px}.question>h3{margin:10px 0 22px;font-size:26px}.target-phrase{color:var(--ink);word-break:break-word;font-size:32px;line-height:1.75}.meaning-prompt{color:var(--ink);max-width:600px;margin:0 auto;font-size:21px;line-height:1.6}.question .reading{margin-top:10px;font-size:14px}.question>.specific{max-width:470px;margin:12px auto 0;font-size:12px;line-height:1.8}.question>.specific:empty{display:none}.question .audio-actions{margin:9px 0}.answers{flex-direction:column;gap:11px;display:flex}.answer{background:var(--white);text-align:left;border:1px solid #dfe4d7;border-radius:11px;align-items:center;gap:13px;min-height:57px;padding:15px 18px;font-size:13px;display:flex;box-shadow:0 2px #e9ece2}.answer>span:nth-child(2){flex:1}.answer.selected{background:#f0f5e7;border:2px solid #88a666;padding:14px 17px}.answer-number{color:#94a180;border:1px solid #e1e5d7;border-radius:6px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.answer>svg{color:#6d8c4f;margin-left:auto}.answer.correct-answer{opacity:1;background:#e9f3de;border-color:#87a960}.tile-answer{background:#f5f8ee;border:1px dashed #bdcaae;border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px;min-height:83px;margin:13px 0;padding:14px;display:flex}.tile-answer>span{color:#97a287;font-size:12px}.tile-bank{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:69px;margin-bottom:8px;padding:14px 0;display:flex}.tile{background:var(--white);border:1px solid #d4dfc7;border-radius:9px;min-width:35px;min-height:43px;padding:9px 12px;font-size:16px;line-height:1.5;box-shadow:0 3px #dfe7d5}.tile:disabled{opacity:.3}.tile-answer .tile:disabled{opacity:1}.lesson-body textarea{resize:vertical;background:#fffefa;border:1px solid #cbd8bd;border-radius:11px;width:100%;min-height:112px;padding:18px;font-size:22px;line-height:1.7;display:block}.lesson-body textarea::placeholder{color:#a3ad96;font-size:15px}.accent-keys{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.accent-keys button{border:1px solid var(--line);background:var(--white);border-radius:6px;min-width:31px;min-height:34px;font-size:15px}.hint-btn{margin-left:17px}.hint{background:#f8f1dc;border:1px solid #e8dfbd;border-radius:10px;margin:13px 0;padding:16px}.hint>strong,.hint>span,.hint>small{display:block}.hint>strong{font-size:19px}.hint>span{color:#8c835e;margin-top:6px;font-size:12px}.hint>small{color:#8a866a;margin-top:10px;font-size:12px}.lesson-check{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:25px;padding-top:21px;display:flex}.lesson-check>span{color:#5e6852;font-size:12px}.feedback{background:#edf5e2;border:1px solid #dce6d0;border-radius:13px;margin-top:25px;padding:20px}.feedback>div{color:#69884b;align-items:center;gap:9px;font-size:14px;display:flex}.feedback>p{margin-top:8px;font-size:13px;line-height:1.8}.feedback>p:first-of-type{color:#3d5932;font-size:20px}.feedback>small{color:#5d684f;margin-top:15px;font-size:12px;line-height:1.9;display:block}.feedback>.primary{margin-top:20px;margin-left:auto;display:flex}.feedback.try-again{background:#f8f1df;border-color:#e8dfc0}.feedback.try-again>div{color:#9a7d39}.finish{text-align:center;padding:35px 30px}.finish-pets{justify-content:center;margin-bottom:24px;display:flex}.finish-pets>.pet{width:120px;height:137px}.finish>.pet{margin:0 auto 20px}.finish h2{margin:13px 0;font-size:30px}.finish p{max-width:520px;margin:0 auto;font-size:13px;line-height:1.9}.finish .notice{max-width:530px;margin:22px auto;font-size:12px}.finish .text-btn{justify-content:center;margin:20px auto 0;display:flex}.about-panel{padding:27px}.about-pets{justify-content:center;margin:0 0 20px;display:flex}.about-pets .pet{width:85px;height:97px}.about-panel h3{margin-bottom:16px;font-size:23px}.about-panel p{margin-bottom:18px;font-size:12px;line-height:1.95}.research-links{flex-direction:column;gap:11px;margin:24px 0 4px;font-size:12px;display:flex}.toast{z-index:100;color:#5c7449;background:#fffefa;border:1px solid #bfcea9;border-radius:14px;align-items:center;gap:12px;width:max-content;max-width:min(700px,100vw - 35px);padding:14px 16px;font-size:12px;line-height:1.8;display:flex;position:fixed;bottom:25px;left:calc(50% + 110px);transform:translate(-50%);box-shadow:0 7px 40px #29412a20}.toast>span{flex:1}.storage-banner{text-align:center;z-index:40;background:#f5e5bc;padding:8px 20px;font-size:12px;position:fixed;bottom:0;left:220px;right:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-art .pet{animation:5s ease-in-out infinite float}.pink-pet .pet{animation-delay:-2.5s}.pet-eyes{transform-origin:110px 150px;animation:6s infinite blink}.celebrate .finish-pets{animation:.6s ease-out small-pop}[data-motion=off] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes small-pop{0%{transform:scale(.8)}65%{transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1600px){.hero{min-height:385px}.hero h1{font-size:47px}.hero-copy{padding:42px 0 30px 37px}.hero p{font-size:13px}.hero .primary{font-size:12px}.hero-art{width:44%}.floating-greeting{font-size:28px;top:39px}.green-pet{bottom:42px}.pink-pet{bottom:28px}}@media (width<=1250px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.app-body{margin-left:200px}.topbar{padding:0 27px}.topbar .eyebrow{font-size:12px}.top-actions{gap:18px}main{padding:25px 25px 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 218px;gap:18px}.hero-copy{width:64%;padding-left:24px}.hero h1{font-size:33px}.hero p{font-size:12px}.hero-art{width:40%}.hero{min-height:327px}.floating-greeting{font-size:18px;top:49px;right:10%}.green-pet{width:79%;left:-14%}.pink-pet{width:74%;bottom:36px;right:-13%}.discovery-grid{gap:11px}.discovery-card{padding:17px 13px}.discovery-card h3{font-size:16px}.discovery-card p{font-size:12px}.discovery-art{opacity:.4;font-size:49px}.cup-icon{opacity:.4;font-size:40px;right:7px}.language-strip strong{font-size:12px}.language-strip small{font-size:12px}.right-rail .panel{padding:16px 15px}.right-rail h3{font-size:12px}.level-map>button{gap:7px;padding:11px}.level-map span{font-size:12px}.level-map b{width:28px;height:30px}.toast{left:calc(50% + 100px)}.membership-pets{right:10px}.membership-pets .pet{width:110px;height:125px}.membership-hero h1{font-size:34px}.storage-banner{left:200px}}@media (width<=1050px){.right-rail{display:none}.dashboard-grid{display:block}.hero-art{width:43%}.hero-copy{width:60%;padding:35px}.hero{min-height:340px}.hero h1{font-size:39px}.hero p{font-size:12px}.floating-greeting{font-size:23px;top:30px;right:22%}.green-pet{width:67%;bottom:38px;left:-7%}.pink-pet{width:61%;bottom:22px;right:-1%}.hero .primary{margin-top:23px}.discovery-card{padding:23px}.discovery-card h3{font-size:19px}.discovery-art,.cup-icon{opacity:.65}.language-strip strong{font-size:12px}.game-grid{gap:13px}.game-card{padding:25px 18px}.game-card h2{font-size:18px}.game-emoji{font-size:50px}.growth-stats{gap:10px}.growth-stats .panel{padding:17px}.growth-stats strong{font-size:29px}.growth-stats span{font-size:12px}.script-grid{grid-template-columns:repeat(6,1fr)}.membership-pets{opacity:.6}.membership-hero h1{z-index:1;position:relative}.level-map{gap:7px}.level-map>button{text-align:center;flex-direction:column;gap:6px;padding:10px 5px}.review-banner{gap:15px}.page-heading h1{font-size:32px}}@media (width<=760px){.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#fffef9f5;border-top:1px solid #dce3cf;border-right:0;width:100%;height:72px;padding:0 4px;display:block;position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(6,1fr);align-items:center;gap:0;height:100%;display:grid}.nav-item{text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:60px;min-height:55px;padding:7px 2px 6px;font-size:12px;line-height:1.2;display:flex}.nav-item>span{white-space:normal;max-width:65px;font-size:12px}.nav-item svg{width:20px;height:20px}.nav-item.active:before{display:none}.count{margin:0;font-size:12px;position:absolute;top:2px;right:8px}.app-body{margin-left:0}.topbar{gap:12px;height:77px;padding:0 19px}.topbar>div>.eyebrow,.topbar>div>p{display:none}.mobile-brand{letter-spacing:-1px;color:#5b7845;align-items:center;gap:5px;font-size:22px;font-weight:900;display:flex}.mobile-brand svg{margin-top:3px}.top-actions{gap:10px}.course-switch{gap:5px;min-height:35px;padding:7px 8px;font-size:12px}.course-switch .flag{font-size:18px}.stat-top{display:none}.mobile-only{display:inline-flex}.top-actions .icon-btn{width:29px;height:32px}.top-actions .icon-btn svg{width:18px;height:18px}main{padding:19px 17px 78px}.hero{border-radius:17px;min-height:350px}.hero-copy{width:69%;padding:26px 20px}.hero h1{margin-top:17px;font-size:34px;line-height:1.2}.hero p{max-width:77%;font-size:12px;line-height:1.9}.hero .primary{min-height:40px;margin-top:20px;padding:10px 13px;font-size:12px}.hero-caption{margin-top:14px;font-size:12px}.hero-badge{letter-spacing:.5px;white-space:nowrap;padding:4px 7px;font-size:12px}.hero-art{width:43%;height:75%}.floating-greeting{padding:9px;font-size:18px;top:0;right:10%}.floating-greeting span{font-size:12px}.green-pet{width:85%;bottom:28px;left:-18%}.pink-pet{width:78%;bottom:15px;right:-12%}.spark-one{font-size:20px;top:24%;left:6%}.spark-two{font-size:19px;top:41%;right:5%}.hero-art:before{top:31px;bottom:24px}.home-section{margin:25px 0 13px}.home-section h2{font-size:20px}.home-section .eyebrow{font-size:12px}.home-section>.text-btn{font-size:12px}.journey-main{gap:11px;padding:18px 15px 10px}.journey-icon{border-radius:11px;width:44px;height:44px;font-size:22px}.journey-main h3{font-size:16px}.journey-main p{font-size:12px}.journey-main .eyebrow{letter-spacing:.7px;font-size:12px}.round-arrow{width:30px;height:30px}.lesson-path{padding-top:17px}.lesson-stop>span{width:47px;height:47px}.lesson-path:before{top:42px}.lesson-stop small{font-size:12px}.lesson-stop b{font-size:12px}.journey-footer{padding:9px 13px;font-size:12px}.discovery-grid{gap:12px;margin-top:17px}.discovery-card{min-height:180px;padding:17px 14px}.discovery-card .small-overline{letter-spacing:.7px;font-size:12px}.discovery-card h3{max-width:85%;margin-top:11px;font-size:17px}.discovery-card p{max-width:90%;font-size:12px}.discovery-card .text-link{align-items:flex-end;max-width:75%;margin-top:24px;font-size:12px}.discovery-art{opacity:.45;font-size:44px;bottom:22px;right:7px}.cup-icon{opacity:.5;font-size:35px;bottom:25px;right:8px}.language-strip{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.language-strip>button{flex-shrink:0;width:80px;min-height:93px;padding:12px 4px}.language-strip strong{font-size:12px}.language-strip small{font-size:12px}.approach-link{gap:4px;margin-top:13px;font-size:12px}.site-footer{flex-wrap:wrap;align-items:flex-start;margin-top:23px;padding:17px 0;font-size:12px}.site-footer>span:nth-child(2){display:none}.site-footer>button{font-size:12px}.page-heading{margin:6px 0 22px}.page-heading .eyebrow{font-size:12px}.page-heading h1{margin:10px 0 12px;font-size:29px}.page-heading p{font-size:12px}.level-map{grid-template-columns:repeat(5,1fr);gap:5px}.level-map>button{border-radius:10px;gap:7px;padding:9px 4px}.level-map b{width:29px;height:29px;font-size:12px}.level-map span{font-size:12px;line-height:1.5}.caption{margin:13px 0;font-size:12px}.search-box{margin:17px 0;padding:9px 11px}.search-box input{font-size:12px}.unit-row{gap:12px;padding:16px 13px}.unit-row h3{margin:4px 0 7px;font-size:15px}.unit-row p{font-size:12px}.unit-number{border-radius:11px;width:39px;height:42px;font-size:13px}.unit-row .eyebrow{letter-spacing:.4px;font-size:12px}.unit-status{align-self:flex-end;font-size:12px;position:absolute;top:13px;right:15px}.unit-status .mini-progress{display:none}.unit-row{position:relative}.unit-row>div{flex:1;min-width:0}.unit-row>svg{width:15px}.unit-row>div>.eyebrow{padding-right:23px}.panel{border-radius:14px;padding:20px}.review-banner{padding:20px;display:block}.review-banner h2{font-size:21px}.review-banner p{font-size:12px}.review-banner .primary{margin-top:19px}.tabs{gap:2px;margin:20px 0}.tabs button{padding:8px 10px;font-size:12px}.search-controls{align-items:center;gap:10px}.check-label{font-size:12px}.word-grid{grid-template-columns:1fr;gap:13px}.word-top strong{font-size:18px}.word-card{padding:16px}.word-card p{font-size:12px}.grammar-list details{padding:16px}.grammar-list summary{font-size:12px}.grammar-list .badge{font-size:12px}.grammar-list p{font-size:12px}.studio{padding:23px 17px}.studio-target{margin-top:25px;font-size:29px}.studio>.reading{font-size:14px}.studio select{max-width:100%;font-size:12px}.studio .notice{font-size:12px}.audio-actions{gap:10px}.note-grid{grid-template-columns:1fr;gap:12px}.note-grid .panel{padding:21px}.note-grid p{font-size:12px}.note-grid h3{font-size:16px}.script-grid{grid-template-columns:repeat(5,1fr);gap:7px}.script-grid button{min-height:74px;padding:10px 3px}.script-grid strong{font-size:22px}.script-grid small{font-size:12px}.tone-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tone-grid button{padding:13px 5px}.tone-grid strong{font-size:31px}.tone-grid b{font-size:17px}.tone-grid span{font-size:12px}.tone-grid small{font-size:12px}.time-card>.word-card{width:100%;margin-top:12px;margin-right:0;display:block}.time-card h2{font-size:21px}.game-grid{grid-template-columns:1fr;gap:14px;margin-top:23px}.game-card{min-height:0;padding:23px;position:relative}.game-emoji{float:right;margin:0 0 0 13px;font-size:49px}.game-card h2{font-size:23px}.game-card p{max-width:80%;margin:10px 0 18px;font-size:12px}.game-panel{padding:20px 16px}.game-panel h2{font-size:22px}.pair-grid{gap:12px;margin:20px 0}.pair-grid>div{gap:10px}.pair{min-height:64px;padding:10px;font-size:12px;line-height:1.7}.tile{min-width:33px;padding:8px 10px;font-size:15px}.tile-bank{gap:7px}.cafe-scene{gap:8px}.cafe-scene .pet{width:85px;height:97px}.speech-bubble{max-width:66%;padding:15px;font-size:13px}.time-target{font-size:25px}.time-target+p{font-size:12px}.time-options{gap:7px}.time-options .answer{gap:6px;padding:12px 7px;font-size:12px}.growth-stats{grid-template-columns:1fr 1fr;gap:11px;margin:22px 0}.growth-stats .panel{padding:19px}.growth-stats strong{font-size:31px}.growth-stats span{font-size:12px}.growth-garden .section-title{align-items:flex-start}.growth-garden h2{margin-top:8px;font-size:20px}.growth-garden .badge{white-space:nowrap;font-size:12px}.growth-garden .eyebrow{font-size:12px}.garden-display{height:210px;margin:20px -20px 5px}.garden-display>.pet{width:110px;height:125px;bottom:36px;left:23%}.garden-display>.pet:nth-of-type(3){bottom:27px;left:48%}.earned-blooms{gap:5px;font-size:20px;bottom:7px}.goal-options{gap:7px}.goal-options>button{padding:16px 10px}.goal-options b{font-size:12px}.goal-options span{font-size:12px}.goal-options svg{width:13px;top:6px;right:5px}.membership-hero{min-height:285px;padding:26px 22px}.membership-hero h1{font-size:32px}.membership-hero p{z-index:2;max-width:65%;font-size:12px;position:relative}.membership-pets{opacity:.55;bottom:4px;right:-7px}.membership-pets .pet{width:100px;height:114px}.membership-hero .badge{font-size:12px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-card{padding:25px}.pricing-card p{min-height:0}.price{font-size:40px}.billing-toggle button{font-size:12px}.billing-toggle span{font-size:12px}.setting-row{gap:16px;padding:21px 0}.setting-row b{font-size:13px}.setting-row small{max-width:230px;font-size:12px}.theme-options{flex-direction:column;gap:8px}.theme-options button{padding:6px 9px;font-size:12px}.button-row{gap:10px}.button-row .secondary{padding:10px 14px;font-size:12px}.dialog{border-radius:17px;width:calc(100% - 20px);max-height:94dvh}.dialog-head{gap:9px;padding:14px 16px}.dialog-head h2{font-size:13px}.dialog-head>.icon-btn{width:30px}.dialog-intro{margin:19px;font-size:12px}.course-choices{grid-template-columns:1fr;gap:10px;padding:0 17px 20px}.course-choices button{padding:13px}.course-choices strong{font-size:13px}.course-choices small{font-size:12px}.course-choices button>div>span{font-size:12px}.unit-intro,.lesson-intro,.lesson-body{padding:20px 17px}.unit-intro>h3{font-size:20px}.teaching-note{gap:9px;padding:15px;font-size:12px}.teaching-note>svg{width:18px}.unit-lesson-list strong{font-size:12px}.unit-lesson-list small{font-size:12px}.unit-lesson-list button{gap:10px;padding:12px}.unit-lesson-list .unit-number{width:32px;height:35px}.unit-phrase-list summary{font-size:12px}.lesson-intro>h3{font-size:24px}.lesson-intro .badge{font-size:12px}.lesson-body .question{margin:26px 0 21px}.question>h3{margin-bottom:20px;font-size:23px}.target-phrase{font-size:29px}.meaning-prompt{font-size:18px}.question>.specific{font-size:12px}.question .reading{font-size:12px}.answer{gap:9px;min-height:55px;padding:13px;font-size:12px}.answer.selected{padding:12px}.answer-number{width:22px;height:22px}.lesson-check{align-items:center;gap:12px;margin-top:23px}.lesson-check>span{max-width:110px;font-size:12px}.lesson-check>.primary{padding:10px 13px;font-size:12px}.lesson-body textarea{font-size:20px}.hint-btn{margin-left:13px;font-size:12px}.feedback{padding:17px}.feedback>small{font-size:12px}.feedback>p:first-of-type{font-size:18px}.finish{padding:28px 19px}.finish h2{font-size:27px}.finish p{font-size:12px}.finish-pets .pet{width:106px;height:120px}.finish .notice{font-size:12px}.about-panel{padding:22px}.about-panel h3{font-size:22px}.about-panel p{font-size:12px}.toast{gap:9px;padding:12px 13px;font-size:12px;bottom:85px;left:50%}.toast>svg{width:17px}.storage-banner{font-size:12px;bottom:72px;left:0}.notice{padding:15px;font-size:12px}.eyebrow{font-size:12px}}@media (width<=380px){.hero-copy{width:76%;padding:24px 16px}.hero h1{font-size:30px}.hero p{max-width:74%;font-size:12px}.hero-art{width:41%;height:70%}.floating-greeting{padding:8px;font-size:15px;right:7%}.hero-badge{font-size:12px}.hero{min-height:326px}.topbar{padding:0 13px}.mobile-brand{font-size:20px}.top-actions{gap:6px}.course-switch>span:nth-child(2){font-size:12px}.top-actions .icon-btn{width:24px}.level-map span{font-size:12px}.discovery-card{padding:16px 12px}.discovery-card h3{font-size:15px}.small-overline{font-size:12px!important}.home-section h2{font-size:18px}.home-section>.badge{font-size:12px}.lesson-stop small{font-size:12px}.journey-main h3{font-size:14px}.journey-main p{font-size:12px}}.top-actions .mobile-only{display:none}.sound-steps{text-align:center;margin-top:20px}.sound-steps h2{margin:10px 0 20px}.sound-step-word{font-size:34px;line-height:1.8}.sound-steps>.reading{margin-top:6px;font-size:17px}.beat-row{justify-content:center;gap:10px;margin:24px 0 13px;display:flex}.beat-row button{background:#f2efe0;border:1px solid #dedcc5;border-radius:12px;flex-direction:column;align-items:center;gap:9px;min-width:57px;padding:14px 18px;display:flex}.beat-row button.active{background:#e4edcf;border-color:#a9bd83}.beat-row span{font-size:19px;font-weight:700}.beat-row small{color:#8c9274;font-size:12px}.sound-steps>.notice{text-align:left}.sound-steps>.caption{max-width:570px;margin:12px auto 17px;font-size:12px}.sound-steps>p:not(.reading):not(.caption){margin-top:15px;font-size:12px}@media (width<=760px){.top-actions .mobile-only{display:inline-flex}.sound-steps h2{font-size:22px}.sound-step-word{font-size:30px}.beat-row{gap:7px}.beat-row button{min-width:45px;padding:12px}.beat-row span{font-size:17px}}.pet-photo{aspect-ratio:1;flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden;height:auto!important}.pet-photo>.pet-asset{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:200%;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.pet-photo.pet-pink>.pet-asset{left:-100%}.pet-photo.pet-small{width:100px}.hero-art .pet-photo{aspect-ratio:1}.garden-display>.pet-photo{z-index:2;width:130px;position:absolute;bottom:50px;left:32%}.garden-display>.pet-photo.pet-pink{bottom:38px;left:49%}@media (width<=760px){.garden-display>.pet-photo{width:110px;bottom:36px;left:23%}.garden-display>.pet-photo.pet-pink{bottom:27px;left:48%}.hero-copy{width:100%}.hero h1{max-width:100%;font-size:32px}.hero p{max-width:58%}.hero-art{width:45%;height:58%}.floating-greeting{font-size:16px;top:-15px;right:8%}}@media (width<=380px){.hero h1{font-size:29px}.hero-copy{width:100%}.hero p{max-width:58%}}.pair.pair-wrong{color:#843447;background:#fce9ea;border:2px solid #bd6375;box-shadow:0 0 0 1px #ebc2cb}.pair.pair-good:disabled{color:#47662f;opacity:1;background:#e3f1d7;border:2px solid #83a75f}.cafe-guide-controls{justify-content:space-between;align-items:center;gap:15px;margin:15px 0;display:flex}.cafe-phrase-guide{background:#f1f6e9;border:1px solid #d9e4cd;border-radius:12px;margin:14px 0;padding:18px}.cafe-phrase-guide>strong{font-size:23px;line-height:1.8;display:block}.cafe-phrase-guide>.reading{margin:5px 0;font-size:14px}.cafe-phrase-guide>p{margin:8px 0;font-size:13px}.cafe-phrase-guide>small{color:#748566;font-size:12px;line-height:1.8;display:block}.speech-bubble>small{letter-spacing:1px;color:#9a7384;margin-bottom:8px;font-size:12px;display:block}.bundle-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:23px 0;display:grid}.bundle-grid>button{text-align:left;background:#f1f5e8;border:1px solid #d9e2cc;border-radius:13px;padding:21px 16px}.bundle-grid .active{outline:2px solid #789954}.bundle-grid span,.bundle-grid strong,.bundle-grid small,.bundle-grid b{display:block}.bundle-grid span{font-size:12px;font-weight:800}.bundle-grid strong{margin:8px 0;font-size:27px}.bundle-grid small{color:#5d674f;font-size:12px}.bundle-grid b{color:#54713e;margin-top:11px;font-size:12px}.book-grid{grid-template-columns:1fr 1fr;gap:19px;display:grid}.book-product{align-items:flex-start;gap:20px;padding:21px;display:flex}.book-cover{border-radius:7px;flex-shrink:0;width:140px;overflow:hidden;box-shadow:3px 5px 10px #334b3220}.book-cover img{width:100%;height:auto;display:block}.book-copy h2{margin:9px 0;font-size:20px}.book-copy p{font-size:12px;line-height:1.9}.book-copy .eyebrow{letter-spacing:.8px;font-size:12px}.book-price{margin-top:14px;font-size:24px;font-weight:800}.book-price small{color:#5c684f;font-size:12px;font-weight:400;display:block}.book-copy .button-row{gap:10px}.book-copy .secondary,.book-copy .primary{padding:9px 12px;font-size:12px}.cart-summary{background:#eef3e3;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;display:flex}.cart-summary h2{margin:9px 0}.cart-summary p{margin:7px 0;font-size:12px}.cart-summary>.primary{white-space:nowrap}.book-disclaimer p{margin:14px 0;font-size:12px;line-height:1.9}.book-sample{text-align:center;padding:25px}.book-sample p{margin-bottom:20px;font-size:12px;line-height:1.9}.book-sample>img{width:480px;max-width:100%;height:auto;margin:0 auto 23px;display:block}.small-hearts{gap:6px;display:flex}.boost-tray{flex-wrap:wrap;gap:12px;margin:25px 0 15px;display:flex}.concept-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.concept-grid figure{margin:0;padding:0;overflow:hidden}.concept-grid img{width:100%;height:auto;display:block}.concept-grid figcaption{padding:20px}.concept-grid p{margin:10px 0;font-size:12px}.concept-grid small{color:#849472;font-size:12px}.study-plan{margin:22px 0}.study-plan h2{margin:9px 0 12px}.study-plan h3{margin:24px 0 11px}.study-plan p{margin:12px 0;font-size:12px;line-height:1.9}.study-minutes{align-items:center;gap:15px;margin-top:18px;font-size:12px;font-weight:700;display:flex}.study-minutes select{border:1px solid var(--line);background:#fffefa;border-radius:8px;padding:9px}.table-scroll{margin:19px 0;overflow-x:auto}.table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:450px;font-size:12px}.table-scroll th,.table-scroll td{border-bottom:1px solid #dfe6d3;padding:13px 12px}.table-scroll th{background:#f1f4e7;font-size:12px}.study-plan summary{cursor:pointer;font-size:12px;font-weight:800}.study-plan a{font-size:12px}.lesson-stop{width:16%}.sidebar-pets{margin-top:12px}.sidebar .nav-item{min-height:42px;padding-top:10px;padding-bottom:10px}.sidebar .sidebar-label,.sidebar-bottom>p{margin-bottom:10px}.sidebar-bottom .preview-label{margin-top:10px}@media (width<=1200px){.book-grid,.concept-grid{grid-template-columns:1fr}.bundle-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar nav{grid-template-columns:repeat(8,minmax(55px,1fr));overflow-x:auto}.sidebar .nav-item{height:59px;padding:6px 2px}.book-product{gap:14px;padding:17px}.book-cover{width:105px}.book-copy h2{font-size:17px}.book-copy p{font-size:12px}.book-copy .button-row{margin-top:13px;display:block}.book-copy .text-btn{margin-top:7px}.bundle-grid{gap:10px}.bundle-grid>button{padding:15px}.bundle-grid strong{font-size:25px}.cart-summary{display:block}.cart-summary>.primary{width:100%;margin-top:18px}.boost-tray{gap:8px}.boost-tray>.secondary{padding:10px;font-size:12px}.study-plan h2{font-size:22px}.study-plan p{font-size:12px}.study-minutes{gap:9px;font-size:12px}.cafe-guide-controls{flex-direction:column;align-items:flex-start;gap:8px}}.cafe-launch{text-align:left;background:#f8f1dc;border:1px solid #d8c5a6;border-radius:24px;width:100%;margin-bottom:32px;display:flex;overflow:hidden;box-shadow:0 6px #e5d8bb}.cafe-launch>img{object-fit:cover;width:45%;height:215px}.cafe-launch>span{flex-direction:column;justify-content:center;gap:10px;padding:26px;display:flex}.cafe-launch small{color:#8a6070;letter-spacing:2px;font-size:12px;font-weight:800}.cafe-launch strong{color:#4c6544;font-family:Georgia,serif;font-size:30px}.cafe-launch b{color:#536b38}.cafe-game{color:#634e38;max-width:1600px;margin:auto}.cafe-game-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.cafe-game-heading>span{letter-spacing:1.5px;color:#9b8068;font-size:12px;font-weight:800}.cafe-frame{background:#e7dbc1;border:1px solid #d7c2a0;border-radius:25px;grid-template-columns:minmax(0,1fr) 310px;gap:18px;padding:12px;display:grid;box-shadow:0 6px #d5c3a5}.cafe-scene-wrap{flex-direction:column;justify-content:space-between;gap:12px;min-width:0;display:flex}.cafe-artboard{aspect-ratio:1.37;isolation:isolate;background:#dae1bd;border-radius:18px;position:relative;overflow:hidden}.cafe-world{object-fit:cover;object-position:42% center;width:100%;max-width:none;height:100%;position:absolute;inset:0}.cafe-room-world{background-color:#d7dcb8;background-repeat:no-repeat;background-size:190%;position:absolute;inset:0}.cafe-dusk{opacity:0;pointer-events:none;z-index:6;mix-blend-mode:multiply;background:#283b69;transition:opacity 1s;position:absolute;inset:0}.cafe-night .cafe-dusk{opacity:.55}.cafe-sign{color:#fff1d1;text-align:center;z-index:9;background:linear-gradient(135deg,#926541,#6c4c32);border:4px double #dec59a;border-radius:15px;max-width:70%;padding:14px 22px;position:absolute;top:3%;left:3%;box-shadow:0 4px 8px #54391a55}.cafe-sign small{letter-spacing:4px;font-size:12px;display:block}.cafe-sign strong{margin:4px 0;font-family:Georgia,serif;font-size:clamp(20px,2.5vw,37px);line-height:1.1;display:block}.cafe-sign>span{color:#f8dfb3;font-size:12px}.cafe-world-controls{z-index:9;gap:6px;display:flex;position:absolute;top:3%;right:3%}.cafe-world-controls button{color:#795936;background:#fff2d5;border:2px solid #c1a478;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.cafe-staff{z-index:4;pointer-events:none;width:18%;animation:3.5s ease-in-out infinite cafe-bob;position:absolute}.cafe-staff .pet-photo{filter:drop-shadow(0 5px 2px #52382233);width:100%}.cafe-staff.matchi{top:25%;left:42%}.cafe-staff.mochi{animation-delay:-1.5s;top:30%;left:65%}.cafe-staff.mochi.serving{animation:1.4s ease-in-out cafe-serve}.cafe-heart{color:#ec8499;font-size:25px;animation:3s ease-in-out infinite cafe-heart;position:absolute;top:12%;right:10%}.cafe-customer{z-index:5;filter:drop-shadow(0 3px 1px #64462433);width:8%;animation:1.6s ease-out both cafe-arrive;position:absolute}.cafe-customer svg,.terrace-guest svg{width:100%;display:block}.customer-0{top:47%;left:29%}.customer-1{animation-delay:.2s;top:61%;left:48%}.customer-2{animation-delay:.5s;top:49%;left:46%}.cafe-customer.happy svg{animation:.8s ease-in-out 2 cafe-bob}.customer-order{white-space:nowrap;color:#657443;background:#fff9e9;border:1px solid #bba87c;border-radius:8px;align-items:center;gap:4px;padding:4px 7px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:95%;left:-10%}.terrace-guest{z-index:4;width:8%;animation:1s ease-out cafe-arrive;position:absolute;top:60%;left:8%}.cafe-steam{color:#fff9da;z-index:3;font-size:28px;animation:3s ease-in-out infinite cafe-steam;position:absolute}.steam-a{top:19%;left:57%}.steam-b{animation-delay:1.5s;top:21%;left:59%}.cafe-petal{z-index:7;pointer-events:none;opacity:.8;background:#f7b9ca;border-radius:80% 10%;width:8px;height:6px;animation:14s linear infinite cafe-petal;position:absolute;top:-5%}.cafe-expand{z-index:9;color:#785631;background:#fff2d9;border:2px solid #b79865;border-radius:20px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:9%;right:4%;box-shadow:0 3px #cdb78c}.cafe-location-chip{z-index:8;background:#fff4dddc;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:3%;left:3%}.earned-coins{z-index:10;color:#fff6a6;text-shadow:0 2px 4px #7a5b12;align-items:center;font-size:33px;font-weight:900;animation:1.2s ease-out both cafe-reward;display:flex;position:absolute;top:42%;left:50%}.cafe-dock{background:#d2ba91;border-radius:17px;justify-content:center;gap:7px;padding:9px;display:flex}.cafe-dock button{color:#694b2e;background:linear-gradient(#fff7e1,#f7e5bf);border:2px solid #a98759;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:12px 6px;font-family:Georgia,serif;font-size:16px;display:flex;box-shadow:0 3px #9a7245}.cafe-dock button.selected,.cafe-dock button:hover{background:#e5edc7}.cafe-order-side{flex-direction:column;gap:12px;min-width:0;display:flex}.cafe-hud{justify-content:space-between;align-items:center;gap:5px;display:flex}.cafe-coins,.cafe-hearts{background:#fff6df;border:2px solid #bba075;border-radius:22px;align-items:center;gap:4px;padding:7px 9px;display:flex}.cafe-coins{color:#9b731d;flex-wrap:wrap}.cafe-coins small{letter-spacing:.2px;font-size:12px}.cafe-coins b{font-family:Georgia,serif;font-size:22px}.cafe-order-card{text-align:center;background:linear-gradient(135deg,#fffaeb,#f4e9c8);border:4px double #bca374;border-radius:23px;padding:18px 15px 14px;box-shadow:0 4px #bda77e}.cafe-ribbon{color:#684642;background:#edc0bb;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-family:Georgia,serif;font-size:15px;font-weight:700;display:inline-flex}.cafe-customer-heading{letter-spacing:1px;color:#9a8060;justify-content:space-between;align-items:center;margin:15px 0 8px;font-size:12px;display:flex}.cafe-customer-heading .badge{padding:4px 6px;font-size:12px}.cafe-order-card h2{color:#563c30;overflow-wrap:anywhere;margin:13px 0 7px;font-family:Georgia,Noto Sans,serif;font-size:clamp(20px,1.7vw,28px);line-height:1.5}.cafe-reading{color:#8d7257;overflow-wrap:anywhere;margin-bottom:10px;font-size:13px;font-style:italic;line-height:1.4}.cafe-english{color:#645038;margin:8px 0 12px;font-family:Georgia,serif;font-size:18px}.cafe-hear{color:#5d713b;background:#e6ecc9;border:1px solid #9caa67;border-radius:18px;align-items:center;gap:8px;padding:7px 17px;font-weight:700;display:inline-flex}.cafe-guide{color:#8c775e;justify-content:center;align-items:center;gap:6px;margin:12px 0;font-size:12px;display:flex}.cafe-question{border-top:1px dashed #c6ae83;margin:0 0 12px;padding-top:14px;font-size:12px;font-weight:800}.cafe-choices{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cafe-choices>button{color:#65513d;background:#fcf4dc;border:2px solid #d5bc85;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-height:110px;padding:8px;font-size:12px;line-height:1.35;transition:background .15s,transform .15s;display:flex;position:relative}.cafe-choices>button:hover:not(:disabled){background:#e9eecb;border-color:#8c9c55;transform:translateY(-2px)}.cafe-choices svg{width:64px;height:48px}.cafe-choices .cafe-right{opacity:1;background:#dfedc8!important;border-color:#86a458!important}.cafe-choices .cafe-wrong{opacity:1;background:#f5d1d5!important;border-color:#d07989!important}.cafe-choices>button>svg:last-child:not(:first-child){width:18px;height:18px;position:absolute;top:5px;right:5px}.cafe-result{text-align:left;border-radius:12px;margin-top:13px;padding:12px;font-size:12px}.cafe-result.good{background:#e0eacb}.cafe-result.bad{background:#f4d7d7}.cafe-result p{margin:5px 0;line-height:1.5}.cafe-result small{font-size:12px;line-height:1.5;display:block}.cafe-result .primary{justify-content:center;width:100%;min-height:38px;margin-top:8px;padding:9px;font-size:12px}.cafe-helpers{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.cafe-helpers button{color:#755c3a;background:#fff5dc;border:1px solid #bda97f;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:8px 3px;font-size:12px;display:flex}.cafe-helpers button b{background:#e7ddbc;border-radius:6px;padding:1px 4px}.cafe-goal{background:#fff6de;border:2px solid #c4ad80;border-radius:14px;padding:12px;font-size:12px}.cafe-goal .progress{height:8px;margin:10px 0}.cafe-goal small{font-size:12px;line-height:1.4;display:block}.cafe-limit{color:#7e6b52;padding:0 5px;font-size:12px;line-height:1.6}.cafe-limit>span,.cafe-limit small,.cafe-limit label{display:block}.cafe-limit label{align-items:center;gap:5px;margin-top:5px;display:flex}.cafe-status{background:#f0ead9;border-radius:12px;margin:15px 0 8px;padding:10px 14px;font-size:12px;line-height:1.6}.cafe-preview-note{color:#91826a;font-size:12px;line-height:1.6}.village-map{isolation:isolate;border-radius:18px;margin:20px 0;position:relative;overflow:hidden}.village-map>img{width:100%;height:auto;display:block}.village-pin,.village-home{color:#705b40;white-space:nowrap;background:#f9efd8ec;border:2px solid #a88d63;border-radius:13px;align-items:center;gap:4px;padding:7px 9px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 4px #62401933}.village-pin.open{background:#e2edc9;border-color:#8aa451}.village-home{color:#fff;background:#72914f;top:49%;left:52%}.expansion-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.expansion-list article p{margin:12px 0;font-size:12px;line-height:1.6}.expansion-list h3{margin:9px 0;font-family:Georgia,serif;font-size:20px}.cafe-plans{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.cafe-plans article>small{margin-top:7px;font-size:12px;display:block}.cafe-plans article>strong{margin:12px 0 0;font-size:18px;display:block}.cafe-plans article>p{font-size:12px}.cafe-plans .secondary,.cafe-plans .primary{font-size:12px}.trailer-offer{background:#eef0de;border:1px solid #c9d1a9;border-radius:18px;align-items:center;gap:18px;padding:20px;display:flex}.trailer-offer p{font-size:12px}.trailer-offer small{font-size:12px}.cafe-lanterns{z-index:5;font-size:22px;animation:4s ease-in-out infinite cafe-bob;position:absolute;top:12%;left:31%}.cafe-tea-table{z-index:5;background:#ba9467;border:4px solid #8b6945;border-radius:50%;width:9%;height:9%;position:absolute;top:76%;left:76%;box-shadow:0 7px #735339}.cafe-tea-table svg{width:100%;transform:translateY(-25%)}.cafe-fountain{z-index:4;filter:drop-shadow(0 4px 2px #73533955);font-size:40px;position:absolute;top:72%;left:84%}.cafe-fountain span{color:#fff;animation:2s linear infinite cafe-steam;position:absolute;top:-10px;left:40%}.cafe-game[data-animate=no] *{transition:none!important;animation:none!important}@keyframes cafe-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes cafe-heart{0%,to{opacity:.3;transform:translateY(2px)scale(.8)}50%{opacity:1;transform:translateY(-6px)scale(1.1)}}@keyframes cafe-serve{0%,to{transform:translate(0)}50%{transform:translate(-80%,60%)rotate(-5deg)}}@keyframes cafe-arrive{0%{opacity:0;transform:translate(-60px,35px)}to{opacity:1;transform:translate(0)}}@keyframes cafe-steam{0%{opacity:0;transform:translateY(0)}40%{opacity:.8}to{opacity:0;transform:translateY(-23px)}}@keyframes cafe-petal{0%{transform:translate(0)rotate(0)}to{transform:translate(-35px,650px)rotate(420deg)}}@keyframes cafe-reward{0%{opacity:0;transform:translateY(20px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-75px)scale(1.1)}}@media (width>=1500px){.cafe-frame{grid-template-columns:minmax(0,1fr) 340px}.cafe-artboard{aspect-ratio:1.5}.cafe-order-card{padding:20px}.cafe-choices>button{font-size:13px}}@media (width<=1150px){.cafe-frame{grid-template-columns:minmax(0,1fr) 285px;gap:10px}.cafe-artboard{aspect-ratio:1.03}.cafe-sign{padding:10px}.cafe-dock button{flex-direction:column;gap:3px;font-size:12px}.cafe-order-card{padding:13px 10px}.cafe-coins small{display:none}.cafe-choices>button{min-height:100px;font-size:12px}.cafe-customer{width:10%}.cafe-staff{width:22%}.cafe-game-heading>span{display:none}}@media (width<=850px){.cafe-frame{grid-template-columns:1fr;padding:8px}.cafe-artboard{aspect-ratio:1.6}.cafe-sign strong{font-size:24px}.cafe-sign small{font-size:12px}.cafe-staff{width:17%}.cafe-customer{width:8%}.cafe-order-side{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cafe-hud,.cafe-order-card{grid-column:1/-1}.cafe-order-card{flex-direction:column;align-items:center;display:flex}.cafe-order-card h2{font-size:24px}.cafe-choices{grid-template-columns:repeat(4,1fr);width:100%}.cafe-choices>button{min-height:110px;font-size:12px}.cafe-order-card .cafe-result{width:100%}.cafe-goal{grid-area:3/2}.cafe-helpers{grid-column:1}.cafe-limit{grid-column:1/-1}.cafe-plans{grid-template-columns:1fr}.cafe-launch>img{height:200px}.cafe-launch strong{font-size:24px}}@media (width<=520px){.cafe-game-heading{gap:4px}.cafe-game-heading .text-btn{font-size:12px}.cafe-sign{border-width:2px;border-radius:10px;padding:8px 12px}.cafe-sign strong{font-size:19px}.cafe-sign>span{font-size:12px}.cafe-world-controls button{width:29px;height:29px}.cafe-expand{gap:4px;padding:7px 9px;font-size:12px;bottom:8%}.cafe-expand svg{width:13px}.cafe-dock{gap:4px;padding:6px}.cafe-dock button{border-radius:10px;padding:8px 3px;font-size:12px}.cafe-dock svg{width:17px}.cafe-order-side{flex-direction:column;display:flex}.cafe-choices{grid-template-columns:1fr 1fr}.cafe-choices>button{min-height:113px;padding:10px;font-size:13px}.cafe-order-card{padding:18px 13px}.cafe-hud{padding:4px}.cafe-coins small{font-size:12px;display:block}.cafe-helpers button{min-height:44px;padding:10px 3px;font-size:12px}.cafe-goal{font-size:12px}.cafe-goal small{font-size:12px}.cafe-limit{font-size:12px}.cafe-launch{flex-direction:column}.cafe-launch>img{width:100%;height:180px}.cafe-launch>span{padding:20px}.expansion-list{grid-template-columns:1fr}.village-pin{white-space:normal;gap:2px;max-width:95px;padding:4px;font-size:12px}.village-pin svg{flex-shrink:0;width:10px}.village-home{padding:5px;font-size:12px}.trailer-offer{flex-direction:column}.customer-order{padding:3px;font-size:12px}.customer-order svg{width:10px}.cafe-location-chip{padding:4px;font-size:12px}.cafe-heart{font-size:15px}.cafe-lanterns{font-size:13px}.cafe-fountain{font-size:24px}}@media (prefers-reduced-motion:reduce){.cafe-game *{transition:none!important;animation:none!important}}.cafe-scene-wrap{justify-content:flex-start}.cafe-person{aspect-ratio:.5;width:100%;display:block;position:relative;overflow:hidden}.cafe-person img{object-fit:fill;width:400%;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.cafe-person.person-1 img{left:-100%}.cafe-person.person-2 img{left:-200%}.cafe-person.person-3 img{left:-300%}.cafe-customer{filter:drop-shadow(0 3px 1px #64462422);width:9%;top:43%}.cafe-customer.happy .cafe-person{animation:.8s ease-in-out 2 cafe-bob}.terrace-guest{width:9%;top:54%}.cafe-shift-board{background:#fff5df99;border:1px solid #d0bb95;border-radius:15px;margin-top:3px;padding:20px}.cafe-shift-board h3{color:#6c583b;margin:9px 0 18px;font-family:Georgia,serif;font-size:22px;line-height:1.35}.cafe-shift-board>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cafe-shift-board button{text-align:left;color:#7b6845;background:#fcf4df;border:1px solid #c8b58b;border-radius:10px;align-items:center;gap:7px;padding:12px 8px;font-size:12px;display:flex}.cafe-shift-board button svg{flex-shrink:0}.cafe-shift-board>p{color:#9b8667;margin:15px 0 0;font-size:12px}.customer-order{bottom:89%}@media (width<=520px){.cafe-shift-board{padding:15px}.cafe-shift-board h3{font-size:19px}.cafe-shift-board>div{grid-template-columns:1fr 1fr}.cafe-shift-board button{padding:9px;font-size:12px}.cafe-customer{width:9%}}.cafe-person{aspect-ratio:.75}.cafe-person img{width:400%;height:auto}.cafe-customer.customer-0{top:44%;left:29%}.cafe-customer.customer-1{top:58%;left:49%}.cafe-customer.customer-2{top:46%;left:46%}.terrace-guest{top:57%}.cafe-customer .cafe-person,.terrace-guest .cafe-person{clip-path:inset(0 0 38%)}.cafe-artboard:not([data-room=cafe]) .cafe-person{clip-path:none}.cafe-artboard:not([data-room=cafe]) .customer-0{top:57%;left:58%}.cafe-artboard:not([data-room=cafe]) .customer-1{top:71%;left:65%}.cafe-artboard:not([data-room=cafe]) .customer-2{top:43%;left:62%}.cafe-artboard:not([data-room=cafe]) .terrace-guest{top:75%;left:57%}.cafe-artboard:not([data-room=cafe]) .cafe-staff{width:15%}.cafe-artboard:not([data-room=cafe]) .matchi{top:36%;left:47%}.cafe-artboard:not([data-room=cafe]) .mochi{top:29%;left:66%}.cafe-artboard:not([data-room=cafe]) .cafe-steam{display:none}@media (width<=850px){.cafe-shift-board{display:none}.cafe-scene-wrap{gap:10px}}@media (width<=760px){.sidebar nav{scrollbar-width:thin;flex-direction:row;align-items:center;gap:3px;display:flex;overflow:auto hidden}.sidebar .nav-item{flex:0 0 58px;width:58px;height:58px;min-height:58px}.sidebar .nav-item>span{max-width:57px;font-size:12px}}.cafe-focus{z-index:80;background:#f7f0de;max-width:none;padding:20px 26px;position:fixed;inset:0;overflow:auto}.cafe-focus .cafe-frame{grid-template-columns:minmax(0,1fr) 340px;max-width:1700px;margin:auto}.cafe-focus .cafe-game-heading{max-width:1700px;margin:0 auto 14px}.cafe-focus .cafe-artboard{aspect-ratio:1.7}.cafe-focus .cafe-status,.cafe-focus .cafe-preview-note{max-width:1700px;margin-left:auto;margin-right:auto}@media (width<=850px){.cafe-focus{padding:12px}.cafe-focus .cafe-frame{grid-template-columns:1fr}.cafe-game-heading{flex-wrap:wrap}.cafe-focus .cafe-artboard{aspect-ratio:1.6}}.cafe-live-world{isolation:isolate;aspect-ratio:1.7;touch-action:manipulation;background:#e9e3c9;border-radius:19px;min-width:0;position:relative;overflow:hidden}.live-room-bg{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.cafe-night .live-room-bg{filter:brightness(.7)saturate(.9)}.live-location{z-index:1200;text-align:center;color:#775800;background:linear-gradient(130deg,#8c633e,#694c32);border:3px double #e1c997;border-radius:14px;padding:12px 17px;position:absolute;top:4%;left:3%;box-shadow:0 4px 8px #402e1e30}.live-location>small{letter-spacing:3px;font-size:12px;display:block}.live-location>strong{margin:5px 0;font:700 clamp(19px,2vw,31px)/1.15 Georgia,serif;display:block}.live-location>span{max-width:180px;font-size:12px;display:block}.world-utility{z-index:1200;gap:6px;display:flex;position:absolute;top:4%;right:3%}.world-utility button{color:#765734;background:#fff6e5ee;border:1px solid #bca477;border-radius:20px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;display:flex}.world-actor{pointer-events:none;will-change:left,top;width:10%;position:absolute;transform:translate(-50%,-100%)}.world-person{aspect-ratio:.75;width:100%;display:block;position:relative;overflow:hidden}.world-person img{width:400%;max-width:none;height:auto;display:block;position:absolute;top:0;left:0}.world-person.person-1 img{left:-100%}.world-person.person-2 img{left:-200%}.world-person.person-3 img{left:-300%}.world-seated{width:11%}.world-walking .world-person{filter:drop-shadow(0 3px 1px #60442925);animation:.28s ease-in-out infinite alternate world-walk}.world-table{pointer-events:none;width:20%;height:20%;position:absolute;transform:translate(-50%,-100%)}.world-table>button{pointer-events:auto;border-radius:50%;width:100%;height:100%;padding:0;display:block;position:relative}.world-table img{object-fit:fill;filter:drop-shadow(0 4px 2px #6b4c2533);width:100%;height:100%;display:block}.world-table .table-ready{filter:drop-shadow(0 0 7px #b6df62);animation:1.2s ease-in-out infinite world-glow}.served-cup{color:#617c3e;background:#e9f0c8;border-radius:50%;place-items:center;width:23px;height:21px;display:grid;position:absolute;top:30%;left:40%;transform:rotate(-10deg)}.world-pet{pointer-events:none;width:12%;position:absolute;transform:translate(-50%,-100%)}.world-pet .pet-photo{filter:drop-shadow(0 3px 1px #70583233);width:100%;display:block}.matchi-host{width:10%}.pet-walking .pet-photo{animation:.3s ease-in-out infinite alternate world-walk}.pet-tray{color:#fff9d1;background:#ae8050;border-radius:50%;place-items:center;width:38px;height:18px;display:grid;position:absolute;bottom:5%;left:-8%;box-shadow:0 4px #755737}.world-bubble{white-space:nowrap;color:#75613e;pointer-events:auto;background:#fff8e4;border:1px solid #bba376;border-radius:13px 13px 13px 0;align-items:center;gap:4px;padding:7px 9px;font-size:12px;display:flex;position:absolute;bottom:93%;left:50%;transform:translate(-50%);box-shadow:0 2px #bca47522}.guest-love{color:#c56f90;animation:1.4s ease-out infinite world-love;position:absolute;bottom:95%;left:15%}.world-station{z-index:1200;color:#6c6e36;background:#fff6d7;border:2px solid #b49a60;border-radius:13px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:800;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 3px #a18757}.world-station i{background:#8aad52;height:4px;position:absolute;bottom:0;left:0}.world-station.station-glow{background:#edf2cc;animation:1.3s ease-in-out infinite world-glow}.world-welcome{z-index:1200;color:#6b593b;background:#fdf3d7;border:2px solid #ac8b59;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:190px;padding:10px 15px;font-size:12px;font-weight:800;display:flex;position:absolute;top:84%;left:20%;transform:translate(-50%,-50%);box-shadow:0 4px #b49c71}.world-welcome>span{width:100%;font-size:12px;font-weight:400;display:block}.world-action{z-index:1300;color:#fff9df;background:#6b8748;border:2px solid #e2e9b3;border-radius:24px;align-items:center;gap:7px;padding:11px 19px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 3px #446033}.world-coin{z-index:1400;color:#997123;background:linear-gradient(#fff8c8,#edd48b);border:2px solid #d6ac55;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:120px;padding:9px;animation:1.6s ease-in-out infinite world-bob;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #ba8d43}.world-coin b{font-size:19px}.world-coin>span{width:100%;font-size:12px}.world-action-caption{z-index:1500;color:#6d6846;background:#fff8e8ee;border:1px solid #c3b083;border-radius:20px;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:90%;padding:7px 14px;font-size:12px;display:flex;position:absolute;bottom:2.5%;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #775a3020}.action-dot{background:#89a55b;border-radius:100%;width:5px;height:5px}.world-stepper{z-index:1300;gap:7px;display:flex;position:absolute;bottom:10%;right:3%}.world-stepper>span{color:#74613d;background:#fff4d7bb;border:1px solid #c6b18b;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid;position:relative}.world-stepper>span.lit{color:#4c6834;background:#e0edbd;border-color:#8faa60}.world-stepper small{font-size:12px;position:absolute;top:26px}.world-blossom-garland{color:#f3aec6;z-index:1100;gap:40px;font-size:25px;display:flex;position:absolute;top:6%;left:27%}.world-sparkle-garden{z-index:100;color:#99b7a0;animation:2s infinite world-glow;position:absolute;bottom:13%;right:13%}.world-tea-display{color:#7d9c55;z-index:500;background:#f9e9ca;border-radius:12px;padding:8px;position:absolute;top:57%;left:12%}.world-charm-burst{pointer-events:none;z-index:1600;color:#f0b0c3;justify-content:center;align-items:center;gap:25px;animation:1.2s ease-out forwards world-charm;display:flex;position:absolute;inset:0}.world-charm-burst svg:nth-child(2n){color:#c6d985;transform:translateY(-25px)}.cafe-prepare-note,.meet-guest-note{color:#60723d;background:#e8edcc;border:1px solid #c6d3a0;border-radius:15px;margin:13px 0;padding:14px;font-size:12px}.cafe-prepare-note>strong,.meet-guest-note>strong{margin:6px 0;display:block}.cafe-prepare-note p,.meet-guest-note p{color:#7c815f;font-size:12px;line-height:1.6}.meet-guest-note{background:#f6edd8}.choice-letter{color:#8b7347;background:#eee4c6;border:1px solid #cdb88a;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:15px;display:grid}.cafe-choices>button{justify-content:center;min-height:85px}.charm-art{aspect-ratio:1;flex-shrink:0;width:66px;display:block;position:relative;overflow:hidden}.charm-art img{width:400%;max-width:none;height:auto;display:block;position:absolute;top:0;left:0}.charm-art.charm-1 img{left:-100%}.charm-art.charm-2 img{left:-200%}.charm-art.charm-3 img{left:-300%}.cafe-helpers button{background:linear-gradient(#fff9e9,#efe4c7);border-radius:14px;flex-direction:column;gap:1px;padding:5px 2px 9px;font-size:12px;display:flex;position:relative;box-shadow:0 3px #c4ae85}.cafe-helpers button b{min-width:17px;position:absolute;top:5px;right:5px}.charm-product{text-align:center}.charm-product>.charm-art{width:115px;margin:0 auto 13px}.charm-product .secondary{margin:15px auto 0;display:block}.boost-tray .charm-art{width:40px}.charm-product strong{font-size:21px}.cafe-game-heading{flex-wrap:wrap}.cafe-game-heading>span{margin-right:auto}.cafe-frame{grid-template-columns:minmax(0,1fr) 305px}.cafe-focus .cafe-frame{grid-template-columns:minmax(0,1fr) 320px}@keyframes world-walk{0%{translate:0;rotate:-2deg}to{translate:0 -2px;rotate:2deg}}@keyframes world-glow{0%,to{filter:drop-shadow(0 0 #b8d777)}50%{filter:drop-shadow(0 0 8px #bdd97c)}}@keyframes world-love{0%{opacity:0;translate:0 5px}40%{opacity:1}to{opacity:0;translate:0 -20px}}@keyframes world-charm{0%{opacity:0;scale:.5}30%{opacity:1}to{opacity:0;translate:0 -30px;scale:1.6}}@keyframes world-bob{0%,to{translate:0}50%{translate:0 -5px}}@media (width<=1150px){.cafe-frame{grid-template-columns:minmax(0,1fr) 285px}.cafe-live-world{aspect-ratio:1.5}.world-action-caption{padding:6px 9px;font-size:12px}.world-station{padding:7px 9px;font-size:12px}.world-welcome{padding:7px 11px;font-size:12px}.live-location{padding:9px 13px}.live-location strong{font-size:21px}}@media (width<=850px){.cafe-frame,.cafe-focus .cafe-frame{grid-template-columns:1fr}.cafe-live-world{aspect-ratio:1.6}.world-station{font-size:12px}.cafe-helpers{grid-template-columns:repeat(3,1fr)}.cafe-helpers button{flex-direction:row;padding:8px;font-size:12px}.cafe-helpers button b{position:static}.cafe-order-card .meet-guest-note{width:100%}.charm-art{width:66px}}@media (width<=520px){.cafe-live-world{aspect-ratio:1.25}.live-location{max-width:44%;padding:8px;top:3%;left:3%}.live-location strong{font-size:18px}.live-location>small{font-size:12px}.live-location>span{font-size:12px}.world-utility{gap:4px;top:3%;right:2%}.world-utility button{padding:5px 6px;font-size:12px}.world-utility svg{width:12px}.world-station{gap:4px;padding:6px 7px;font-size:12px}.world-station svg{width:13px}.world-welcome{max-width:133px;padding:7px;font-size:12px;left:24%}.world-welcome>span{font-size:12px}.world-welcome svg{width:13px}.world-action-caption{max-width:95%;padding:6px 8px;font-size:12px;bottom:2%}.world-stepper{gap:5px;bottom:11%;right:4%}.world-stepper>span{width:18px;height:18px;font-size:12px}.world-stepper small{font-size:12px;top:19px}.world-bubble{gap:2px;padding:5px;font-size:12px}.world-bubble svg{width:11px}.world-coin{width:95px;padding:6px}.world-coin b{font-size:16px}.world-coin>span{font-size:12px}.world-actor{width:13%}.world-seated{width:14%}.world-pet{width:15%}.matchi-host{width:12%}.world-table{width:23%;height:17%}.cafe-helpers button{flex-direction:column;gap:3px;font-size:12px}.cafe-helpers button b{position:absolute}.cafe-helpers .charm-art{width:52px}.world-action{padding:8px 12px;font-size:12px;bottom:16%}.pet-tray{width:27px;height:13px}.pet-tray svg{width:17px}.cafe-choices>button{min-height:80px}}.cafe-live-world[data-animate=no] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.cafe-live-world *{transition:none!important;animation:none!important}}.charm-art{aspect-ratio:.75}.cafe-helpers .charm-art{width:40px}.world-person.seated-older{scale:-1 1}.cafe-order-card:has(.meet-guest-note) .cafe-ribbon{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-customer-heading{display:none}.cafe-order-card:has(.meet-guest-note) h2{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-reading{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-english{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-hear{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-guide{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-question{display:none}.cafe-order-card:has(.meet-guest-note) .cafe-choices{display:none}.cafe-order-card:has(.meet-guest-note){place-items:center;min-height:270px;display:grid}.meet-guest-note{background:0 0;border:0}.charm-trail{background:linear-gradient(130deg,#f3efd8,#e6edcf);border:1px solid #c8d2a7;border-radius:20px;align-items:center;gap:20px;margin:24px 0;padding:21px;display:flex}.charm-trail>.charm-art{width:90px}.charm-trail h3{margin:6px 0!important;font:700 21px/1.3 Georgia,serif!important}.charm-trail p{margin:7px 0!important;font-size:12px!important}.charm-stamps{gap:8px;margin-top:12px;display:flex}.charm-stamps span{color:#a5ae85;background:#f9f7e7;border:1px dashed #adbb8d;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.charm-stamps .stamped{color:#fff;background:#819c59;border:1px solid #6e864b}.charm-product .charm-art{transition:transform .2s}.charm-product:hover .charm-art{transform:translateY(-5px)rotate(-3deg)}.cafe-helpers button:not(:disabled):hover .charm-art{animation:.7s ease-in-out infinite world-bob}@media (width<=520px){.charm-trail{gap:12px;padding:15px}.charm-trail>.charm-art{width:60px}.charm-trail h3{font-size:18px!important}.charm-stamps{gap:5px}.charm-stamps span{width:24px;height:24px}}.cafe-rain .cafe-live-world:after{content:"";z-index:1000;pointer-events:none;opacity:.65;background-image:repeating-linear-gradient(108deg,#0000 0 33px,#b8d4d75c 34px,#0000 35px 77px);background-size:120px 160px;animation:.8s linear infinite world-rain;position:absolute;inset:0}.cafe-rain .live-room-bg{filter:saturate(.85)brightness(.93)}.cafe-rain.cafe-night .live-room-bg{filter:saturate(.8)brightness(.65)}@keyframes world-rain{to{background-position:-40px 160px}}@media (width<=520px){.cafe-order-card:has(.meet-guest-note){min-height:145px}.meet-guest-note p{font-size:12px}.charm-trail .eyebrow{font-size:12px}}.owned-charm-heading{justify-content:space-between;align-items:center;margin:22px 0 12px;display:flex}.owned-charm-heading>span{color:#ba748b;align-items:center;gap:7px;font-size:12px;display:flex}.owned-charms{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.owned-charms>article{text-align:center;background:linear-gradient(#fff9eb,#f2ead5);border:1px solid #d4c6a3;border-radius:17px;padding:16px 10px}.owned-charms .charm-art{width:76px;margin:auto}.owned-charms h3{margin:8px 0!important;font-size:17px!important}.owned-charms article>span{color:#9a7b50;font-size:12px;font-weight:800}.owned-charms article>p{min-height:30px;margin:7px 0!important;font-size:12px!important}.owned-charms .secondary{min-height:38px;padding:8px 11px;font-size:12px}.pantry-feedback{background:#eaf0d9;border-radius:12px;padding:12px;font-size:12px!important}.owned-charms button:active .charm-art{scale:1.1}@media (width<=520px){.owned-charms{gap:7px}.owned-charms>article{padding:12px 5px}.owned-charms .charm-art{width:58px}.owned-charms h3{font-size:14px!important}.owned-charms .secondary{min-height:36px;padding:6px;font-size:12px}.owned-charms article>p{min-height:45px}}.owned-charms .charm-art{width:110px}.charm-product>.charm-art{width:135px}@media (width<=520px){.owned-charms .charm-art{width:66px}.charm-product>.charm-art{width:120px}}.cafe-viewport{z-index:80;color:#624e36;background:radial-gradient(at top,#fcf6e6,#f1e7cf);flex-direction:column;gap:8px;max-width:none;height:100dvh;max-height:100dvh;padding:10px 14px;display:flex;position:fixed;inset:0;overflow:hidden}.cafe-compact-header{flex:0 0 38px;align-items:center;gap:13px;min-height:0;display:flex}.cafe-mini-brand{color:#546b3c;align-items:center;gap:8px;display:flex}.cafe-mini-brand b{font-size:16px;line-height:1.1}.cafe-mini-brand b>span{color:#786143;font-family:Georgia,serif;font-size:12px;font-weight:500;display:block}.cafe-auto-label{letter-spacing:1px;color:#72634a;margin-right:auto;font-size:12px;font-weight:800}.cafe-toolbar{gap:5px;display:flex}.cafe-toolbar>button{color:#7e7856;background:#fffaed;border:1px solid #d5c6a6;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.cafe-premium-button,.top-premium{color:#785527;white-space:nowrap;background:linear-gradient(130deg,#fff2be,#efd38a);border:1px solid #c9a658;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:900;display:flex;box-shadow:0 2px #c6a760}.cafe-premium-button:hover,.top-premium:hover{background:#ffe9a7}.cafe-scoreboard{background:#fff9e9;border:1px solid #d9c7a4;border-radius:16px;flex:0 0 49px;align-items:center;gap:18px;padding:7px 15px;display:flex;box-shadow:0 3px #e1d3b8}.score-coins{color:#7d5f20;align-items:center;gap:7px;min-width:105px;display:flex}.score-coins strong{font-family:Georgia,serif;font-size:25px}.score-coins small{font-size:12px}.score-hearts{align-items:center;gap:5px;display:flex}.score-xp{flex:1;min-width:130px;max-width:460px}.score-xp>span{color:#8d6799;align-items:center;gap:6px;font-size:12px;display:flex}.score-xp small{color:#706245;margin-left:auto;font-size:12px}.xp-track{background:#eee4ce;border-radius:10px;height:7px;margin-top:5px;overflow:hidden}.xp-track>i{background:linear-gradient(90deg,#8bb968,#d69eb8,#e9ba58);border-radius:10px;min-width:4%;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 9px #ddb0c6}.score-badges{color:#b28b42;background:#f7edcf;border:1px solid #e0cd99;border-radius:12px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:flex}.score-badges>span{font-size:12px}.score-allowance{color:#706249;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:700}.cafe-viewport .cafe-frame{border-radius:18px;flex:1;grid-template-columns:minmax(0,1fr) 330px;gap:10px;width:100%;min-height:0;max-height:none;margin:0;padding:9px;display:grid;overflow:hidden}.cafe-viewport .cafe-scene-wrap{grid-template-rows:minmax(0,1fr) 43px;gap:8px;min-width:0;min-height:0;display:grid;overflow:hidden}.cafe-world-slot{border-radius:13px;min-height:0;position:relative;overflow:hidden}.cafe-viewport .cafe-live-world{aspect-ratio:auto;border-radius:13px;width:100%;height:100%;min-height:0}.cafe-viewport .cafe-dock{border-radius:12px;gap:6px;min-height:0;padding:4px}.cafe-viewport .cafe-dock>button{border-width:1px;border-radius:10px;gap:7px;min-height:0;padding:7px;font-size:12px;box-shadow:0 2px #9a7245}.cafe-viewport .cafe-order-side{grid-template-rows:25px minmax(0,1fr) 65px 36px 23px;gap:7px;min-height:0;display:grid;overflow:hidden}.cafe-task-top{justify-content:space-between;align-items:center;gap:7px;display:flex}.cafe-task-top .cafe-ribbon{white-space:nowrap;border-radius:8px;max-width:75%;padding:4px 8px;font-size:12px;overflow:hidden}.cafe-task-top>.badge{white-space:nowrap;padding:3px 7px;font-size:12px}.cafe-viewport .cafe-order-card{border:3px double #baa170;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:7px;height:100%;min-height:0;padding:12px;display:flex;overflow:hidden;container:cafe-task/size}.cafe-phrase-block{flex:none;min-height:0}.cafe-viewport .cafe-order-card h2{color:#543e31;letter-spacing:-.02em;margin:0 0 5px;font-size:24px;line-height:1.35}.cafe-viewport .cafe-reading{color:#9a8060;margin:3px 0;font-size:12px;line-height:1.35}.cafe-viewport .cafe-english{margin:4px 0 6px;font-size:15px;line-height:1.35}.phrase-tools{justify-content:center;align-items:center;gap:12px;margin:6px 0;display:flex}.phrase-tools .cafe-hear{border-radius:15px;padding:5px 10px;font-size:12px}.phrase-tools label{color:#9d8866;align-items:center;gap:4px;font-size:12px;display:flex}.cafe-task-slot{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;display:flex}.cafe-viewport .cafe-question{margin:0;padding:5px 0 7px;font-size:12px}.cafe-viewport .cafe-choices{flex:1;grid-template-columns:1fr 1fr;gap:7px;min-height:0;max-height:230px;display:grid}.cafe-viewport .cafe-choices>button{text-align:left;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:7px;min-height:0;padding:10px 8px;font-size:12px;line-height:1.35;display:flex}.cafe-viewport .choice-letter{width:24px;min-width:24px;height:24px;font-size:12px}.cafe-viewport .cafe-choices>button:hover:not(:disabled){background:#e4ecc7;translate:0 -1px;box-shadow:0 0 0 2px #b2c48355}.cafe-viewport .cafe-result,.cafe-viewport .cafe-prepare-note{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100%;min-height:0;margin:0;padding:14px;display:flex;overflow:hidden}.cafe-viewport .cafe-result>strong,.cafe-viewport .cafe-prepare-note>strong{font-family:Georgia,serif;font-size:20px}.cafe-viewport .cafe-result p,.cafe-viewport .cafe-prepare-note p{margin:0;font-size:12px;line-height:1.45}.cafe-viewport .cafe-result small{max-width:100%;margin:0;font-size:12px;line-height:1.5}.result-stamp{color:#77914e}.serve-steps{gap:7px;margin-top:8px;display:flex}.serve-steps>span{color:#a2ad86;border:1px solid #c1cba4;border-radius:10px;padding:4px 8px;font-size:12px}.serve-steps .lit{color:#fff;background:#859f5a;border-color:#7a9253}.task-rest{text-align:center;color:#b9a06f;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.task-rest h3{color:#8a7652;font:700 23px/1.3 Georgia,serif}.task-rest p{color:#66573d;font-size:12px;line-height:1.5}.task-loading-dots{gap:6px;display:flex}.task-loading-dots i{background:#d5b6bc;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite task-dot}.task-loading-dots i:nth-child(2){animation-delay:.15s}.task-loading-dots i:nth-child(3){animation-delay:.3s}.cafe-viewport .cafe-helpers{grid-template-columns:repeat(3,1fr);gap:6px;min-height:0;display:grid}.cafe-viewport .cafe-helpers button{text-align:left;border-radius:11px;grid-template-columns:32px 1fr;align-items:center;gap:4px;min-height:0;padding:5px;font-size:12px;line-height:1.2;display:grid}.cafe-viewport .cafe-helpers .charm-art{grid-row:1;width:32px}.cafe-viewport .cafe-helpers b{min-width:16px;font-size:12px;position:absolute;top:3px;right:3px}.cafe-compact-progress{background:#fff6de;border:1px solid #d7c7a3;border-radius:10px;align-items:center;gap:10px;padding:4px 8px;display:flex}.cafe-compact-progress>div{flex:1;min-width:0}.cafe-compact-progress span{color:#726245;justify-content:space-between;gap:8px;font-size:12px;display:flex}.cafe-compact-progress .progress{height:5px;margin:4px 0 0}.cafe-compact-progress>button{color:#7a5f30;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:50%;font-size:12px;display:flex;overflow:hidden}.cafe-practice-row{color:#665842;justify-content:space-between;align-items:center;gap:8px;padding:0 3px;font-size:12px;display:flex}.cafe-practice-row>label{white-space:nowrap;align-items:center;gap:4px;display:flex}.cafe-practice-row>span{text-align:right;font-size:12px;line-height:1.25}.cafe-live-status{color:#736246;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:0 0 17px;font-size:12px;line-height:1.5;overflow:hidden}.cafe-viewport .world-pet{width:8.5%}.cafe-viewport .matchi-host{width:8%}.cafe-viewport .live-location{max-width:34%;padding:9px 13px;top:3%;left:2%}.cafe-viewport .live-location strong{font-size:clamp(20px,2vw,28px)}.cafe-viewport .world-station{padding:7px 10px;font-size:12px}.cafe-viewport .world-utility{top:3%;right:2%}.cafe-viewport .world-utility button{padding:6px 8px;font-size:12px}.cafe-viewport .world-action-caption{max-width:90%;padding:6px 11px;font-size:12px;bottom:2%}.cafe-viewport .world-stepper{bottom:10%;right:3%}.cafe-start-layer,.cafe-paused{z-index:1700;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f2e7cc44;place-items:center;display:grid;position:absolute;inset:0}.cafe-start-card{text-align:center;background:#fff9e9ed;border:3px double #c4ae78;border-radius:24px;width:340px;max-width:86%;padding:23px;box-shadow:0 14px 35px #6a4e3025}.start-pets{justify-content:center;margin:-5px 0 2px;display:flex}.start-pets .pet-small{width:80px;height:80px}.cafe-start-card h2{color:#6b7041;margin:8px 0 12px;font:700 30px/1.15 Georgia,serif}.cafe-start-card p{color:#746248;font-size:12px;line-height:1.6}.cafe-start-card>.primary{border-radius:14px;min-width:190px;min-height:47px;margin:18px 0 12px;font-size:13px}.cafe-start-card small{color:#66573d;font-size:12px;display:block}.cafe-reward-popup{z-index:1650;pointer-events:none;background:linear-gradient(120deg,#fff9db,#f5dce8);border:2px solid #d4b584;border-radius:19px;align-items:center;gap:11px;max-width:88%;padding:13px 20px;animation:3.2s both reward-appear;display:flex;position:absolute;top:10%;left:50%;translate:-50%;box-shadow:0 8px 25px #86603735}.cafe-reward-popup>span{color:#a47d2d;background:#ecd296;border-radius:50%;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 0 20px #e9c97675}.cafe-reward-popup strong{color:#8c6b37;white-space:nowrap;font-size:16px;display:block}.cafe-reward-popup small{color:#aa8c64;margin-top:4px;font-size:12px;display:block}.reward-particles{z-index:1600;pointer-events:none;position:absolute;inset:0}.reward-particles>i{width:7px;height:7px;animation:reward-spark .9s ease-out var(--delay) both;background:#d7a6c0;border-radius:2px;position:absolute;top:30%;left:50%}.reward-particles>i:nth-child(3n){background:#b4d780}.reward-particles>i:nth-child(3n+1){background:#e6c46d}.score-pop .score-coins,.score-pop .score-xp,.score-pop .score-badges{animation:.6s ease-out score-pulse}.score-pop .xp-track>i{box-shadow:0 0 14px #e397c1}.cafe-badge-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.cafe-badge-grid article{text-align:center;background:#f9f1dd;border:1px solid #e0d2ac;border-radius:16px;padding:20px 12px}.badge-medal{color:#a17a2b;background:linear-gradient(135deg,#fff2b8,#d8b66c);border-radius:50%;place-items:center;width:66px;height:66px;margin:auto;display:grid;box-shadow:0 4px #c7a664}.badge-locked{filter:grayscale(.8);opacity:.5}.badge-earned .badge-medal{box-shadow:0 4px #c7a664,0 0 24px #e5cd8c66}.cafe-badge-grid h3{margin:15px 0 6px;font-size:17px}.cafe-badge-grid p{font-size:12px}.cafe-badge-grid small{color:#a08a55;margin-top:10px;font-size:12px;display:inline-block}.badge-level-summary{color:#a7813e;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:0 0 22px;display:flex}.badge-level-summary p{text-align:center;width:100%;font-size:12px}.cafe-settings .button-row{margin:15px 0}.cafe-settings>p{margin-top:20px;font-size:12px}.honakari-boot{color:#546b3c;background:#faf6e9;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.honakari-boot>div{gap:6px;display:flex}.honakari-boot h1{margin:5px 0;font:700 37px Georgia,serif}.honakari-boot p{color:#ac9674;font-size:12px}.honakari-boot>span{background:linear-gradient(90deg,#b4cd8d,#edbed0,#e4cc87);border-radius:10px;width:90px;height:5px;margin-top:20px;animation:1.2s infinite score-pulse}.topbar .top-premium{display:flex}.hero-premium{color:#78612d;align-items:center;gap:5px;margin-left:13px;font-size:12px;font-weight:800;display:inline-flex}.premium-heading{margin-bottom:10px}.premium-comparison{grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0;display:grid}.premium-plan{background:#fffef8;border:1px solid #dfe3d4;border-radius:20px;flex-direction:column;padding:24px;display:flex;position:relative}.premium-plan.recommended{background:#f3f7e9;border:2px solid #a5b77d;box-shadow:0 5px #dce5c9}.premium-plan-icon{color:#a5b17d;margin-bottom:12px}.premium-plan .eyebrow{font-size:12px}.premium-plan h2{margin:6px 0 15px;font-size:23px}.premium-plan>strong{color:#6b8552;font-size:37px}.premium-plan>strong small{color:#60684f;margin-top:1px;font-size:12px;font-weight:500;display:block}.premium-plan ul{flex-direction:column;gap:12px;margin:22px 0;padding:0;list-style:none;display:flex}.premium-plan li{color:#5e6754;align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.premium-plan li svg{color:#91a66c;flex-shrink:0}.premium-plan .primary,.premium-plan .secondary{margin-top:auto}.premium-preview-note{color:#5e694c;font-size:12px;line-height:1.7}.premium-dialog{padding:23px}.premium-dialog .premium-comparison{gap:10px;margin-top:0}.premium-dialog .premium-plan{padding:20px 14px}.premium-dialog .premium-plan h2{font-size:19px}.premium-dialog .premium-plan>strong{font-size:30px}.compact-study-plan{background:#f4f6ec;border:1px solid #dfe5d4;border-radius:12px;margin:10px 0 16px}.compact-study-plan>summary{cursor:pointer;color:#5c6950;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:800;display:flex}.compact-study-plan .study-plan{background:0 0;border:0;margin:0}.cafe-viewport .cafe-live-world[data-animate=no]:after{animation:none!important}.cafe-viewport .cafe-choices button:focus-visible{outline-offset:0;outline:3px solid #bd9dcc}@keyframes reward-appear{0%{opacity:0;translate:-50% 12px;scale:.75}12%{opacity:1;translate:-50%;scale:1.05}20%,84%{opacity:1;translate:-50%;scale:1}to{opacity:0;translate:-50% -18px}}@keyframes reward-spark{0%{opacity:1;transform:rotate(var(--angle)) translateX(5px) scale(.4)}to{opacity:0;transform:rotate(var(--angle)) translateX(135px) scale(1.3)}}@keyframes score-pulse{0%,to{scale:1}35%{filter:brightness(1.12);scale:1.08}}@keyframes task-dot{0%,80%,to{opacity:.45;translate:0}40%{opacity:1;translate:0 -5px}}@container cafe-task (height<=300px){.cafe-phrase-block h2{font-size:21px!important}.cafe-reading{font-size:12px!important}.cafe-english{font-size:13px!important}.phrase-tools{margin:4px 0}.cafe-choices>button{padding:7px!important;font-size:12px!important}.cafe-choices{gap:6px!important}.cafe-question{padding:3px 0 5px!important}.cafe-result small{font-size:12px!important}.cafe-result>strong,.cafe-prepare-note>strong{font-size:18px!important}}@container cafe-task (height<=230px){.cafe-phrase-block h2{font-size:18px!important}.cafe-reading{margin:1px 0!important;font-size:12px!important}.cafe-english{margin:3px 0!important;font-size:12px!important}.phrase-tools .cafe-hear{padding:3px 7px;font-size:12px}.cafe-choices>button{padding:5px!important;font-size:12px!important}.choice-letter{width:20px!important;min-width:20px!important;height:20px!important;font-size:12px!important}.cafe-result,.cafe-prepare-note{gap:3px!important;padding:8px!important}.cafe-result p,.cafe-prepare-note p{font-size:12px!important}.cafe-result small{font-size:12px!important}.result-stamp svg,.cafe-prepare-note>svg{width:23px;height:23px}}@media (width>=1000px){.unit-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.unit-row{gap:12px;padding:18px 16px}.unit-row h3{font-size:16px}.unit-row p{font-size:12px}.unit-status{min-width:65px;font-size:12px}.hero{min-height:295px}.hero-copy{padding-top:27px;padding-bottom:23px}.hero h1{margin:13px 0 10px;font-size:36px}.hero .primary{margin-top:17px}.brand{margin-bottom:28px}}@media (width<=1100px){.cafe-viewport .cafe-frame{grid-template-columns:minmax(0,1fr) 300px}.cafe-auto-label{font-size:12px}.cafe-mini-brand b{font-size:14px}.cafe-scoreboard{gap:13px}.cafe-viewport .cafe-order-card{padding:10px}.cafe-viewport .live-location{padding:7px 10px}.cafe-viewport .live-location>strong{font-size:22px}.top-actions{gap:14px}}@media (height<=730px) and (width>=761px){.cafe-viewport{gap:6px;padding:7px 10px}.cafe-compact-header{flex-basis:34px}.cafe-scoreboard{flex-basis:43px;padding:5px 13px}.cafe-viewport .cafe-order-side{grid-template-rows:23px minmax(0,1fr) 53px 31px 20px;gap:5px}.cafe-viewport .cafe-helpers .charm-art{width:28px}.cafe-viewport .cafe-order-card h2{font-size:22px}.cafe-viewport .cafe-dock>button{padding:5px;font-size:12px}.cafe-viewport .cafe-scene-wrap{grid-template-rows:minmax(0,1fr) 37px}.cafe-live-status{flex-basis:14px;font-size:12px}}@media (width<=760px){.cafe-viewport{gap:6px;padding:7px}.cafe-compact-header{flex:0 0 35px;gap:7px}.cafe-mini-brand b{font-size:12px}.cafe-mini-brand b>span{font-size:12px}.cafe-mini-brand>svg{width:16px}.cafe-auto-label{display:none}.cafe-toolbar{gap:3px;margin-left:auto}.cafe-toolbar>button{border-radius:9px;width:28px;height:28px}.cafe-toolbar svg{width:16px}.cafe-compact-header>.text-btn{min-height:30px;font-size:12px}.cafe-premium-button{gap:4px;padding:6px 8px;font-size:12px}.cafe-premium-button svg{width:14px}.cafe-scoreboard{border-radius:12px;flex:0 0 46px;gap:10px;padding:5px 8px}.score-coins{gap:4px;min-width:55px}.score-coins svg{width:17px}.score-coins strong{font-size:20px}.score-coins small{display:none}.score-hearts{gap:2px}.score-hearts svg{width:17px;height:17px}.score-xp{min-width:70px}.score-xp b{font-size:12px}.score-xp svg{width:13px}.score-xp small{font-size:12px}.score-xp>span{gap:3px}.xp-track{height:5px;margin-top:4px}.score-badges{gap:4px;padding:5px 7px}.score-badges svg{width:17px}.score-badges>span,.score-allowance{display:none}.cafe-viewport .cafe-frame{border-radius:13px;grid-template-rows:minmax(160px,34%) minmax(0,1fr);grid-template-columns:1fr;gap:6px;padding:6px;display:grid}.cafe-viewport .cafe-scene-wrap{grid-template-rows:minmax(0,1fr) 33px;gap:5px}.cafe-viewport .cafe-dock{gap:4px;padding:3px}.cafe-viewport .cafe-dock>button{flex-direction:row;gap:4px;padding:5px;font-size:12px}.cafe-viewport .cafe-dock svg{width:14px;height:14px}.cafe-viewport .cafe-order-side{grid-template-rows:22px minmax(0,1fr) 45px 29px 18px;grid-template-columns:1fr;gap:5px;display:grid}.cafe-task-top .cafe-ribbon{padding:3px 7px;font-size:12px}.cafe-task-top .badge{font-size:12px}.cafe-viewport .cafe-order-card{border-radius:13px;gap:4px;padding:8px 10px}.cafe-viewport .cafe-order-card h2{font-size:21px}.cafe-viewport .cafe-reading{font-size:12px}.cafe-viewport .cafe-english{font-size:13px}.phrase-tools{gap:11px;margin:3px 0}.phrase-tools .cafe-hear{padding:3px 8px;font-size:12px}.phrase-tools label{font-size:12px}.cafe-viewport .cafe-question{padding:2px 0 4px;font-size:12px}.cafe-viewport .cafe-choices{gap:5px;max-height:150px}.cafe-viewport .cafe-choices>button{border-radius:9px;gap:6px;padding:6px;font-size:12px}.cafe-viewport .choice-letter{width:20px;min-width:20px;height:20px;font-size:12px}.cafe-viewport .cafe-helpers button{border-radius:9px;grid-template-columns:27px 1fr;padding:4px 5px;font-size:12px}.cafe-viewport .cafe-helpers .charm-art{width:26px}.cafe-viewport .cafe-helpers b{min-width:13px;font-size:12px;top:2px;right:3px}.cafe-compact-progress{gap:8px;padding:3px 7px}.cafe-compact-progress span{font-size:12px}.cafe-compact-progress>button{font-size:12px}.cafe-practice-row{font-size:12px}.cafe-practice-row>span{font-size:12px}.cafe-live-status{flex-basis:13px;font-size:12px}.cafe-viewport .live-location{border-width:2px;border-radius:9px;max-width:34%;padding:5px 8px}.cafe-viewport .live-location>strong{margin:2px 0;font-size:16px}.cafe-viewport .live-location>small{font-size:12px}.cafe-viewport .live-location>span{font-size:12px}.cafe-viewport .world-utility button{padding:4px 6px;font-size:12px}.cafe-viewport .world-utility svg{width:11px}.cafe-viewport .world-station{border-width:1px;gap:3px;padding:4px 6px;font-size:12px;box-shadow:0 2px #a18757}.cafe-viewport .world-station svg{width:12px;height:12px}.cafe-viewport .world-action-caption{max-width:87%;padding:4px 7px;font-size:12px;bottom:2%}.cafe-viewport .world-stepper{display:none}.cafe-viewport .world-bubble{padding:4px 6px;font-size:12px}.cafe-viewport .world-bubble svg{width:10px}.cafe-viewport .world-actor{width:10%}.cafe-viewport .world-seated{width:11%}.cafe-viewport .world-table{width:20%;height:20%}.cafe-viewport .world-pet{width:8.5%}.cafe-viewport .matchi-host{width:8%}.cafe-start-card{border-radius:18px;width:270px;padding:13px 17px}.start-pets{display:none}.cafe-start-card .eyebrow{font-size:12px}.cafe-start-card h2{margin:5px 0 7px;font-size:24px}.cafe-start-card p{font-size:12px;line-height:1.4}.cafe-start-card>.primary{min-height:38px;margin:12px 0 8px;font-size:12px}.cafe-start-card small{font-size:12px}.task-rest{gap:7px;padding:10px}.task-rest h3{font-size:19px}.task-rest p{font-size:12px}.cafe-reward-popup{border-radius:13px;gap:7px;padding:8px 12px;top:8%}.cafe-reward-popup>span{width:28px;height:28px}.cafe-reward-popup svg{width:19px}.cafe-reward-popup strong{font-size:12px}.cafe-reward-popup small{font-size:12px}.cafe-badge-grid{grid-template-columns:1fr 1fr;gap:10px}.cafe-badge-grid article{padding:15px 8px}.badge-medal{width:53px;height:53px}.cafe-badge-grid h3{font-size:15px}.premium-comparison{grid-template-columns:1fr;gap:14px}.premium-plan{padding:20px}.premium-plan ul{margin:17px 0}.premium-plan h2{font-size:22px}.topbar{gap:9px;padding:0 14px}.top-actions{gap:7px}.topbar .top-premium{gap:4px;padding:6px 8px;font-size:12px}.top-premium svg{width:14px}.course-switch{gap:4px;padding:6px;font-size:12px}.mobile-brand{font-size:20px}.hero-premium{margin:12px 0 0;font-size:12px;display:flex}.premium-heading h1{font-size:29px}}@media (height<=700px) and (width<=760px){.cafe-viewport{gap:4px;padding:5px}.cafe-compact-header{flex-basis:31px}.cafe-scoreboard{flex-basis:40px}.cafe-viewport .cafe-frame{grid-template-rows:minmax(130px,29%) minmax(0,1fr)}.cafe-viewport .cafe-scene-wrap{grid-template-rows:minmax(0,1fr) 28px}.cafe-viewport .cafe-dock>button{font-size:12px}.cafe-viewport .cafe-order-side{grid-template-rows:20px minmax(0,1fr) 39px 24px 17px;gap:4px}.cafe-viewport .cafe-helpers .charm-art{width:22px}.cafe-viewport .cafe-helpers button{grid-template-columns:23px 1fr;font-size:12px}.cafe-compact-progress span{font-size:12px}.cafe-compact-progress>button{font-size:12px}.cafe-viewport .cafe-order-card{padding:6px 8px}.phrase-tools{margin:2px 0}.cafe-live-status{display:none}.cafe-start-card h2{font-size:20px}.cafe-start-card p{display:none}}.cafe-viewport .cafe-scene-wrap{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch}.cafe-world-slot,.cafe-viewport .cafe-dock{width:100%}.mini-game-active{z-index:80;background:var(--paper);flex-direction:column;padding:18px;display:flex;position:fixed;inset:0;overflow:hidden}.mini-game-active>.page-heading{display:none}.mini-game-active>.game-panel{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:20px;display:flex;overflow:hidden}.mini-game-active .section-title{flex-shrink:0}.mini-game-active .game-panel>h2{margin:4px 0;font-size:25px}.mini-game-active .pair-grid{flex:1;gap:18px;width:100%;max-width:920px;min-height:0;margin:12px auto}.mini-game-active .pair-grid>div{grid-template-rows:repeat(6,minmax(0,1fr));gap:9px;display:grid}.mini-game-active .pair{min-height:0;padding:10px;font-size:16px}.mini-game-active .game-feedback{flex:0 0 30px}.mini-game-active .cafe-scene{min-height:0;max-height:95px;margin:0}.mini-game-active .cafe-scene .pet{width:80px;height:85px}.mini-game-active .cafe-phrase-guide{margin:5px 0;padding:12px}.mini-game-active .cafe-phrase-guide small{font-size:12px}.mini-game-active .tile-answer{min-height:60px;margin:10px 0}.mini-game-active .tile-bank{margin:3px 0 10px}.mini-game-active .notice{padding:15px;line-height:1.5}.mini-game-active .notice>p{margin:7px 0}.dialog:has(.lesson-body) .lesson-check{background:var(--white);z-index:2;margin-top:14px;padding:12px 0 4px;position:sticky;bottom:0}.dialog:has(.lesson-body) .feedback{margin-top:12px}.dialog:has(.lesson-body) .question{margin:12px 0 15px}.dialog:has(.lesson-body) .question>h3{margin:8px 0 13px;font-size:25px}.dialog:has(.lesson-body) .target-phrase{font-size:29px}.dialog:has(.lesson-body) .lesson-body{padding-top:15px;padding-bottom:15px}.dialog:has(.lesson-body) .answers{gap:8px}.dialog:has(.lesson-body) .answer{min-height:49px;padding:10px 14px}.dialog-head{z-index:4;background:var(--white);position:sticky;top:0}@media (width<=760px){.mini-game-active{padding:10px}.mini-game-active>.game-panel{gap:5px;padding:14px}.mini-game-active .pair-grid{gap:10px;margin:10px 0}.mini-game-active .pair{padding:7px;font-size:13px}.mini-game-active .game-panel>h2{font-size:21px}.mini-game-active .game-panel>p{font-size:12px}.mini-game-active .cafe-phrase-guide{padding:9px}.mini-game-active .cafe-phrase-guide small{font-size:12px}.mini-game-active .tile{min-width:29px;padding:7px;font-size:14px}.mini-game-active .tile-bank{gap:5px}.mini-game-active .time-target{font-size:26px}.mini-game-active .notice{font-size:12px}}.cafe-viewport .cafe-order-card{background:linear-gradient(155deg,#fffdf7,#fff4e7);border:1px solid #dec9ae;border-radius:22px;box-shadow:0 3px #d3bd9e,0 6px 20px #79533310}.cafe-viewport .cafe-phrase-block{flex-direction:column;flex:1;justify-content:center;gap:8px;padding:10px 0;display:flex}.cafe-viewport .cafe-order-card h2{color:#55472f;margin:0;font-family:inherit;font-size:clamp(27px,3.8cqh,37px);font-weight:800;line-height:1.35}.cafe-viewport .cafe-reading{color:#90714b;margin:0;font-size:clamp(16px,2.5cqh,21px);font-style:normal;font-weight:700;line-height:1.5}.cafe-viewport .cafe-english{color:#667b49;margin:0;font-family:inherit;font-size:clamp(17px,2.8cqh,23px);font-weight:700;line-height:1.4}.cafe-reading>small,.cafe-english>small{letter-spacing:1.8px;color:#a5917b;margin-bottom:3px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.5;display:block}.cafe-viewport .phrase-tools{gap:12px;margin:4px 0}.cafe-viewport .phrase-tools label{color:#8d7d68;font-size:12px}.cafe-viewport .cafe-hear{background:#ebf2dd;border-color:#c7d6ad;padding:7px 13px;font-size:12px;box-shadow:0 2px #c5d2a9}.cafe-viewport .cafe-task-slot{flex:1.15;justify-content:center;gap:9px;padding-bottom:5px}.cafe-viewport .cafe-question{color:#8a7863;border:0;margin:0;padding:0;font-size:12px}.cafe-viewport .cafe-choices{gap:10px;min-height:0;max-height:240px;padding-bottom:4px}.cafe-viewport .cafe-choices>button{isolation:isolate;color:#627644;background:linear-gradient(150deg,#fbfff4,#e9f1da);border:1px solid #d1dcb8;border-bottom:4px solid #b5c49a;border-radius:18px;gap:9px;padding:12px 10px;font-size:14px;font-weight:700;line-height:1.4;transition:transform .16s,box-shadow .16s,background .16s;position:relative;overflow:hidden;box-shadow:0 3px 9px #78934c0b}.cafe-viewport .cafe-choices>button:nth-child(2){color:#9a5d7b;background:linear-gradient(150deg,#fff7fb,#f7e3ec);border-color:#edd0dc #edd0dc #d9acc0}.cafe-viewport .cafe-choices>button:nth-child(3){color:#967738;background:linear-gradient(150deg,#fffdf4,#fff0cc);border-color:#ebd9ae #ebd9ae #d8bf80}.cafe-viewport .cafe-choices>button:nth-child(4){color:#866497;background:linear-gradient(150deg,#faf7ff,#eee5f6);border-color:#dcd0e9 #dcd0e9 #c2acd6}.cafe-viewport .choice-letter{width:27px;min-width:27px;height:27px;color:inherit;background:#ffffffa8;border:1px solid #ffffffc9;border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;box-shadow:0 2px 4px #5a48210b}.cafe-viewport .cafe-choices>button:before{content:"";background:#ffffffb0;border-radius:50%;height:2px;position:absolute;top:5px;left:15%;right:15%}.cafe-viewport .cafe-choices>button:hover:not(:disabled){outline-offset:1px;background:#f5ffe6;outline:2px solid #bdd19a;transform:translateY(-3px)translate(0);box-shadow:0 5px 14px #71865024}.cafe-viewport .cafe-choices>button:active:not(:disabled){box-shadow:none;border-bottom-width:1px;transform:translateY(2px)}.cafe-viewport .cafe-dock{background:#f4eddf;border:1px solid #e2d4bd;border-radius:15px;gap:7px;padding:4px}.cafe-viewport .cafe-dock>button{box-shadow:none;color:#586841;background:linear-gradient(#fbfff3,#e9f0db);border:1px solid #d1dcbf;border-bottom:3px solid #bccaa5;border-radius:12px;flex-direction:row;font-family:inherit;font-size:12px;font-weight:800;transition:transform .15s,filter .15s}.cafe-viewport .cafe-dock>button:nth-child(2),.cafe-viewport .cafe-dock>button:nth-child(4){color:#85566c;background:linear-gradient(#fff6fa,#f5e1e9);border-color:#e8cad6 #e8cad6 #d3a9bb}.cafe-viewport .cafe-dock>button:nth-child(3){color:#735a84;background:linear-gradient(#faf6ff,#ece4f5);border-color:#dcd0e8 #dcd0e8 #c0add0}.cafe-viewport .cafe-dock>button:nth-child(5){color:#766132;background:linear-gradient(#fffbed,#faebc5);border-color:#e6d29f #e6d29f #cfb777}.cafe-viewport .cafe-dock>button:hover{filter:brightness(1.03);transform:translateY(-2px)}.cafe-viewport .cafe-dock>button:active{transform:translateY(1px)}.cafe-viewport .cafe-helpers button{box-shadow:none;color:#926779;background:linear-gradient(145deg,#fffdfa,#f8e7ed);border:1px solid #e4c9d4;border-bottom:3px solid #d6b6c4;border-radius:14px;grid-template-columns:35px 1fr;gap:3px;padding:5px;font-size:12px;font-weight:800}.cafe-viewport .cafe-helpers button:first-child{color:#9c834c;background:linear-gradient(145deg,#fffdf6,#f6eccd);border-color:#e6d7ac #e6d7ac #d4c18b}.cafe-viewport .cafe-helpers button:last-child{color:#7d8e5c;background:linear-gradient(145deg,#fbfff5,#edf2dd);border-color:#d6dfbc #d6dfbc #bcca9e}.cafe-viewport .cafe-helpers button:disabled{opacity:.7;filter:saturate(.75)}.cafe-viewport .cafe-helpers b{color:#9d8358;background:#fffcf3;border:1px solid #e2d3bd;border-radius:50%;box-shadow:0 1px 2px #715c1820}.coin-gem{perspective:100px;width:31px;height:31px;animation:.8s cubic-bezier(.2,.8,.3,1) coin-receive;display:block;position:relative}.coin-gem>svg{filter:drop-shadow(0 2px 1px #bc913d55);width:100%;height:100%;animation:7s ease-in-out infinite coin-glint}.coin-gem:after{content:"✦";color:#edbe4d;font-size:12px;animation:3s ease-in-out infinite tiny-twinkle;position:absolute;top:-3px;right:-4px}.score-coins strong{color:#ad8335;font-family:inherit;font-size:24px;font-weight:900}.heart-gem-wrap{width:27px;height:29px;animation:.7s cubic-bezier(.2,.8,.3,1) heart-return;display:block}.heart-gem{width:100%;height:100%;overflow:visible}.heart-gem.filled{filter:drop-shadow(0 2px 2px #d687a446);animation:heart-lilt 3.6s ease-in-out var(--heart-delay) infinite}.score-hearts{gap:4px}.score-xp{padding:2px 0}.score-xp>span{color:#8b4d94}.score-xp b{font-weight:900}.xp-spark{filter:drop-shadow(0 0 5px #d99fe0);place-items:center;animation:.8s ease-out xp-flare;display:grid}.xp-spark>svg{animation:3s ease-in-out infinite xp-idle}.xp-track{background:#eadff0;height:9px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #9b6f9520}.xp-track>i{background:linear-gradient(90deg,#a3cf83,#d2a1df,#e98eba);position:relative;overflow:hidden;box-shadow:0 0 12px #d88dc2}.xp-track>i:after{content:"";background:linear-gradient(105deg,#0000 20%,#fffafbc4 48%,#0000 75%);animation:3.5s ease-in-out infinite xp-current;position:absolute;inset:-2px;transform:translate(-110%)}.xp-surging .xp-track>i:after{animation:.6s ease-in-out 3 xp-current}.xp-surging .xp-spark{animation:.8s ease-out xp-flare}.score-badges{background:linear-gradient(#fff8dd,#f7e7b8);border-bottom:3px solid #dcc489}@keyframes xp-current{0%,35%{transform:translate(-110%)}75%,to{transform:translate(110%)}}@keyframes xp-flare{0%{rotate:-18deg;scale:.7}40%{filter:drop-shadow(0 0 10px #cf79d4);rotate:12deg;scale:1.45}to{rotate:none;scale:1}}@keyframes xp-idle{0%,to{filter:brightness()}50%{filter:brightness(1.4);scale:1.12}}@keyframes heart-lilt{0%,76%,to{transform:scale(1)rotate(0)}82%{transform:scale(1.13)rotate(-5deg)}89%{transform:scale(1.04)rotate(4deg)}}@keyframes heart-return{0%{translate:0 5px;scale:.6}55%{translate:0 -2px;scale:1.25}to{translate:0;scale:1}}@keyframes coin-receive{0%{transform:rotateY(0)scale(.7)}60%{transform:rotateY(360deg)scale(1.25)}to{transform:rotateY(360deg)scale(1)}}@keyframes coin-glint{0%,75%,to{transform:rotateY(0)}85%{transform:rotateY(35deg)}92%{transform:rotateY(-20deg)}}@keyframes tiny-twinkle{0%,60%,to{opacity:.25;scale:.7}75%{opacity:1;scale:1.3}}@media (width>=761px){.cafe-viewport .cafe-frame{grid-template-columns:minmax(0,1fr) 350px}}@container cafe-task (height<=420px){.cafe-viewport .cafe-phrase-block{gap:5px;padding:3px 0}.cafe-viewport .cafe-order-card h2{font-size:26px}.cafe-viewport .cafe-reading{font-size:15px}.cafe-viewport .cafe-english{font-size:17px}.cafe-viewport .cafe-choices>button{border-radius:14px;padding:9px 8px;font-size:12px}.cafe-viewport .cafe-choices{gap:8px}.cafe-reading>small,.cafe-english>small{margin-bottom:1px;font-size:12px}}@media (width<=760px){.coin-gem{width:23px;height:23px}.heart-gem-wrap{width:20px;height:22px}.score-hearts{gap:1px}.score-coins strong{font-size:20px}.cafe-viewport .cafe-dock>button{border-radius:9px;font-size:12px}.cafe-viewport .cafe-helpers button{border-radius:10px;grid-template-columns:27px 1fr;font-size:12px}.cafe-viewport .cafe-order-card{border-radius:15px}.cafe-viewport .cafe-phrase-block{gap:2px;padding:2px 0}.cafe-viewport .cafe-task-slot{gap:3px;padding:0}.cafe-viewport .cafe-choices{gap:6px}.cafe-viewport .cafe-choices>button{border-radius:12px;padding:6px;font-size:12px}.cafe-reading>small,.cafe-english>small{display:none}.cafe-viewport .cafe-question{font-size:12px}.cafe-viewport .cafe-reading{margin:0}.cafe-viewport .phrase-tools{margin:2px 0}.cafe-viewport .cafe-hear{padding:3px 8px;font-size:12px}.cafe-viewport .phrase-tools label{font-size:12px}}.cafe-order-card[data-answer=correct]{border-color:#b7d38e;animation:.65s ease-out answer-card-bloom;box-shadow:0 3px #b1c68e,0 0 24px #c4e9a73d}.answer-delight{color:#d894b1;justify-content:center;align-items:center;gap:16px;animation:.55s cubic-bezier(.2,.8,.2,1.2) both answer-bloom;display:flex;position:relative}.answer-delight>span{color:#fffdf3;background:linear-gradient(135deg,#c6eaa5,#a9ce85);border:2px solid #f8ffe9;border-radius:24px;place-items:center;width:69px;height:69px;display:grid;rotate:-7deg;box-shadow:0 5px #92b770,0 0 26px #bedc9d77}.answer-delight>svg:first-child{animation:.8s ease-out both delight-spark}.answer-delight>svg:last-child{animation:.8s ease-out both delight-heart}.cafe-viewport .cafe-prepare-note>.sweet-answer{color:#75954d;text-shadow:0 2px #f6ffe9;margin-top:7px;font-family:inherit;font-size:25px;font-weight:900;line-height:1.2;animation:.5s 60ms both answer-bloom}.answer-encouragement{color:#ad8199;font-size:12px;font-weight:700}.cafe-viewport .cafe-prepare-note>p{color:#9c8970;max-width:250px;margin-top:4px;font-size:12px}.score-badges{color:#805294;background:linear-gradient(135deg,#fff0fa,#eaddf8);border:1px solid #dcc2e7;border-bottom:3px solid #c3a2d3;border-radius:14px;padding:3px 10px 3px 5px;box-shadow:0 0 15px #d9b3ec1a}.score-badges .cute-badge{width:32px;height:35px}.score-badges b{font-size:17px;font-weight:900}.score-badges span{font-weight:800}.cute-badge{filter:drop-shadow(0 3px 2px #79556e18);width:100%;height:100%;overflow:visible}.cafe-badge-grid{gap:16px}.cafe-badge-grid article{filter:none;opacity:1;background:radial-gradient(at top,#fffdf9,#faeaf3);border:1px solid #edcfdf;border-bottom:4px solid #e0b9cf;border-radius:23px;padding:22px 12px 17px;position:relative;overflow:hidden}.cafe-badge-grid article:nth-child(2n){background:radial-gradient(at top,#fffef9,#edf4df);border-color:#d8e3bd #d8e3bd #c2d19d}.cafe-badge-grid article:nth-child(3n){background:radial-gradient(at top,#fffdfc,#efe7f9);border-color:#ddd0ee #ddd0ee #c5b0dd}.cafe-badge-grid .badge-medal{width:88px;height:97px;box-shadow:none;background:0 0;border-radius:0;transition:transform .2s}.badge-earned:hover .badge-medal{transform:rotate(-5deg)scale(1.08)}.badge-earned .badge-medal{animation:4s ease-in-out infinite badge-keepsake}.cafe-badge-grid .badge-locked{background:#f4f1e9!important;border-color:#e3dbcd #e3dbcd #d8cebc!important}.badge-locked .badge-medal{opacity:.72}.cafe-badge-grid h3{color:#9e7197;margin:12px 0 6px;font-family:inherit;font-size:17px}.cafe-badge-grid article:nth-child(2n) h3{color:#809958}.cafe-badge-grid article:nth-child(3n) h3{color:#9b7cb6}.cafe-badge-grid p{color:#9e8b7e;font-size:12px;line-height:1.5}.cafe-badge-grid small{color:#ac7c9e;background:#fffcf4;border:1px solid #ecd5e3;border-radius:20px;margin-top:13px;padding:5px 10px;font-size:12px;font-weight:800}.cafe-badge-grid .badge-locked small{color:#a49986;border-color:#e4dccf}.badge-level-summary{color:#a274ae;background:linear-gradient(135deg,#fff1f7,#f2eafb);border:1px solid #e4cce9;border-radius:20px;gap:8px;padding:15px}.badge-level-summary>.cute-badge{width:43px;height:47px}.badge-level-summary p{color:#a48caa;margin:0;font-size:12px}.badge-level-summary strong{font-size:19px}@keyframes answer-bloom{0%{opacity:1;translate:0 6px;scale:.8}65%{opacity:1;translate:0 -2px;scale:1.08}to{opacity:1;translate:0;scale:1}}@keyframes answer-card-bloom{0%,to{filter:brightness()}45%{filter:brightness(1.06)}}@keyframes delight-spark{0%{opacity:0;transform:translate(18px,8px)scale(.2)}60%{opacity:1;transform:translate(-4px,-6px)scale(1.3)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes delight-heart{0%{opacity:0;transform:translate(-18px,8px)scale(.2)}60%{opacity:1;transform:translate(4px,-6px)rotate(12deg)scale(1.3)}to{opacity:1;transform:translate(0)rotate(9deg)scale(1)}}@keyframes badge-keepsake{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-4deg)}95%{transform:rotate(4deg)}}@container cafe-task (height<=360px){.answer-delight>span{border-radius:17px;width:47px;height:47px}.answer-delight>span>svg{width:27px}.cafe-viewport .cafe-prepare-note>.sweet-answer{font-size:20px}.answer-encouragement{font-size:12px}.cafe-viewport .cafe-prepare-note{gap:5px}}@media (width<=760px){.score-badges .cute-badge{width:25px;height:29px}.score-badges{gap:2px;padding:1px 5px}.score-badges b{font-size:13px}.cafe-badge-grid .badge-medal{width:72px;height:79px}.cafe-badge-grid article{padding:17px 8px 13px}.badge-level-summary strong,.cafe-badge-grid h3{font-size:15px}}.cafe-order-card[data-answer=incorrect]{background:linear-gradient(145deg,#fffaf7,#fff0f1);border-color:#e7adbd;animation:.32s ease-out gentle-oops}.cafe-result.bad{color:#a4697e}.cafe-result.bad .result-stamp{color:#ca819d}@keyframes gentle-oops{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cafe-viewport .cafe-prepare-note{background:radial-gradient(circle at 15% 25%,#f3c6dc 0 2px,#0000 3px),radial-gradient(circle at 83% 30%,#d7b6ec 0 3px,#0000 4px),radial-gradient(circle at 78% 75%,#c1dca1 0 2px,#0000 3px),linear-gradient(145deg,#fff8fc,#f1f7df);border:1px solid #dfd7c5;border-bottom:3px solid #c9d4ac;border-radius:20px}.cafe-viewport .cafe-result.good{background:linear-gradient(140deg,#f5ffe8,#f9ecf4);border:1px solid #d3e0b5;border-radius:20px}.cafe-viewport .cafe-result>strong{color:#7d9656;font-family:inherit;font-weight:900}.cafe-viewport .cafe-result.good .result-stamp{color:#fff;background:#bcda99;border-radius:16px;padding:7px;box-shadow:0 3px #a0be7e}@media (width>=761px){.dialog:has(.cafe-badge-grid) .about-panel{padding:18px 23px}.badge-level-summary{margin-bottom:15px;padding:10px}.badge-level-summary>.cute-badge{width:35px;height:38px}.badge-level-summary p{font-size:12px}.cafe-badge-grid{gap:12px}.cafe-badge-grid article{border-radius:18px;padding:12px 10px 11px}.cafe-badge-grid .badge-medal{width:62px;height:68px}.cafe-badge-grid h3{margin:7px 0 4px;font-size:14px}.cafe-badge-grid p{margin:0;font-size:12px}.cafe-badge-grid small{margin-top:8px;padding:4px 8px;font-size:12px}}.cozy-pantry{padding:20px 24px!important}.pantry-welcome{background:linear-gradient(120deg,#f5e7f3,#f9f0df);border:1px solid #e7d1df;border-radius:20px;align-items:center;gap:12px;padding:10px 15px;display:flex}.pantry-mini-pet .charm-art{width:48px}.pantry-welcome .eyebrow{letter-spacing:1.5px;color:#805879;font-size:12px}.pantry-welcome h3{color:#9d7098;font-family:inherit;font-size:19px;font-weight:800;line-height:1.2;margin:5px 0!important}.pantry-welcome p{color:#766057;margin:0!important;font-size:12px!important;line-height:1.4!important}.pantry-hearts{white-space:nowrap;color:#ae3a68;align-items:center;gap:5px;margin-left:auto;font-size:13px;font-weight:900;display:flex}.pantry-tabs{background:#f3eee4;border-radius:13px;gap:6px;margin:14px 0;padding:4px;display:flex}.pantry-tabs>button{color:#70624e;border-radius:10px;flex:1;padding:9px;font-size:12px;font-weight:800}.pantry-tabs>button[aria-selected=true]{color:#88537a;background:#fff8fc;box-shadow:0 2px #dcbfd4}.pantry-tabs>button:focus-visible{outline:2px solid #bc97ca}.pantry-shelf{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.pantry-item{text-align:center;background:linear-gradient(140deg,#fffef8,#faf0d5);border:1px solid #e5d7b0;border-bottom:4px solid #d4bf8c;border-radius:21px;padding:13px 12px 11px;position:relative;overflow:hidden}.pantry-item.item-chance{background:linear-gradient(140deg,#fff9fc,#fae6ef);border-color:#ebcddc #ebcddc #d8aac0}.pantry-item.item-refill{background:linear-gradient(140deg,#fcfff7,#edf4dd);border-color:#d9e3be #d9e3be #bdce9d}.pantry-owned{color:#766244;background:#ffffffb0;border:1px solid #e8d9c9;border-radius:12px;padding:3px 7px;font-size:12px;font-weight:800;position:absolute;top:8px;right:8px}.pantry-art{place-items:center;width:105px;height:112px;margin:7px auto 0;display:grid;position:relative}.pantry-art .charm-art{width:91px;animation:4s ease-in-out infinite pantry-float}.pantry-art i{color:#d4b56f;font-size:15px;font-style:normal;animation:3s ease-in-out infinite tiny-twinkle;position:absolute;top:30%;left:-1px}.pantry-art i:last-child{color:#dc9cba;animation-delay:1s;top:60%;left:auto;right:0}.pantry-item h3{color:#786239;font-weight:800;margin:3px 0 7px!important;font-family:inherit!important;font-size:16px!important}.pantry-item.item-chance h3{color:#944e71}.pantry-item.item-refill h3{color:#5c693f}.pantry-item p{color:#74614e;min-height:30px;margin:0 0 12px!important;font-size:12px!important;line-height:1.5!important}.charm-use{color:#83965f;background:linear-gradient(#f8fff0,#e5efcf);border:1px solid #c6d6ac;border-bottom:3px solid #adbf8e;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex}.charm-use:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #a2b1742b}.charm-use:not(:disabled):active{transform:translateY(1px)}.charm-use:disabled{opacity:.6}.item-chance .charm-use{color:#b47998;background:linear-gradient(#fff5fa,#f6dce9);border-color:#e6c2d3 #e6c2d3 #d4a4bb}.pantry-item>small{color:#76604e;margin-top:8px;font-size:12px;line-height:1.4;display:block}.cozy-pantry .pantry-feedback{color:#795b81;background:#f6f0fa;border:1px solid #e7d7ed;border-radius:12px;padding:9px 12px;line-height:1.5;margin:12px 0 0!important;font-size:12px!important}.pantry-footer{color:#76614d;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:12px;display:flex}.pantry-footer>span,.pantry-footer>button{align-items:center;gap:5px;display:flex}.pantry-footer>button{color:#855489;background:#fcf4ff;border:1px solid #e4d1e6;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800}.pantry-preview-label{color:#af9982;margin:2px 0 12px!important;font-size:12px!important}.pantry-pack-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pantry-pack{background:linear-gradient(140deg,#fffbf3,#f7eddb);border:1px solid #e8d9bc;border-bottom:3px solid #d9c49e;border-radius:18px;grid-template-columns:67px 1fr;align-items:center;gap:4px 9px;padding:10px;display:grid}.pantry-pack.item-chance,.pantry-pack.item-basket{background:linear-gradient(140deg,#fff8fc,#f5e6f5);border-color:#ead2e4 #ead2e4 #d6b6d1}.pantry-pack .charm-art{grid-row:span 2;width:62px}.pantry-pack h3{color:#a48776;margin:0 0 5px!important;font-family:inherit!important;font-size:13px!important}.pantry-pack p{color:#b09a8a;margin:0 0 4px!important;font-size:12px!important;line-height:1.4!important}.pantry-pack strong{color:#ab86ad;font-size:17px}.pantry-pack button{justify-self:start;padding:5px 10px;font-size:12px}.pantry-kindness{background:linear-gradient(120deg,#f9f5df,#edf4de);border:1px solid #d9dfb9;border-radius:20px;align-items:center;gap:15px;padding:18px;display:flex}.pantry-kindness>.charm-art{width:70px}.pantry-kindness h3,.pantry-trailer h3{color:#8da264;margin:7px 0!important;font-family:inherit!important;font-size:18px!important}.pantry-kindness p,.pantry-trailer p{margin:0!important;font-size:12px!important;line-height:1.5!important}.pantry-kindness .eyebrow{font-size:12px}.cozy-pantry .charm-stamps{gap:7px;margin-top:11px}.cozy-pantry .charm-stamps span{color:#c7accb;background:#fff9fc;border-color:#d5c1d8}.cozy-pantry .charm-stamps .stamped{color:#fff;background:linear-gradient(135deg,#e2c4df,#c3d79e);border-color:#bdc7a0}.pantry-trailer{background:#fff3f7;border:1px solid #f0d5e2;border-radius:19px;align-items:center;gap:12px;margin-top:12px;padding:15px;display:flex}.pantry-trailer>svg{color:#d994b2;flex-shrink:0}.pantry-trailer>div{flex:1}.pantry-trailer h3{color:#bd8ba4;margin:0 0 6px!important;font-size:15px!important}.pantry-trailer small{color:#b99ba8;margin-top:6px;font-size:12px;display:block}.pantry-free-note{color:#af9b87;margin:11px 0 0!important;font-size:12px!important;line-height:1.5!important}.charm-just-used .pantry-art{animation:.7s ease-out answer-bloom}@keyframes pantry-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}@media (width<=760px){.cozy-pantry{padding:14px!important}.pantry-welcome{gap:7px;padding:10px}.pantry-welcome h3{font-size:15px!important}.pantry-welcome p{font-size:12px!important}.pantry-mini-pet .charm-art{width:36px}.pantry-hearts{font-size:12px}.pantry-shelf{gap:6px}.pantry-item{border-radius:14px;padding:15px 5px 9px}.pantry-art{width:70px;height:85px;margin-top:12px}.pantry-art .charm-art{width:67px}.pantry-art i{font-size:12px}.pantry-owned{padding:2px 4px;font-size:12px;top:6px;right:5px}.pantry-item h3{font-size:12px!important}.pantry-item p{min-height:48px;font-size:12px!important}.pantry-item>small{font-size:12px}.charm-use{gap:3px;padding:7px 5px;font-size:12px}.charm-use svg{width:11px}.pantry-footer{align-items:flex-start;gap:7px}.pantry-footer>span{max-width:45%;font-size:12px}.pantry-footer>button{padding:7px;font-size:12px}.pantry-pack-grid{gap:7px}.pantry-pack{text-align:center;grid-template-columns:1fr;padding:9px}.pantry-pack .charm-art{grid-row:auto;width:65px;margin:auto}.pantry-pack h3{font-size:12px!important}.pantry-pack button{justify-self:center}.pantry-kindness{gap:9px;padding:12px}.pantry-kindness>.charm-art{width:45px}.pantry-kindness h3{font-size:15px!important}.cozy-pantry .charm-stamps{gap:4px}.cozy-pantry .charm-stamps span{width:23px;height:23px}.pantry-trailer{flex-wrap:wrap;padding:12px}.pantry-trailer>div{min-width:180px}}@media (width>=1000px){.course-library .page-heading{max-width:none;margin:0 0 10px}.course-library .page-heading h1{margin:6px 0 8px;font-size:26px;line-height:1.2}.course-library .page-heading p{font-size:12px;line-height:1.5}.course-library .compact-study-plan{margin:8px 0 10px}.course-library .compact-study-plan>summary{padding:8px 12px;font-size:12px}.course-library .level-map>button{border-radius:11px;gap:8px;padding:8px 10px}.course-library .level-map b{width:29px;height:29px;font-size:12px}.course-library .level-map span{font-size:12px}.course-library>.caption{margin:7px 0;font-size:12px;line-height:1.5}.course-library>.search-box{min-height:35px;margin:10px 0;padding:7px 12px}.course-library .unit-list{gap:8px}.course-library .unit-row{gap:10px;min-height:74px;padding:11px 12px}.course-library .unit-row h3{margin:3px 0 4px;font-size:14px}.course-library .unit-row p{font-size:12px;line-height:1.35}.course-library .unit-row .eyebrow{font-size:12px}.course-library .unit-number{border-radius:11px;width:35px;min-width:35px;height:38px;font-size:14px}.course-library .unit-status{min-width:54px;font-size:12px}.course-library .unit-row>svg{flex-shrink:0;width:16px}}.say-it{color:#92704e;text-align:inherit;margin:6px 0;line-height:1.45}.say-it p{color:#8b6955!important;margin:0!important;font-size:14px!important;line-height:1.45!important}.say-it p>small{letter-spacing:1.3px;opacity:.8;margin-bottom:2px;font-size:12px;font-weight:800;display:block}.say-it p>span{overflow-wrap:anywhere;font-weight:700}.say-system{color:#74624e;overflow-wrap:anywhere;margin-top:3px;font-size:12px;display:block}.say-compact p{font-size:12px!important}.say-compact .say-system{font-size:12px}.word-card .say-it{margin-top:7px}.little-word-shelf{background:#f7f9ef;border:1px solid #e0e7d0;border-radius:13px;margin:12px 0;padding:12px}.little-word-shelf>summary{cursor:pointer;color:#5c6945;font-size:12px;font-weight:800}.little-word-shelf .word-grid{margin-top:12px}.lesson-reward-strip{color:#80558a;background:linear-gradient(115deg,#f1f8e5,#faeaf4,#f0e8fb);border:1px solid #e4d5e6;border-radius:12px;align-items:center;gap:15px;margin:10px 0;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.lesson-reward-strip>span,.lesson-reward-strip>label{align-items:center;gap:5px;display:flex}.lesson-reward-strip>span:nth-child(2){color:#c9996b}.lesson-reward-strip>label{color:#706255;margin-left:auto;font-size:12px}.lesson-surge>span{background:linear-gradient(90deg,#b6d394,#dda8d7,#bfa9df);position:relative;overflow:hidden;box-shadow:0 0 12px #dda4d4}.lesson-surge>span:after{content:"";background:linear-gradient(100deg,#0000,#ffffffb0,#0000);animation:3s infinite xp-current;position:absolute;inset:0}.instant-xp{color:#8b4d96;white-space:nowrap;background:linear-gradient(120deg,#f3e4ff,#ffe9f2);border:1px solid #d8bfeb;border-radius:20px;align-items:center;gap:4px;margin-left:9px;padding:5px 9px;font-size:12px;font-weight:900;animation:.5s ease-out answer-bloom;display:inline-flex;box-shadow:0 0 16px #deb4e22a}.feedback.success{background:radial-gradient(circle at 95% 10%,#f2d3e6 0 3px,#0000 4px),linear-gradient(135deg,#f1f9e2,#fff1f8);border:1px solid #cbdcad;border-bottom:3px solid #adca8a;border-radius:18px;animation:.5s answer-card-bloom}.feedback.success>div>svg{color:#fff;background:#afcc8b;border-radius:12px;width:32px;height:32px;padding:4px;box-shadow:0 3px #96b370}.feedback.try-again{background:#fff1f4;border:1px solid #e7bfca;border-bottom:3px solid #d5a2b2;border-radius:18px}.feedback.try-again>div>svg{color:#cc8da6}.answer.wrong-answer{color:#b86b89!important;background:#fff0f5!important;border-color:#d99bb0!important}.answer.wrong-answer>svg{color:#bf738e}.answer.correct-answer>svg{color:#85a25d}.answer-selected-dot{background:#a6b984;border-radius:50%;width:9px;height:9px;margin-left:auto}.answers .answer{grid-template-columns:24px 1fr 20px;gap:4px 8px;display:grid}.answers .answer .say-it{grid-column:2;margin:0}.answers .answer>svg{grid-area:1/3}.answers .answer .say-it p{font-size:12px!important}.answers .answer .say-system{font-size:12px}.lesson-win-totals{flex-wrap:wrap;justify-content:center;gap:10px;margin:17px 0;display:flex}.lesson-win-totals>span{color:#ae80b4;background:#f5e9fa;border:1px solid #ddc8e9;border-radius:16px;align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:800;display:flex}.lesson-win-totals>span:nth-child(2){color:#b39a58;background:#fff4d7;border-color:#ead69f}.lesson-win-totals svg{width:19px}.finish .finish-pets{animation:.7s heart-return}.game-win>.finish-pets{justify-content:center;gap:5px;display:flex}.game-feedback{justify-content:center;align-items:center;gap:7px;display:flex}.game-correct{background:linear-gradient(130deg,#edf8dd,#ffedf5);border:1px solid #c2dba3;animation:.4s answer-bloom}.play-topic{color:#5f684e;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}.play-topic select{color:#7b895e;background:#fffdf7;border:1px solid #dce3cf;border-radius:10px;flex:1;max-width:350px;padding:9px}.mini-game-active .pair-grid{gap:13px;margin:5px 0 9px}.mini-game-active .pair{color:#647b44;background:#fffaf0;border:1px solid #d5dfbd;border-bottom:3px solid #c0ce9f;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:7px 10px;display:flex;position:relative;overflow:hidden}.mini-game-active .pair strong{font-size:16px;font-weight:700}.mini-game-active .pair .say-it{text-align:center;margin:0}.mini-game-active .pair .say-it p{color:#927852!important;font-size:12px!important}.mini-game-active .pair .say-it p>small{display:none}.mini-game-active .pair .say-system{margin:1px 0;font-size:12px}.mini-game-active .pair>svg{position:absolute;top:6px;right:7px}.mini-game-active .pair.selected{color:#9974a9;background:#f3ebff;border-color:#c6afd7}.mini-game-active .pair:disabled.pair-good{opacity:1;color:#77974f;background:#eaf4da;border-color:#b0cc8f}.mini-game-active .pair.pair-wrong{color:#b56f88;background:#ffeaf1;border-color:#dfa7ba}.mini-game-active .lesson-reward-strip{flex-shrink:0;margin:0}.mini-game-active .game-panel>h2{font-size:23px}.mini-game-active .time-target{margin:10px 0;font-size:28px}.mini-game-active .game-panel>.say-it{text-align:center;margin:3px 0}.mini-game-active .time-options{margin:10px 0}.mini-game-active .game-panel>p{font-size:12px}.mini-game-active .notice .say-it{margin:4px 0}.cafe-viewport .cafe-frame,.cafe-viewport .cafe-order-side,.cafe-viewport .cafe-order-card{min-width:0;max-width:100%}.cafe-viewport .cafe-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-viewport .cafe-choices>button{overflow-wrap:anywhere;min-width:0}.cafe-viewport .phrase-tools{flex-wrap:wrap;gap:7px}.cafe-viewport .phrase-tools label{font-size:12px}.cafe-viewport .cafe-phrase-block>.say-it{text-align:center;margin:0}.cafe-viewport .cafe-phrase-block>.say-it p{font-size:clamp(13px,2.3cqh,18px)!important;line-height:1.4!important}.cafe-viewport .say-system{font-size:12px}.cafe-viewport .cafe-phrase-block{gap:6px}.cafe-viewport .cafe-prepare-note,.cafe-viewport .cafe-result{overflow-wrap:anywhere;min-width:0;max-width:100%}.cafe-viewport .world-utility{z-index:1250;top:3%;left:auto;right:2%}.cafe-viewport .live-location{max-width:36%}.cafe-viewport .world-utility>button{opacity:1}.cafe-viewport .world-utility>button:disabled{opacity:.65}.cafe-viewport .serve-steps{flex-wrap:wrap;gap:5px}.cafe-viewport .cafe-result small{max-height:95px;overflow-y:auto}.badge-pages{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0;display:flex}.badge-pages>span{color:#a48fa8;font-size:12px}.badge-pages button{min-height:30px;padding:6px 12px;font-size:12px}.unlock-preview{text-align:center}.unlock-art{color:#d8a0c4;justify-content:center;align-items:center;display:flex}.unlock-preview h3{color:#a980ad}.unlock-preview>.primary{margin:17px auto 10px;display:flex}.unlock-preview>.text-btn{margin:auto}.decor-panel .note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.decor-choice{text-align:center;background:linear-gradient(#fffafc,#f6edf6);border:1px solid #e4d3e5;border-radius:18px!important;padding:15px!important}.decor-choice h3{margin:8px 0!important;font-size:13px!important}.decor-choice p{margin:7px 0!important;font-size:12px!important}.decor-choice .secondary{min-height:31px;padding:6px 9px;font-size:12px}.decor-art{color:#af7196;background:linear-gradient(140deg,#f8d5e5,#f2b9d4);border:2px solid #fff5fb;border-radius:20px;place-items:center;width:64px;height:64px;margin:auto;display:grid;position:relative;box-shadow:0 4px #cf9db6}.decor-art>i{border:1px dashed #fff3f9;border-radius:13px;position:absolute;inset:7px}.decor-art>b{color:#fff7db;font-size:16px;position:absolute;top:0;right:0}.decor-tone-1{color:#ac8d48;background:linear-gradient(140deg,#ecdfb3,#edd08b);box-shadow:0 4px #c9ae74}.decor-tone-2{color:#9670b5;background:linear-gradient(140deg,#ded0ee,#c4a6e0);box-shadow:0 4px #ae91c5}.decor-tone-3{color:#8ba565;background:linear-gradient(140deg,#d9e8c1,#bbd59c);box-shadow:0 4px #a1bb80}.decor-tone-4{color:#76a4ac;background:linear-gradient(140deg,#cfe5e6,#a9d1d6);box-shadow:0 4px #8cb7bf}.world-keepsakes{z-index:1100;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:3px;width:18%;display:grid;position:absolute;top:18%;left:78%}.wall-keepsake .decor-art{aspect-ratio:1;border-width:1px;border-radius:7px;width:100%;height:auto;box-shadow:0 2px #8d5e4920}.wall-keepsake svg{width:63%;height:63%}.wall-keepsake .decor-art>i{border-radius:4px;inset:3px}.wall-keepsake .decor-art>b{font-size:12px}.world-blossom-garland{filter:drop-shadow(0 2px 3px #9c5d6740);justify-content:space-between;gap:5%;width:53%;top:15%;left:13%}.world-blossom-garland>span{text-align:center;color:#d48fa7;background:#ffe8ef;border:1px solid #d69aaf;border-radius:45% 45% 30% 30%;width:23px;font-size:22px;box-shadow:0 4px 8px #f3bdd450}.script-first-link{color:#835588;background:#faf0ff;border:1px solid #e4d0e9;border-radius:11px;align-items:center;gap:7px;margin:8px 0;padding:8px 11px;font-size:12px;font-weight:800;display:flex}.book-language-note{font-size:12px;line-height:1.7}.bundle-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.topbar .stat-top.xp{color:#ac80b6}.topbar .stat-top.xp svg{animation:3s ease-in-out infinite xp-idle}@media (width>=761px) and (height<=800px){.dialog:has(.lesson-body) .lesson-body{padding:13px 22px}.dialog:has(.lesson-body) .question{margin:10px 0}.dialog:has(.lesson-body) .question>h3{margin:5px 0 8px;font-size:21px}.dialog:has(.lesson-body) .target-phrase{font-size:25px}.dialog:has(.lesson-body) .audio-actions{margin:5px 0}.dialog:has(.lesson-body) .answer{min-height:43px;padding:9px 12px;font-size:12px}.dialog:has(.lesson-body) .feedback{margin-top:10px;padding:12px}.dialog:has(.lesson-body) .feedback p{margin:4px 0;font-size:12px}.dialog:has(.lesson-body) .feedback .primary{min-height:34px;padding:8px 12px}.dialog:has(.lesson-body) .lesson-reward-strip{margin:7px 0;padding:6px 9px}}@media (width<=760px){.say-it p{font-size:12px!important}.say-system{font-size:12px}.lesson-reward-strip{flex-wrap:wrap;gap:7px;padding:7px 8px;font-size:12px}.lesson-reward-strip>label{font-size:12px}.mini-game-active .pair strong{font-size:13px}.mini-game-active .pair .say-it p{font-size:12px!important}.mini-game-active .pair .say-system{display:none}.mini-game-active .pair-grid{gap:8px;margin:3px 0}.mini-game-active .pair{padding:5px}.mini-game-active .game-panel>h2{font-size:19px}.mini-game-active .time-target{font-size:23px}.mini-game-active .game-panel>.say-it p{font-size:12px!important}.lesson-win-totals>span{padding:9px 12px;font-size:12px}.cafe-viewport .cafe-phrase-block>.say-it p{font-size:12px!important}.cafe-viewport .cafe-phrase-block>.say-it .say-system{font-size:12px}.cafe-viewport .cafe-phrase-block{gap:3px}.cafe-viewport .phrase-tools{gap:6px;margin:2px 0}.cafe-viewport .phrase-tools label{font-size:12px}.cafe-viewport .cafe-english{font-size:14px}.cafe-viewport .cafe-phrase-block h2{font-size:23px}.badge-pages>span{font-size:12px}.decor-panel .note-grid{grid-template-columns:1fr 1fr}.decor-art{width:53px;height:53px}.world-blossom-garland>span{width:13px;font-size:12px}.bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{gap:6px}.topbar .stat-top{gap:3px;font-size:12px;display:flex!important}.topbar .stat-top svg{width:14px;height:14px}.topbar .stat-top small,.topbar .course-switch span:not(.flag){display:none}.topbar .top-premium{padding:6px}.topbar .top-premium svg{display:none}.topbar .course-switch{gap:3px;padding:5px}.topbar .course-switch .flag{font-size:16px}.topbar .top-actions{gap:5px}.topbar .mobile-brand{font-size:18px}}.petal-rescue{margin:0 0 18px}.unit-keepsakes{margin:18px 0}.unit-keepsakes>summary{cursor:pointer;color:#855488;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.unit-keepsakes>p{color:#6e6352;margin:13px 0;font-size:12px}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sticker-grid>button{text-align:center;color:#71634f;background:#f6f3ed;border:1px dashed #ddd5c6;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:17px 10px;display:flex}.sticker-grid>button>span{color:#cebfce;font-size:33px}.sticker-grid b{font-size:12px}.sticker-grid small{font-size:12px}.sticker-grid>.sticker-bloomed{color:#b384b1;background:linear-gradient(135deg,#fff0f8,#f2e6fb);border:1px solid #e0bbd3;box-shadow:0 3px #dab8d1}.sticker-bloomed>span{text-shadow:0 0 13px #f0b9d6;animation:4s infinite heart-lilt;color:#d59dc2!important}.book-language-note>b{margin-bottom:5px;display:block}@media (width<=760px){.sticker-grid{grid-template-columns:1fr 1fr}}.lesson-body:has(.feedback)>textarea{display:none}.lesson-body:has(.feedback)>.tile-answer{display:none}.lesson-body:has(.feedback)>.tile-bank{display:none}.lesson-body:has(.feedback)>.accent-keys{display:none}.lesson-body:has(.feedback)>.text-btn{display:none}.lesson-body:has(.feedback)>.hint{display:none}.lesson-body:has(.feedback) .answers .say-it{display:none}.answer-pets{justify-content:center;align-items:center;gap:0;margin-left:auto;animation:.5s ease-out answer-bloom;display:flex}.answer-pets .pet-small{width:45px;height:43px}.answer-pets .pet:first-child{animation:1.5s ease-in-out heart-lilt}.answer-pets .pet:last-child{animation:1.5s ease-in-out .15s heart-lilt}.answer.wrong-answer{opacity:1!important}.feedback>div:first-child{flex-wrap:wrap}.feedback>div:first-child>.instant-xp{margin-left:0}.feedback.success>div>strong{color:#586b3d;font-family:inherit;font-weight:900}.cafe-viewport .cafe-world-slot{background:radial-gradient(#f8eedb,#e9dfc6);justify-content:center;align-items:center;display:flex;container-type:size}.cafe-viewport .cafe-live-world{border-radius:13px;flex:none;width:min(100cqw,177.778cqh);max-width:100%;height:min(100cqh,56.25cqw);max-height:100%}.cafe-viewport .cafe-order-side{grid-template-columns:minmax(0,1fr)}.cafe-viewport .cafe-order-side>*{grid-column:1;min-width:0}.cafe-viewport .cafe-order-card{box-sizing:border-box;width:100%}@media (width>=761px) and (width<=950px){.cafe-viewport .cafe-frame{grid-template-columns:minmax(0,1fr) 330px}.cafe-viewport .cafe-auto-label{display:none}.cafe-viewport .cafe-mini-brand{margin-right:auto}.cafe-viewport .live-location{border-width:1px;border-radius:9px;max-width:37%;padding:4px 6px}.cafe-viewport .live-location>strong{font-size:14px}.cafe-viewport .live-location>small{font-size:12px}.cafe-viewport .live-location>span{font-size:12px}.cafe-viewport .world-utility button{padding:4px 5px;font-size:12px}.cafe-viewport .world-utility svg{width:11px}.cafe-viewport .world-station{border-width:1px;gap:3px;padding:4px 5px;font-size:12px}.cafe-viewport .world-station svg{width:12px}.cafe-viewport .world-stepper{display:none}.cafe-viewport .world-action-caption{padding:4px 5px;font-size:12px}.cafe-viewport .world-bubble{padding:4px;font-size:12px}.cafe-viewport .world-bubble svg{width:9px}}.course-page-controls{color:#5d694a;align-items:center;gap:7px;margin:8px 0 11px;font-size:12px;display:flex}.course-page-controls>span{margin-right:auto}.course-page-controls>button{color:#819865;background:#f5f8ed;border:1px solid #dbe4cd;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700}.course-page-controls>button:disabled{opacity:.4}.course-page-controls>button:focus-visible{outline:2px solid #b8c8a0}.mini-game-active .pair-grid{max-width:1100px;margin:5px auto 9px}.mini-game-active .pair-grid>div:first-child>.pair:not(.pair-good):not(.pair-wrong):not(.selected){color:#627c43;background:linear-gradient(130deg,#fcfff5,#f1f5e5)}.mini-game-active .pair-grid>div:last-child>.pair:not(.pair-good):not(.pair-wrong){color:#9f6f8d;background:linear-gradient(130deg,#fff9fc,#fbf0f5);border-color:#e6cbd8 #e6cbd8 #d8b4c6}.cafe-world-slot:before{content:"";pointer-events:none;background:radial-gradient(at 20% 15%,#f0ccdc66,#0000 55%),radial-gradient(at 80% 85%,#c8d7ab77,#0000 60%);position:absolute;inset:0}.cafe-viewport .cafe-live-world{z-index:1}.decor-art>svg{max-width:90%;max-height:90%;position:relative}.world-sparkle-garden .decor-art{border-radius:14px;width:43px;height:43px}.world-sparkle-garden{z-index:1000;bottom:12%;right:8%}.mochi-action{aspect-ratio:543/724;filter:drop-shadow(0 3px 2px #77593b33);background-image:url(/game/mochi-actions.webp);background-position:0 0;background-size:400% 100%;width:100%;display:block}.mochi-whisking{animation:.7s step-end infinite mochi-whisk}.mochi-ready{background-position:33.333% 0;animation:.75s ease-in-out infinite alternate mochi-cheer}.mochi-collect,.mochi-served{background-position:100% 0;animation:.75s ease-in-out 2 alternate mochi-cheer}.matcha-steam{pointer-events:none;z-index:1190;justify-content:space-around;width:8%;height:13%;display:flex;position:absolute;top:24%;left:65%}.matcha-steam i{opacity:0;border:0;border-top:2px solid #fff8e8;border-left:2px solid #fff8e8;border-radius:70%;width:10%;height:65%;animation:1.3s ease-out infinite matcha-steam}.matcha-steam i:nth-child(2){animation-delay:.3s}.matcha-steam i:nth-child(3){animation-delay:.6s}.cafe-live-world[data-phase=collect] .active-guest .world-person,.cafe-live-world[data-phase=served] .active-guest .world-person{transform-origin:50% 80%;animation:.65s ease-in-out 2 guest-thanks}.cafe-live-world[data-phase=whisking] .world-station svg{animation:.4s ease-in-out infinite alternate whisk-turn}@keyframes mochi-whisk{0%,to{background-position:0 0}25%{background-position:33.333% 0}50%,75%{background-position:66.667% 0}}@keyframes mochi-cheer{to{transform:translateY(-5%)rotate(3deg)}}@keyframes matcha-steam{0%{opacity:0;transform:translateY(20%)scale(.7)}30%{opacity:.8}to{opacity:0;transform:translateY(-65%)scale(1.2)}}@keyframes guest-thanks{50%{transform:rotate(3deg)translateY(-2%)}}@keyframes whisk-turn{to{transform:rotate(-22deg)}}.cafe-live-world[data-animate=no] .mochi-action,.cafe-live-world[data-animate=no] .matcha-steam i,.cafe-live-world[data-animate=no] .world-person,.cafe-live-world[data-animate=no] .world-station svg{animation:none!important}@media (prefers-reduced-motion:reduce){.mochi-action,.matcha-steam i,.cafe-live-world .world-person,.cafe-live-world .world-station svg{animation:none!important}}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}
/* Reward feedback layer (see fx.tsx). All motion is gated by .app[data-motion='on'] and prefers-reduced-motion. */
.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:2147483000;overflow:visible}
.fx-bit{position:fixed;line-height:1;will-change:transform,opacity;filter:drop-shadow(0 2px 3px #3a54302e)}
.fx-confetto{position:fixed;border-radius:2px;will-change:transform,opacity}
.fx-float{position:fixed;font-weight:900;font-size:17px;color:#9a5fa6;text-shadow:0 1px 0 #fff,0 0 12px #fff;white-space:nowrap}
.fx-float.xp{color:#c2791a}
.fx-pill{position:fixed;left:50%;top:14%;padding:9px 18px;border-radius:999px;background:linear-gradient(120deg,#fff3c4,#ffe2ee);border:2px solid #f0c870;color:#8a5a10;font-weight:900;font-size:16px;box-shadow:0 8px 28px #c9962e40;white-space:nowrap}

/* combo flame grows and glows with the streak */
.fx-combo{display:inline-flex;align-items:center;gap:5px;transition:color .3s}
.fx-combo svg{transition:transform .35s cubic-bezier(.2,.9,.3,1.4),color .3s;transform:scale(calc(1 + var(--heat,0)*.55));transform-origin:50% 80%}
.fx-combo.warm svg{color:#e0872b}
.fx-combo.hot svg{color:#e8541f;filter:drop-shadow(0 0 6px #ff9a3d)}
.fx-combo.hot b{color:#c4441a}
.app[data-motion='on'] .fx-combo.hot svg{animation:fx-flicker .7s ease-in-out infinite alternate}
@keyframes fx-flicker{from{transform:scale(calc(1 + var(--heat,0)*.55)) rotate(-4deg)}to{transform:scale(calc(1.08 + var(--heat,0)*.55)) rotate(4deg)}}

/* answer feedback */
.app[data-motion='on'] .answer.correct-answer{animation:fx-pop .5s cubic-bezier(.2,.9,.3,1.4)}
.app[data-motion='on'] .answer.wrong-answer{animation:fx-wobble .4s ease-out}
.app[data-motion='on'] .pair.pair-good{animation:fx-pop .5s cubic-bezier(.2,.9,.3,1.4)}
.app[data-motion='on'] .pair.pair-wrong{animation:fx-wobble .4s ease-out}
.app[data-motion='on'] .feedback.success{animation:fx-rise .4s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 0 0 2px #c9e0b0,0 10px 34px #a7cf8040}
.app[data-motion='on'] .feedback.try-again{animation:fx-rise .35s ease-out}
.app[data-motion='on'] .game-correct{animation:fx-rise .4s cubic-bezier(.2,.9,.3,1.2)}
@keyframes fx-pop{0%{transform:scale(.94)}55%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes fx-wobble{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}60%{transform:translateX(4px)}}
@keyframes fx-rise{from{transform:translateY(14px);opacity:.2}to{transform:none;opacity:1}}

/* lesson progress bar: springy fill */
.lesson-surge>span{transition:width .55s cubic-bezier(.2,.9,.3,1.25)}

/* finish screens */
.fx-stars{display:flex;justify-content:center;gap:10px;margin:6px 0 4px;font-size:46px;line-height:1}
.fx-stars span{color:#e7e4d3;text-shadow:0 2px 0 #fff}
.fx-stars span.on{color:#f4b73c;text-shadow:0 3px 14px #f4b73c88}
.fx-stars-anim span.on{animation:fx-star .6s cubic-bezier(.2,.9,.3,1.5) both}
.fx-stars-anim span{animation:fx-star-dim .5s ease-out both;animation-delay:.2s}
@keyframes fx-star{0%{transform:scale(0) rotate(-120deg);opacity:0}70%{transform:scale(1.35) rotate(12deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes fx-star-dim{from{opacity:0}to{opacity:1}}
.fx-banner{display:inline-flex;align-items:center;gap:8px;margin:6px auto 2px;padding:8px 16px;border-radius:999px;font-weight:900;font-size:14px;background:linear-gradient(120deg,#fff3c4,#ffe2ee);border:2px solid #f0c870;color:#8a5a10}
.app[data-motion='on'] .fx-banner{animation:fx-pop .6s .5s cubic-bezier(.2,.9,.3,1.5) both}
.app[data-motion='on'] .finish .lesson-win-totals>span{animation:fx-rise .5s both}
.app[data-motion='on'] .finish .lesson-win-totals>span:nth-child(2){animation-delay:.15s}
.app[data-motion='on'] .finish .lesson-win-totals>span:nth-child(3){animation-delay:.3s}

/* header xp */
.fx-xp-num{display:inline-block;transform-origin:50% 60%}

/* settings */
.fx-range{display:inline-flex;align-items:center;gap:10px}
.fx-range input{width:150px;accent-color:#587a3d}
.fx-range output{min-width:38px;text-align:right;font-weight:800;font-size:13px}
.fx-test{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-end}

/* sound guide key */
.guide-key{margin:8px 0;font-size:12.5px;border:1px solid var(--line);border-radius:12px;padding:6px 12px;background:var(--white)}
.guide-key summary{cursor:pointer;font-weight:800;color:var(--green-dark)}
.guide-key p{margin:6px 0 2px;line-height:1.6}

@media (prefers-reduced-motion:reduce){
 .fx-combo svg,.lesson-surge>span{transition:none}
 .fx-stars-anim span,.fx-stars-anim span.on,.fx-banner{animation:none!important}
}

/* ---- Readability: clearer edges on things you press or type into ---- */
input:not([type='checkbox']):not([type='radio']):not([type='range']):not(.sr-only),textarea,select{border:1.5px solid #7a876c}
.answer:not(.selected):not(.correct-answer):not(.wrong-answer),
.pair:not(.selected):not(.pair-good):not(.pair-wrong),
.tile,.secondary,.course-switch,.top-premium,.round-arrow,.script-first-link,.unit-row,.discovery-card,.cafe-launch,.boot-native-button,
.tabs button:not(.active),.level-map button:not(.active),.goal-options button:not(.active),.theme-options button:not(.active),.billing-toggle button:not(.active),.course-choices button:not(.active){border-color:#869378}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3f602b;outline-offset:3px}
select,textarea,input:not([type='checkbox']):not([type='radio']):not([type='range']):not(.sr-only){border-color:#7a876c!important}
main button:not(.primary):not(.text-btn):not(.icon-btn):not(.nav-item):not(.brand):not(.active):not(.selected):not(.pair-good):not(.pair-wrong):not(.correct-answer):not(.wrong-answer):not(.lesson-stop):not(.sticker-bloomed):not(.answer):not(.pair):not([disabled]),
.dialog button:not(.primary):not(.text-btn):not(.icon-btn):not(.active):not(.selected):not(.correct-answer):not(.wrong-answer):not(.answer):not(.pair):not([disabled]){border-color:#869378}
@media (max-width:520px){.hero-caption{max-width:215px;white-space:normal}}
.charm-use,.cafe-charm button[disabled]{opacity:1}
.fx-fine{font-size:12px;color:#4d5a43;margin:2px 0 8px}
.fx-chest{background:linear-gradient(120deg,#e8f6d8,#fff3c4);border-color:#9bc56d;color:#2f5a1c}
.sidebar-pets{margin-bottom:6px!important}.sidebar-bottom>p{position:relative;z-index:1;margin-top:0}
.cafe-viewport .cafe-helpers button:disabled,.cafe-helpers button:disabled{opacity:1!important;filter:none!important}.cafe-helpers button:disabled>*:not(img):not(svg){color:#4f5f3b!important}.cafe-helpers button:disabled .charm-art{opacity:.8}
.boot-modes{flex-wrap:wrap!important}.boot-modes button{white-space:nowrap}

.rec-btn{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px}
.rec-btn button{font-size:13px;padding:6px 10px;min-height:34px}
.rec-btn small{font-size:12px;color:#4d5a43}
.rec-live{border-color:#c4441a!important;color:#9a2f10}
.app[data-motion='on'] .rec-live{animation:fx-flicker .8s ease-in-out infinite alternate}
.honest-snapshot{margin:14px 0}.honest-snapshot h2{margin:2px 0 8px}.honest-snapshot ul{margin:0 0 8px;padding-left:20px;line-height:1.7}
.accuracy-note{font-size:12.5px;line-height:1.55;color:#3d4a33;margin:10px 0}.accuracy-footer{margin:26px auto 8px;max-width:760px;padding:12px 16px;border:1px solid #b6c2a6;border-radius:14px;background:#fbfdf5}

.friends-board{margin:14px 0}.friends-board h2{margin:2px 0 6px}.friends-note{font-size:13.5px;margin:0 0 10px}
.friends-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.friends-list li{display:grid;grid-template-columns:26px 54px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border:1.5px solid #b6c2a6;border-radius:16px;background:#fff}
.friends-list li.you{border-color:#587a3d;background:#eef7de;box-shadow:0 0 0 2px #cfe3b3}
.fr-rank{font-weight:900;color:#3f602b;text-align:center}.fr-avatar{display:grid;place-items:center;font-size:30px;height:54px;overflow:hidden}
.fr-avatar .pet{transform:scale(.62);transform-origin:center}
.fr-main{display:grid;gap:2px;min-width:0}.fr-main small{font-size:12px;color:#4d5a43}
.fr-bar{height:8px;border-radius:99px;background:#e4ead6;overflow:hidden}.fr-bar i{display:block;height:100%;background:#8fc29a;border-radius:99px}
.you .fr-bar i{background:#587a3d}.fr-xp{font-weight:800;font-size:14px;white-space:nowrap}
.friends-goal{margin:10px 0 0;font-weight:800;color:#3f602b}
@media (max-width:520px){.friends-list li{grid-template-columns:22px 44px 1fr auto;gap:8px}}
/* level card */
.level-card{position:relative;display:flex;gap:18px;align-items:center;margin:14px 0;overflow:hidden;background:linear-gradient(120deg,#fffdf0,#f3f9e4 55%,#ffeaf1)}
.lc-medal{position:relative;flex:none;width:104px;height:104px}.lc-medal .blossom{filter:drop-shadow(0 6px 10px #c9962e66)}
.lc-body{flex:1;min-width:0}.lc-body h2{margin:2px 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lc-title{font-size:14px;font-weight:900;padding:4px 12px;border-radius:999px;background:#fff;border:2px solid #f0c870;color:#7a4a0a}
.lc-body p{margin:8px 0 0;font-size:13.5px}
.lc-pets{display:flex;align-self:flex-end;margin-bottom:-6px;flex:none}.lc-pets .pet{transform:scale(.8);transform-origin:bottom center}
.level-bar{height:18px;border-radius:99px;background:#e4ead6;border:2px solid #869378;position:relative}
.level-bar>span{position:relative;display:block;height:100%;border-radius:99px;background:repeating-linear-gradient(45deg,#8fc29a 0 10px,#7fb68b 10px 20px);transition:width .8s cubic-bezier(.2,.9,.3,1.2)}
.level-tip{position:absolute;right:-12px;top:-9px;font-style:normal;font-size:24px;filter:drop-shadow(0 2px 2px #0003)}
.app[data-motion='on'] .level-bar>span{background-size:28px 28px;animation:lc-stripes 1s linear infinite}
.app[data-motion='on'] .level-tip{animation:lu-wiggle 1.4s ease-in-out infinite}
.lc-spark,.lu-spark{position:absolute;color:#ffd45e;text-shadow:0 0 8px #fff,0 0 14px #f0a424;pointer-events:none}
.lc-spark{font-size:18px}.lc-spark.s1{left:-4px;top:6px}.lc-spark.s2{right:-2px;top:20px;font-size:14px}.lc-spark.s3{right:8px;bottom:-4px}
.app[data-motion='on'] .lc-spark,.app[data-motion='on'] .lu-spark{animation:lu-twinkle 1.6s ease-in-out infinite}
.lc-spark.s2,.lu-spark.s2{animation-delay:.5s!important}.lc-spark.s3,.lu-spark.s3{animation-delay:1s!important}.lu-spark.s4{animation-delay:1.3s!important}
.blossom-petals{transform-origin:100px 100px}.app[data-motion='on'] .blossom-petals.spin{animation:lu-spin 18s linear infinite}
/* level up overlay */
dialog.levelup{border:0;padding:0;background:transparent;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;color:#26331f}
dialog.levelup::backdrop{background:radial-gradient(circle at 50% 40%,#5b2a52e6,#1c1030f5)}
dialog.levelup[open]{display:grid;place-items:center}
.lu-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.lu-bit{position:absolute;bottom:-40px;opacity:0}
.app[data-motion='on'] .lu-bit{animation:lu-float linear infinite}
.lu-card{position:relative;width:min(560px,94vw);max-height:96vh;padding:54px 22px 24px;border-radius:44px;text-align:center;background:radial-gradient(circle at 50% 30%,#fffef0,#fdf1f6 52%,#e6f3d6);border:5px solid #fff;box-shadow:0 0 0 6px #f4b6c8,0 0 0 11px #fff6,0 34px 100px #000b,0 0 120px #ffd45e66;overflow:visible}
.app[data-motion='on'] .lu-card{animation:lu-card-in .7s cubic-bezier(.2,1.3,.3,1) both}
.lu-rays{position:absolute;left:50%;top:34%;width:860px;height:860px;margin:-430px 0 0 -430px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe98acc 0 8deg,#ffe98a00 8deg 16deg);-webkit-mask:radial-gradient(circle,#000 6%,transparent 60%);mask:radial-gradient(circle,#000 6%,transparent 60%);pointer-events:none}
.lu-rays.r2{background:repeating-conic-gradient(from 8deg,#ffc4dacc 0 6deg,#ffc4da00 6deg 18deg);width:700px;height:700px;margin:-350px 0 0 -350px}
.app[data-motion='on'] .lu-rays{animation:lu-spin 22s linear infinite}.app[data-motion='on'] .lu-rays.r2{animation:lu-spin 30s linear infinite reverse}
.lu-card>*:not(.lu-rays){position:relative}
.lu-ribbon{position:absolute!important;left:50%;top:-26px;transform:translateX(-50%);z-index:3}
.lu-ribbon span{display:block;padding:10px 34px;font-weight:900;font-size:22px;letter-spacing:.2em;color:#fff;background:linear-gradient(180deg,#ff8fb5,#f0568a);border-radius:14px;border:3px solid #fff;box-shadow:0 8px 0 #b83568,0 14px 24px #0005;text-shadow:0 2px 0 #b83568;position:relative;overflow:hidden;white-space:nowrap}
.lu-ribbon span::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-20deg)}
.app[data-motion='on'] .lu-ribbon{animation:lu-ribbon .7s .1s cubic-bezier(.2,1.5,.3,1) both}
.app[data-motion='on'] .lu-ribbon span::after{animation:lu-shine 2.4s 1s ease-in-out infinite}
.lu-stage{display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:260px;margin:4px 0 0}
.lu-medal{position:relative;flex:none;width:250px;height:250px;margin:0 -8px;z-index:2}
.lu-medal .blossom{filter:drop-shadow(0 14px 18px #c9962e88)}
.app[data-motion='on'] .lu-medal{animation:lu-slam 1s .3s cubic-bezier(.2,1.4,.3,1) both}
.lu-spark{font-size:26px}.lu-spark.s1{left:-6px;top:20px}.lu-spark.s2{right:-4px;top:6px}.lu-spark.s3{left:10px;bottom:6px}.lu-spark.s4{right:6px;bottom:20px}
.lu-pet{position:relative;flex:none;z-index:1;align-self:flex-end}
.lu-pet .pet{width:128px;height:152px}
.lu-pet.a{margin-right:-6px;transform-origin:bottom center}.lu-pet.b{margin-left:-6px;transform-origin:bottom center}
.app[data-motion='on'] .lu-pet.a{animation:lu-enter-l .8s .5s cubic-bezier(.2,1.3,.3,1) both,lu-hop 1s 1.4s ease-in-out infinite}
.app[data-motion='on'] .lu-pet.b{animation:lu-enter-r .8s .6s cubic-bezier(.2,1.3,.3,1) both,lu-hop 1s 1.9s ease-in-out infinite}
.lu-heart{position:absolute;font-style:normal;font-size:22px;color:#f0568a;top:0;opacity:0;text-shadow:0 0 8px #fff}.lu-heart.h1{left:8px}.lu-heart.h2{right:6px;color:#f0a424}
.app[data-motion='on'] .lu-heart{animation:lu-heart 2s 1.2s ease-out infinite}.app[data-motion='on'] .lu-heart.h2{animation-delay:2s}
.lu-title{margin:6px 0 2px}.lu-title span{display:inline-block;padding:8px 24px;font-size:28px;border-radius:999px;background:linear-gradient(180deg,#fff,#ffeaf1);border:3px solid #f4b6c8;color:#7a2a50;box-shadow:0 5px 0 #f4b6c8}
.app[data-motion='on'] .lu-title span{animation:lu-pop .6s 1s both}
.lu-sub{margin:10px 0 12px;font-weight:700;color:#5a3a4a}
.lu-rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}
.lu-rewards span{padding:9px 16px;border-radius:999px;background:#fff;border:3px solid #ffd45e;font-weight:900;color:#6b4a0a;box-shadow:0 4px 0 #f0c870}
.app[data-motion='on'] .lu-rewards span{animation:lu-pop .55s both;animation-delay:1.3s}.app[data-motion='on'] .lu-rewards span:nth-child(2){animation-delay:1.5s}.app[data-motion='on'] .lu-rewards span:nth-child(3){animation-delay:1.7s}
.lu-btn{font-size:19px;padding:15px 34px;border-radius:999px}
.app[data-motion='on'] .lu-btn{animation:lu-pop .5s 1.9s both,lu-wiggle 2.4s 2.6s ease-in-out infinite}
@keyframes lu-spin{to{transform:rotate(360deg)}}
@keyframes lu-stripes{to{background-position:28px 0}}
@keyframes lu-hop{0%,100%{transform:translateY(0) scale(1.05,.94) rotate(-3deg)}45%{transform:translateY(-26px) scale(.95,1.06) rotate(4deg)}}
@keyframes lu-slam{0%{transform:scale(3.4) rotate(-40deg);opacity:0}55%{transform:scale(.88) rotate(6deg);opacity:1}78%{transform:scale(1.1) rotate(-2deg)}100%{transform:scale(1) rotate(0)}}
@keyframes lu-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.14)}100%{transform:scale(1);opacity:1}}
@keyframes lu-twinkle{0%,100%{transform:scale(.4) rotate(0);opacity:.2}50%{transform:scale(1.25) rotate(40deg);opacity:1}}
@keyframes lu-wiggle{0%,100%{transform:rotate(0)}8%{transform:rotate(-5deg)}16%{transform:rotate(5deg)}24%{transform:rotate(-3deg)}32%{transform:rotate(0)}}
@keyframes lu-float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.95}100%{transform:translateY(-115vh) rotate(360deg);opacity:0}}
@keyframes lu-card-in{from{transform:scale(.6) translateY(60px);opacity:0}to{transform:none;opacity:1}}
@keyframes lu-ribbon{from{transform:translateX(-50%) translateY(-50px) scale(.3);opacity:0}to{transform:translateX(-50%) none;opacity:1}}
@keyframes lu-shine{0%,60%{left:-60%}100%{left:130%}}
@keyframes lu-enter-l{from{transform:translateX(-160px) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}
@keyframes lu-enter-r{from{transform:translateX(160px) rotate(30deg);opacity:0}to{transform:none;opacity:1}}
@keyframes lu-heart{0%{transform:translateY(0) scale(.4);opacity:0}20%{opacity:1}100%{transform:translateY(-70px) scale(1.2);opacity:0}}
@media (max-width:560px){.lu-medal{width:180px;height:180px}.lu-medal .blossom{width:180px;height:180px}.lu-pet .pet{width:92px;height:110px}.lu-stage{min-height:190px}.lu-ribbon span{font-size:17px;padding:8px 22px}.lu-title span{font-size:22px}.level-card{flex-wrap:wrap}.lc-pets{display:none}}

/* ---- Jelly bloom XP bars ---- */
.lesson-surge,.level-bar{background:#fff!important;border:2.5px solid #f4b6c8!important;box-shadow:0 3px 0 #f4b6c8!important;border-radius:99px!important;overflow:visible!important}
.lesson-surge>span,.level-bar>span{position:relative;border-radius:99px!important;background:radial-gradient(circle at 8px 50%,#ffffff80 0 3px,transparent 3.5px) 0 0/16px 100%,linear-gradient(90deg,#ffb3cb,#f78fb3 50%,#9bd27a)!important;box-shadow:none!important;transform-origin:left center;transition:width .65s cubic-bezier(.3,1.5,.4,1)!important;overflow:hidden}
.lesson-surge>span:after,.level-bar>span:after{content:''!important;position:absolute;left:6px;right:6px;top:2px;height:28%;inset:auto 6px auto 6px;border-radius:99px;background:#ffffffaa!important;animation:none!important}
.app[data-motion='on'] .lesson-surge>span,.app[data-motion='on'] .level-bar>span{animation:jb-dots 2.4s linear infinite}
.app[data-motion='on'] .lesson-surge.jelly>span,.app[data-motion='on'] .level-bar.jelly>span{animation:jb-dots 2.4s linear infinite,jb-jelly .7s cubic-bezier(.3,1.6,.4,1)}
@keyframes jb-dots{to{background-position:16px 0,0 0}}
@keyframes jb-jelly{0%{transform:scale(1,1)}25%{transform:scale(1.04,1.35)}45%{transform:scale(.99,.82)}65%{transform:scale(1.01,1.12)}100%{transform:scale(1,1)}}
.level-tip{display:none}
/* level-up: bar charges, then the badge lands */
.lu-xp{display:flex;align-items:center;gap:10px;margin:2px 14px 6px}.lu-xp b{font-size:13px;color:#5a3a4a;white-space:nowrap}.lu-xp .level-bar{flex:1;height:22px}
.lu-xp .level-bar>span{width:100%}
.app[data-motion='on'] .lu-xp .level-bar>span{width:0;animation:lu-fill .8s .3s cubic-bezier(.4,.1,.2,1) forwards}
.app[data-motion='on'] .lu-xp .level-bar>span{animation:jb-dots 2.4s linear infinite,lu-fill .8s .3s cubic-bezier(.3,1.5,.4,1) forwards!important}
@keyframes lu-fill{to{width:100%}}
@keyframes lu-bar-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
.app[data-motion='on'] .lu-medal{animation:lu-medal 1.45s .0s both!important}
@keyframes lu-medal{0%,5%{transform:scale(.55);opacity:.2;filter:grayscale(1) brightness(.8)}60%{transform:scale(.8);opacity:.6;filter:grayscale(.4) brightness(1.1)}68%{transform:scale(.84) translateX(3px);opacity:.8}72%{transform:scale(3.4) rotate(-40deg);opacity:0;filter:none}88%{transform:scale(.88) rotate(6deg);opacity:1}94%{transform:scale(1.1) rotate(-2deg)}100%{transform:scale(1) rotate(0);opacity:1}}
.app[data-motion='on'] .lu-title span{animation:lu-pop .6s 1.75s both!important}
.app[data-motion='on'] .lu-rewards span{animation-delay:2s!important}.app[data-motion='on'] .lu-rewards span:nth-child(2){animation-delay:2.15s!important}.app[data-motion='on'] .lu-rewards span:nth-child(3){animation-delay:2.3s!important}
.app[data-motion='on'] .lu-btn{animation:lu-pop .5s 2.5s both,lu-wiggle 2.4s 3.2s ease-in-out infinite!important}
.app[data-motion='on'] .lu-pet.a{animation:lu-enter-l .8s .4s cubic-bezier(.2,1.3,.3,1) both,lu-hop 1s 1.2s ease-in-out infinite!important}
.app[data-motion='on'] .lu-pet.b{animation:lu-enter-r .8s .5s cubic-bezier(.2,1.3,.3,1) both,lu-hop 1s 1.7s ease-in-out infinite!important}

.blossom{overflow:visible}
.lesson-surge{height:16px!important;min-height:16px}

/* phone: 4 main tabs + More sheet */
.nav-more{display:none!important}
@media (max-width:760px){
 .sidebar nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;overflow:visible!important;gap:0!important}
 .sidebar nav .nav-more{display:flex!important}
 .sidebar nav .nav-extra{display:none!important}
 .sidebar nav .nav-item span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
.more-sheet{display:none}
@media (max-width:760px){.more-sheet{display:grid;gap:6px;position:fixed;left:12px;right:12px;bottom:82px;padding:10px;background:#fffef9;border:1.5px solid #b6c2a6;border-radius:20px;box-shadow:0 12px 32px #3a54303d;z-index:31}
.more-sheet button{display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:14px;background:transparent;font:inherit;font-weight:800;font-size:15px;color:#26331f;text-align:left}
.more-sheet button.active,.more-sheet button:hover{background:#eef7de}
.app[data-motion='on'] .more-sheet{animation:fx-rise .25s ease-out}}
.lbl-short{display:none}@media (max-width:760px){.sidebar .lbl-long{display:none}.sidebar .lbl-short{display:inline}}
.blossom .crown{transform-origin:100px 40px}.app[data-motion='on'] .blossom .crown{animation:lu-wiggle 2.6s ease-in-out infinite}
.account-form{display:grid;gap:12px;max-width:440px}.account-form h3{margin:4px 0 0}
.account-form label{display:grid;gap:6px;font-weight:800}
.account-form input{font:inherit;padding:11px 14px;border-radius:12px;background:#fff}
.account-form .button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.account-panel{margin-top:16px}