:root{--paper:#f8f6ee;--white:#fffefa;--ink:#253e32;--muted:#7d8c7b;--green:#376b4e;--green-dark:#254e3a;--green-light:#eaf0e4;--line:#dfe5d6;--orange:#d98742;--gold:#e8bc67;--red:#bd6250;--shadow:0 12px 36px #35563b09}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6b75e;outline-offset:3px}button,a,input,select{ -webkit-tap-highlight-color:transparent}a{color:var(--green)}button{border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:var(--white);color:var(--ink);font-weight:600}button:hover:not(:disabled){border-color:#b5c6ad;background:#f4f6ee}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover:not(:disabled){background:var(--green-dark)}button.secondary{background:var(--green-light);border-color:var(--green-light);color:var(--green)}button.danger{color:var(--red);background:#fff4ed;border-color:#e9cdc2}button.wide{width:100%}button.small{font-size:12px;padding:7px 10px}.icon-button{padding:0;width:37px;height:37px;display:inline-grid;place-items:center;font-size:21px}.audio-button{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border-radius:50%;font-size:15px;flex-shrink:0;color:var(--green)}.audio-button.playing{background:var(--green);color:#fff}.audio-button svg{width:17px;height:17px}.audio-meta{display:block;font-size:10px;color:#92a08b;margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.py{font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--muted);margin-top:3px;line-height:1.45}.hide-pinyin .py{display:none}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#8f9b82;text-transform:uppercase}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted);line-height:1.8}.small-label{font-size:11px;color:#8c987f}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;border-radius:30px;background:var(--green-light);color:var(--green)}.pill.orange{background:#fcf0db;color:#aa7932}.pill.red{background:#fbece5;color:var(--red)}.dot{width:6px;height:6px;border-radius:50%;background:#79a278;display:inline-block}.dot.off{background:#d48e57}.section-title{font-size:23px;margin:5px 0 15px;line-height:1.35}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading .section-title{margin:3px 0}.topbar{max-width:1440px;margin:auto;padding:22px 38px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;cursor:pointer}.brand-mark{width:44px;height:44px;background:var(--green);color:#fff;border-radius:14px;display:grid;place-items:center;box-shadow:0 5px 10px #375e3b13}.brand-mark svg{width:26px}.brand h1{font-size:21px;letter-spacing:.08em;margin:0;line-height:1.2}.brand small{font-size:10px;color:#84917d;letter-spacing:.04em}.top-tools{display:flex;align-items:center;gap:8px}.top-tools button{font-size:11px;padding:8px 11px;background:transparent}.top-tools button.active{background:#eaf0e4}.room-chip{font-size:12px;color:var(--green);padding:7px 12px;background:var(--green-light);border-radius:9px}.room-chip strong{font-size:17px;letter-spacing:.12em;margin-left:6px;font-variant-numeric:tabular-nums}.connection{font-size:10px;color:#92a08b;display:flex;gap:6px;align-items:center}.topline{border-bottom:1px solid var(--line);background:#fffefa99}.page{max-width:1364px;margin:auto;padding:26px 38px 42px}.home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.72fr);gap:45px;align-items:center;margin:10px 0 42px}.hero-copy{padding:22px 0 0 6px}.hero-copy h2{font-size:clamp(38px,4.8vw,64px);line-height:1.2;letter-spacing:.02em;margin:16px 0 18px;font-weight:750}.hero-copy h2 em{font-style:normal;color:var(--green)}.hero-copy p{font-size:16px;line-height:1.8;color:#7a8b77;max-width:500px;margin:0}.hero-tags{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.hero-visual{position:relative;margin-top:-20px}.stall-art{width:100%;max-height:380px;display:block}.hero-quote{position:absolute;left:2%;top:30%;font-size:14px;transform:rotate(-5deg);background:white;border:1px solid var(--line);border-radius:12px 12px 12px 2px;padding:10px 16px;box-shadow:var(--shadow)}.entry-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.entry-card h2{font-size:27px;margin:5px 0 4px}.entry-card>p{font-size:13px;color:var(--muted);margin:4px 0 24px}.entry-tabs{display:flex;padding:5px;background:#f0f2e9;border-radius:12px;gap:4px;margin:16px 0 23px}.entry-tabs button{flex:1;border:0;background:transparent;font-size:13px}.entry-tabs button.active{background:var(--white);box-shadow:0 2px 8px #36552b0c;color:var(--green)}.field{display:block;margin:15px 0}.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dbe2d1;border-radius:11px;padding:12px;background:#fffefa;color:var(--ink);font-size:16px}.field input.room-input{letter-spacing:.22em;font-weight:700;font-size:25px;font-variant-numeric:tabular-nums}.field-row{display:flex;gap:10px}.field-row .field{flex:1}.divider{position:relative;text-align:center;font-size:11px;color:#9da690;margin:22px 0 15px}.divider:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.divider span{position:relative;background:var(--white);padding:0 12px}.entry-footer{font-size:10px;color:#a1aa98;text-align:center;margin-top:16px}.role-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-intro article{display:flex;gap:16px;border-top:1px solid #dce3d2;padding-top:23px}.role-number{font-size:32px;line-height:1;color:#c5d0b8;font-weight:300}.role-intro h3{font-size:17px;margin:0 0 5px}.role-intro p{font-size:12px;margin:0;color:#8c997f;line-height:1.8}.footer{max-width:1364px;margin:auto;padding:0 38px 24px;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#9aa68e}.footer button{font-size:10px;padding:0;border:none;background:none;color:#839474}.game-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.game-head h2{font-size:29px;margin:4px 0;line-height:1.3}.game-head p{font-size:13px;color:var(--muted);margin:0}.game-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.game-tools button,.game-tools select{font-size:12px;padding:8px 12px}.game-tools select{border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink)}.role-nav{display:flex;gap:5px;align-items:center;background:#edf0e5;border-radius:12px;padding:5px;width:max-content;max-width:100%;margin:0 0 20px;flex-wrap:wrap}.role-nav button{border:0;background:none;font-size:12px;padding:9px 16px}.role-nav button.active{background:#fffefa;box-shadow:0 2px 8px #375b2c09;color:var(--green)}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.catalog-panel{min-width:0}.catalog-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.category-tabs{display:flex;gap:5px}.category-tabs button{font-size:12px;padding:8px 13px;border:0;background:transparent}.category-tabs button.active{background:#e7eddf;color:var(--green)}.category-label{font-size:11px;color:#8d9983}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-card{background:var(--white);border:1px solid #e2e6d9;border-radius:17px;padding:13px 14px 14px;position:relative;overflow:hidden;transition:transform .16s,border-color .16s}.product-card.selected{border-color:#81a078;box-shadow:0 0 0 1px #81a07840}.product-card:hover{transform:translateY(-2px)}.product-art{height:115px;display:flex;justify-content:center;align-items:center;background:var(--product-bg,#f3f3e8);border-radius:11px;margin-bottom:11px}.produce-svg{width:100%;height:100%;overflow:visible}.product-card .product-art .produce-svg{height:112px;max-width:152px}.product-top{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.product-name{font-size:20px;font-weight:650;line-height:1.3}.product-name .py{font-size:11px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:5px}.price{font-size:21px;font-weight:650;letter-spacing:-.03em}.price small{font-size:10px;font-weight:400;color:#8b987e;letter-spacing:0}.qty-control{display:flex;gap:3px;align-items:center}.qty-control button{width:29px;height:29px;padding:0;border-radius:8px;font-size:17px}.qty-control button.add{background:var(--green);border-color:var(--green);color:#fff}.qty-control output{min-width:22px;text-align:center;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.mission-card{background:#edf2e5;border:1px solid #dbe5ce;border-radius:17px;padding:20px;margin-bottom:16px}.mission-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-card h3{font-size:20px;margin:8px 0 4px}.mission-card p{font-size:15px;line-height:1.8;margin:4px 0}.budget{font-size:12px;background:#fffefa99;border:1px solid #dbe4ce;border-radius:9px;padding:5px 9px;color:#698157}.mission-items{display:grid;gap:7px;margin-top:14px}.mission-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#668059}.mission-item:before{content:'○';margin-right:7px;color:#a0b38f}.mission-item.done:before{content:'✓';color:var(--green)}.mission-item span:first-of-type{margin-right:auto}.basket-panel{position:sticky;top:18px;min-width:0}.basket-card{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:21px}.basket-card h3{font-size:20px;margin:0 0 17px}.basket-empty{text-align:center;padding:24px 5px;color:#99a58f;font-size:13px}.basket-empty svg{width:46px;height:46px;display:block;margin:0 auto 13px;opacity:.5}.basket-items{display:grid;gap:12px}.basket-item{display:flex;align-items:center;gap:9px;font-size:14px}.basket-item .produce-svg{width:48px;height:43px;flex-shrink:0}.basket-item .item-detail{flex:1;min-width:0}.basket-item small{display:block;font-size:10px;color:#91a083}.basket-item strong{font-size:14px;font-weight:600}.basket-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed #d7dece;padding-top:15px;margin-top:17px;font-size:13px}.basket-total b{font-size:30px;color:var(--green);font-weight:650}.basket-total b small{font-size:13px;font-weight:400}.remaining{font-size:11px;color:#98a38d;margin:4px 0 16px}.remaining.over{color:var(--red)}.speech-box{background:#f6f0e2;border:1px solid #e9dfc6;border-radius:14px;padding:16px;margin-top:17px}.speech-box summary{cursor:pointer;font-size:12px;font-weight:600;color:#a47d42;list-style:none;display:flex;justify-content:space-between}.speech-box summary:after{content:'＋';font-size:16px}.speech-box[open] summary:after{content:'−'}.speech-line{font-size:15px;line-height:1.8;display:flex;gap:8px;align-items:flex-start;margin-top:12px}.speech-line .audio-button{margin-top:3px;width:27px;height:27px}.speech-line>div{flex:1}.speech-line .py{font-size:11px}.speech-note{font-size:10px;color:#ac9a76;margin-top:12px}.stepper{display:flex;gap:0;margin:18px 0 24px}.step{flex:1;position:relative;font-size:10px;color:#adb5a3;padding-top:12px;border-top:3px solid #e4e9dc;text-align:center}.step.active{border-color:#528260;color:#376b4e;font-weight:700}.step.done{border-color:#9bb58c;color:#7c9770}.step:before{content:'';position:absolute;top:-6px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#e4e9dc;border:1px solid var(--paper)}.step.active:before{background:var(--green)}.step.done:before{background:#9bb58c}.status-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.75fr);gap:25px;align-items:start}.status-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:27px}.status-card h3{font-size:26px;margin:8px 0}.status-card>p{font-size:14px;color:var(--muted);line-height:1.8}.status-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:#eaf0e3;color:var(--green);font-size:29px;margin-bottom:17px}.waiting-visual{display:flex;justify-content:center;align-items:center;gap:0;margin:18px 0;background:#f3f5e9;border-radius:16px;min-height:155px}.waiting-visual .produce-svg{width:125px;height:115px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.compare-column{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbf5}.compare-column h4{font-size:13px;margin:0 0 14px}.compare-column.received{background:#f9f3e8;border-color:#e8dfcb}.compare-column .basket-item{margin-bottom:13px;font-size:13px}.compare-column .basket-item .produce-svg{width:39px;height:35px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.actions button{flex:1;white-space:nowrap}.feedback{border:1px solid #d9e5cd;background:#edf5e6;color:#537547;border-radius:12px;padding:12px 15px;font-size:13px;line-height:1.7;margin:15px 0}.feedback.error{background:#fff1e9;border-color:#ebd4c4;color:#aa6851}.feedback.neutral{background:#f5f2e6;border-color:#e4dfcc;color:#958054}.role-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:23px;align-items:start}.queue-panel{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:18px}.queue-panel h3{font-size:18px;margin:0 0 15px}.queue-list{display:grid;gap:8px}.queue-card{padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fffefa;text-align:left;width:100%;font-size:13px;font-weight:400}.queue-card.active{background:#edf3e7;border-color:#8da57d}.queue-card>div{display:flex;justify-content:space-between;align-items:center;gap:6px}.queue-card strong{font-size:16px}.queue-card small{display:block;color:#91a080;font-size:10px;margin-top:5px}.empty-state{padding:46px 22px;text-align:center;background:#fffefa;border:1px dashed #d7dfcb;border-radius:18px}.empty-state h3{font-size:22px;margin:14px 0 8px}.empty-state p{font-size:13px;color:#8f9e83;line-height:1.8}.empty-state svg{width:80px;height:70px;margin:auto}.delivery-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.delivery-shelf .product-card{padding:9px;border-radius:12px}.delivery-shelf .product-art{height:74px;margin-bottom:8px}.delivery-shelf .product-art .produce-svg{height:78px}.delivery-shelf .product-name{font-size:16px}.delivery-shelf .product-name .py{font-size:9px}.delivery-shelf .product-bottom{margin-top:8px;justify-content:center}.delivery-shelf .price{display:none}.delivery-shelf .audio-button{display:none}.delivery-shelf .qty-control button{width:26px;height:26px}.order-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.order-header h3{font-size:24px;margin:0}.order-header .hint{margin:3px 0}.order-list-inline{display:flex;gap:10px;flex-wrap:wrap;padding:13px 15px;background:#f4f6ed;border-radius:11px}.order-list-inline span{font-size:13px}.purpose-note{font-size:11px;color:#a58b63;background:#faf2e2;border-radius:9px;padding:10px 13px;margin-top:15px}.pay-panel{max-width:740px}.cash-grid{display:flex;gap:9px;margin:15px 0 19px}.cash-note{position:relative;flex:1;border:1px solid #dce4d2;border-radius:11px;padding:18px 8px;background:#f3f6eb;font-size:27px;color:#69915c;overflow:hidden}.cash-note:before,.cash-note:after{content:'';width:60px;height:60px;position:absolute;border:1px solid #cad6bf;border-radius:50%;top:7px;left:-23px}.cash-note:after{left:auto;right:-23px}.cash-note.active{border-color:var(--green);background:#e5eedc;box-shadow:0 0 0 1px var(--green)}.cash-note small{display:block;font-size:10px;font-weight:400;color:#92a183}.payment-total{display:flex;align-items:baseline;gap:8px;margin:24px 0 12px;color:var(--green)}.payment-total b{font-size:48px;line-height:1}.payment-total span{font-size:14px}.change-field{max-width:280px;display:flex;align-items:center;gap:9px}.change-field input{width:100%;font-size:26px;min-width:0;padding:11px 14px;background:white;border:1px solid #d4dfc8;border-radius:10px;color:var(--ink)}.receipt{max-width:380px;margin:auto;background:#fffefa;border:1px solid #e1e4d7;box-shadow:var(--shadow);padding:25px 24px 32px;position:relative}.receipt:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-9px;height:12px;background:linear-gradient(135deg,transparent 50%,var(--paper) 50%) 0 0/14px 14px,linear-gradient(225deg,transparent 50%,var(--paper) 50%) 0 0/14px 14px;border-bottom:1px solid #e1e4d7}.receipt-title{text-align:center;border-bottom:1px dashed #d4deca;padding-bottom:18px;margin-bottom:15px}.receipt-title h3{font-size:24px;margin:0}.receipt-title p{font-size:10px;color:#8c9c80;margin:5px 0}.receipt-row{display:flex;justify-content:space-between;gap:14px;font-size:13px;margin:10px 0}.receipt-row small{color:#8fa080;font-size:11px}.receipt-rule{border:0;border-top:1px dashed #d7decc;margin:17px 0}.receipt-total{font-size:19px;font-weight:700;color:var(--green)}.receipt-stamp{margin:23px auto 15px;border:2px solid #7e9d6f;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;font-size:14px;font-weight:650;color:#799267;transform:rotate(-12deg)}.receipt-footer{text-align:center;font-size:10px;color:#a3ae98}.teacher-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 22px}.stat{padding:19px 20px;border:1px solid var(--line);border-radius:15px;background:#fffefa}.stat strong{display:block;font-size:32px;font-weight:650;color:var(--green);line-height:1.2}.stat span{display:block;font-size:11px;color:#8f9f81;margin-top:6px}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.group-card{border:1px solid var(--line);border-radius:17px;padding:20px;background:var(--white);min-height:190px;display:flex;flex-direction:column}.group-card-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.group-card-title h3{font-size:22px;margin:0}.group-card .hint{margin:10px 0}.group-card .order-list{flex:1;margin:12px 0 14px;font-size:13px;color:#6e8460;line-height:1.9}.group-card .board-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #e7ebdf}.group-card .board-bottom strong{font-size:19px;color:var(--green)}.board-bottom button{font-size:11px;padding:7px 10px}.board-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e9efdf;border:1px solid #dbe4cf;border-radius:17px;padding:22px 24px;margin-bottom:24px}.board-banner h3{font-size:20px;margin:0 0 4px}.board-banner p{font-size:12px;color:#7e916f;margin:0}.board-code{font-size:32px;letter-spacing:.14em;font-variant-numeric:tabular-nums;line-height:1.2}.board-banner .primary{white-space:nowrap}.demo-strip{background:#fbefd7;border:1px solid #eddfbb;padding:11px 16px;border-radius:10px;font-size:12px;color:#9c7a42;display:flex;justify-content:space-between;gap:12px;margin-bottom:21px}.demo-strip select{max-width:200px;background:#fffaf0;border:1px solid #e9d6b0;border-radius:6px;color:#8d7249;font:inherit;padding:3px}.sync-warning{background:#fff0e4;color:#a8754b;padding:10px 16px;font-size:12px;border-radius:10px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sync-warning button{font-size:11px;padding:6px 12px}.field-error{color:var(--red);font-size:12px;line-height:1.7;margin-top:10px}.compact-mission{margin-bottom:20px;background:#edf2e4;border-radius:13px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.compact-mission strong{font-size:17px}.compact-mission p{margin:3px 0;font-size:12px;color:#7c8f6d}.checks{display:grid;gap:8px;margin:17px 0;font-size:12px;color:#839574}.checks label{display:flex;gap:7px;align-items:center}.checks input{accent-color:var(--green);width:15px;height:15px}.end-message{padding:70px 25px;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:20px}.end-message h2{font-size:31px;margin:15px 0}.end-message p{color:var(--muted);font-size:14px}dialog{border:1px solid #dfe4d4;border-radius:23px;padding:31px;max-width:min(950px,calc(100% - 32px));width:790px;max-height:90dvh;overflow:auto;color:var(--ink);background:var(--white);box-shadow:0 25px 70px #203e2825}dialog::backdrop{background:#233b3359;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:15px;top:15px;z-index:2;background:#f0f3e9;border:0;font-weight:400}.modal-title{font-size:28px;line-height:1.3;margin:7px 36px 10px 0}.modal-intro{font-size:13px;color:var(--muted);line-height:1.8}.qr-main{display:flex;gap:25px;align-items:center;padding:20px;background:#f3f6ec;border:1px solid #dfe7d3;border-radius:15px;margin:20px 0}.qr-box{padding:12px;background:#fff;border-radius:8px;display:inline-block;max-width:100%;line-height:0;flex-shrink:0}.qr-box canvas,.qr-box img{display:block;max-width:100%;height:auto}.qr-main h3{font-size:22px;margin:0 0 8px}.qr-main .url-text{font-size:11px;color:#819473;overflow-wrap:anywhere;margin:9px 0}.qr-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:21px 0}.qr-card{border:1px solid #dce4d2;border-radius:13px;padding:17px;text-align:center;break-inside:avoid}.qr-card h3{font-size:19px;margin:4px 0 8px}.qr-card p{font-size:11px;color:#91a080;margin:10px 0 0}.qr-card .role-symbol{font-size:10px;letter-spacing:.1em;color:#90a07e}.qr-card .qr-box{padding:8px;border:1px solid #eff2e9;border-radius:5px}.qr-card .qr-box img,.qr-card .qr-box canvas{width:142px;height:142px}.qr-card.teacher-role{background:#f6f1e4;border-color:#e6ddc4}.qr-card .role-keynote{font-size:9px;color:#ab9168}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.vocab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.vocab-grid .product-card .product-art{height:90px}.vocab-grid .product-name{font-size:18px}.vocab-grid .product-card .product-art .produce-svg{height:90px}.vocab-grid .audio-button{width:27px;height:27px}.phrase-list{display:grid;gap:11px;margin-top:20px}.phrase-card{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #e3e8d9;border-radius:12px}.phrase-card>div{flex:1}.phrase-card strong{font-size:17px;line-height:1.6}.phrase-card .en{font-size:10px;color:#98a48f;margin-top:5px}.teacher-flow{display:grid;gap:14px;margin:22px 0}.teacher-flow article{display:flex;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px}.teacher-flow b{background:#edf2e4;color:#739062;flex-shrink:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:15px}.teacher-flow h3{font-size:16px;margin:0}.teacher-flow p{font-size:12px;color:var(--muted);line-height:1.8;margin:5px 0}.confirm-box{text-align:center;padding:12px}.confirm-box h2{font-size:25px}.confirm-box p{color:var(--muted);font-size:14px;line-height:1.8}.confirm-box .actions{justify-content:center}.confirm-box .actions button{max-width:180px}.print-note{font-size:11px;color:#8c9b80}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(15px);max-width:calc(100vw - 32px);padding:12px 20px;background:#294f3beF;color:white;border-radius:12px;z-index:100;font-size:13px;box-shadow:0 8px 22px #273e2922;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.network-loading{padding:90px 20px;text-align:center;color:var(--muted);font-size:15px}.busy-indicator{width:24px;height:24px;border:3px solid #dfe8d5;border-top-color:var(--green);border-radius:50%;animation:spin .9s linear infinite;display:inline-block;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.link-button{background:none;border:0;padding:4px 0;color:#6b8d5c;text-decoration:underline;text-underline-offset:3px;font-size:12px}
@media(min-width:1550px){.page{padding-top:36px}.hero-visual{margin-top:0}.stall-art{max-height:430px}.product-art{height:130px}.product-card .product-art .produce-svg{height:125px}}
@media(max-width:1100px){.topbar{padding:18px 24px}.page{padding:23px 24px 35px}.footer{padding:0 24px 22px}.home-hero{gap:24px;grid-template-columns:minmax(0,1fr) 340px}.hero-copy h2{font-size:48px}.hero-copy p{font-size:14px}.hero-quote{font-size:12px;padding:8px 12px}.shop-layout{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.product-grid{gap:10px}.product-card{padding:10px}.product-name{font-size:18px}.product-art{height:98px}.product-card .product-art .produce-svg{height:95px}.basket-card,.mission-card{padding:17px}.delivery-shelf{grid-template-columns:repeat(3,1fr)}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .connection{display:none}.role-layout{grid-template-columns:240px minmax(0,1fr);gap:17px}}
@media(max-width:800px){.home-hero{grid-template-columns:1fr;gap:16px;max-width:620px;margin:0 auto 30px}.hero-copy{padding:7px 0 0}.hero-copy h2{font-size:46px;margin:12px 0}.hero-copy p{font-size:14px}.hero-visual{max-width:500px;margin:-22px auto -12px}.stall-art{max-height:305px}.hero-quote{left:0;top:36%}.entry-card{padding:24px}.role-intro{gap:15px}.role-intro article{display:block}.role-number{font-size:23px;margin-bottom:13px}.role-intro h3{font-size:15px}.role-intro p{font-size:11px}.shop-layout{grid-template-columns:minmax(0,1fr) 280px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-layout{grid-template-columns:1fr}.status-layout>.basket-panel{position:static}.receipt{width:100%;max-width:440px}.role-layout{grid-template-columns:1fr}.queue-list{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-panel{padding:15px}.queue-panel h3{font-size:16px;margin-bottom:11px}.queue-card{padding:10px}.queue-card strong{font-size:15px}.queue-card .pill{font-size:9px;padding:3px 6px}.queue-card>div{display:block}.queue-card .pill{margin-top:4px}.queue-card small{display:none}.vocab-grid{grid-template-columns:repeat(3,1fr)}.qr-card-grid{grid-template-columns:repeat(2,1fr)}.game-head h2{font-size:26px}.game-head p{font-size:12px}.teacher-stats{gap:10px}.stat{padding:16px}.stat strong{font-size:27px}.board-banner{padding:18px}.topbar{gap:12px}.brand h1{font-size:19px}.brand small{font-size:9px}.brand-mark{width:38px;height:38px;border-radius:12px}.room-chip{font-size:10px;padding:5px 8px}.room-chip strong{font-size:14px}.top-tools button{padding:6px 8px;font-size:10px}.top-tools{gap:5px}.board-code{font-size:26px}.compact-mission{padding:13px 15px}.compact-mission strong{font-size:15px}}
@media(max-width:620px){.topbar{padding:16px 16px 13px;flex-wrap:wrap;gap:10px}.brand h1{font-size:18px}.brand small{font-size:9px}.top-tools{margin-left:auto}.topbar .room-chip{order:2;width:100%;display:flex;justify-content:space-between;align-items:center;margin:2px 0 0}.topbar .room-chip strong{font-size:18px}.page{padding:20px 16px 28px}.footer{padding:0 16px 20px;font-size:9px}.footer>span:last-child{display:none}.hero-copy h2{font-size:40px;letter-spacing:.01em}.hero-copy p{font-size:13px;max-width:350px}.hero-tags{gap:6px;margin-top:14px}.hero-tags .pill{font-size:10px;padding:5px 8px}.hero-visual{margin:-15px -15px -8px}.stall-art{max-height:270px}.hero-quote{font-size:11px;left:4%;top:29%}.home-hero{margin-top:0}.entry-card{border-radius:18px;padding:21px}.entry-card h2{font-size:24px}.entry-card>p{font-size:12px;margin-bottom:17px}.entry-tabs{margin:13px 0 18px}.role-intro{grid-template-columns:1fr;gap:15px}.role-intro article{display:flex;padding-top:16px}.role-number{font-size:27px;width:35px}.role-intro h3{font-size:16px}.role-intro p{font-size:12px}.game-head{display:block;margin-bottom:17px}.game-head h2{font-size:26px}.game-tools{justify-content:flex-start;margin-top:14px;gap:6px}.game-tools button,.game-tools select{font-size:11px;padding:8px 10px}.role-nav{margin-bottom:17px;width:100%;justify-content:space-around;gap:2px;padding:4px}.role-nav button{font-size:11px;padding:8px 9px;flex:1}.shop-layout{display:flex;flex-direction:column;gap:18px}.shop-layout .catalog-panel{width:100%}.basket-panel{position:static;width:100%}.shop-layout .mobile-mission{display:block}.mission-card{padding:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:11px;border-radius:14px}.product-art{height:108px}.product-card .product-art .produce-svg{height:105px}.product-name{font-size:20px}.product-name .py{font-size:10px}.product-bottom{margin-top:12px}.price{font-size:22px}.price small{font-size:10px}.qty-control button{width:29px;height:29px}.qty-control{gap:2px}.qty-control output{min-width:18px}.catalog-toolbar{margin-bottom:12px;gap:5px}.category-tabs{gap:2px}.category-tabs button{font-size:11px;padding:7px 11px}.category-label{font-size:9px}.basket-card{padding:20px}.basket-card h3{font-size:22px}.stepper{margin:13px 0 20px}.step{font-size:9px}.status-card{padding:21px;border-radius:16px}.status-card h3{font-size:24px}.status-card>p{font-size:13px}.status-icon{width:50px;height:50px;border-radius:16px;font-size:24px}.compare-grid{gap:8px}.compare-column{padding:12px 9px}.compare-column .basket-item{gap:5px}.compare-column .basket-item .produce-svg{width:31px}.compare-column .basket-item{font-size:12px}.actions button{font-size:12px;padding:11px 12px}.waiting-visual .produce-svg{width:100px;height:100px}.queue-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.queue-card{padding:10px 8px;border-radius:9px}.queue-card strong{font-size:14px}.queue-panel h3{font-size:17px}.delivery-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.delivery-shelf .product-card{padding:8px 5px}.delivery-shelf .product-name{font-size:15px;text-align:center}.delivery-shelf .product-top{display:block}.delivery-shelf .product-art{height:64px}.delivery-shelf .product-art .produce-svg{height:65px}.delivery-shelf .qty-control button{width:24px;height:25px}.delivery-shelf .qty-control output{font-size:12px;min-width:15px}.order-header h3{font-size:22px}.order-header .hint{font-size:11px}.order-list-inline{padding:11px;gap:6px 13px}.order-list-inline span{font-size:12px}.cash-note{padding:15px 5px;font-size:25px}.teacher-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stat{padding:13px 10px;border-radius:11px}.stat strong{font-size:25px}.stat span{font-size:9px;margin-top:5px}.board-grid{grid-template-columns:1fr;gap:12px}.group-card{padding:18px;min-height:170px}.group-card-title h3{font-size:21px}.board-banner{display:block;padding:19px;margin-bottom:19px}.board-banner h3{font-size:18px}.board-banner .primary{margin-top:14px;width:100%}.board-code{font-size:29px;margin-top:5px}.board-banner p{font-size:11px}.demo-strip{padding:10px 12px;font-size:11px;align-items:center}.demo-strip select{font-size:10px;max-width:139px}.compact-mission{display:block}.compact-mission .budget{display:inline-block;margin-top:8px}.game-tools button[data-action=exit]{margin-left:auto}.receipt{padding:24px 22px}.status-layout{gap:18px}.speech-box{padding:14px}.speech-line{font-size:14px}.speech-line .py{font-size:10px}dialog{padding:25px 19px;max-width:calc(100% - 24px);border-radius:18px;max-height:91dvh}.modal-title{font-size:24px;margin-top:8px}.modal-intro{font-size:12px}.modal-close{top:11px;right:11px;width:32px;height:32px}.qr-main{display:block;padding:16px;text-align:center}.qr-main>div:last-child{margin-top:14px}.qr-main h3{font-size:20px}.qr-card-grid{gap:8px}.qr-card{padding:12px 7px;border-radius:10px}.qr-card h3{font-size:17px}.qr-card p{font-size:9px}.qr-card .qr-box{padding:5px}.qr-card .qr-box img,.qr-card .qr-box canvas{width:124px;height:124px}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vocab-grid .product-card .product-art{height:90px}.vocab-grid .product-name{font-size:19px}.phrase-card{padding:13px 11px;gap:9px}.phrase-card strong{font-size:16px}.phrase-card .py{font-size:11px}.phrase-card .audio-button{width:30px;height:30px}.teacher-flow p{font-size:11px}.print-note{font-size:10px}.entry-footer{font-size:9px}.end-message{padding:55px 18px}.end-message h2{font-size:27px}#toast{bottom:22px;font-size:12px;padding:11px 16px}.mobile-order-link{display:block}.mobile-mission:empty{display:none}}
@media(min-width:621px){.mobile-mission,.mobile-order-link{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition:none!important}}
@media(max-width:620px){.desktop-mission{display:none}}
.print-cards-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:9px 0;text-decoration:none;color:#6f8c60}.mobile-cart-bar{display:none}
@media(max-width:620px){body:has(.mobile-cart-bar) .footer{padding-bottom:95px}.mobile-cart-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;align-items:center;justify-content:space-between;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:#fffefaf2;backdrop-filter:blur(10px);border-top:1px solid #dce4d2;box-shadow:0 -5px 22px #3b57330a}.mobile-cart-bar span{font-size:11px;color:#8c9c7c}.mobile-cart-bar b{font-size:22px;color:var(--green);margin-right:6px}.mobile-cart-bar button{font-size:12px;padding:10px 16px}}
@media print{body{background:white!important;font-size:11px}body>#app,body>#toast,body>#voice{display:none!important}dialog{position:static!important;display:block!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important}dialog::backdrop,.modal-close,.modal-actions,.no-print{display:none!important}.qr-main{display:none!important}.qr-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:13px!important}.qr-card{break-inside:avoid;padding:15px 9px!important}.qr-card .qr-box img,.qr-card .qr-box canvas{width:142px!important;height:142px!important}.modal-title{font-size:24px}.qr-card p{font-size:11px}.qr-card h3{font-size:20px}.receipt{box-shadow:none;border:1px solid #bbb;margin:15px auto}.receipt:after{display:none}.print-note{font-size:11px}.print-only{display:block!important}@page{size:A4;margin:12mm}}

/* 第11课：暖橘色水果店与口语练习。 */
:root{--paper:#fcf7ee;--white:#fffdf7;--ink:#493e31;--muted:#8b7e6d;--green:#a45c28;--green-dark:#82431c;--green-light:#f9ead4;--line:#e9ddc7;--orange:#d78b36;--gold:#edbe6e;--shadow:0 12px 36px #8662340a}
.hero-copy .eyebrow{letter-spacing:.08em;color:#9e794e;font-size:11px}.hero-copy em{color:#c77b30}.hero-tags .pill{background:#f2ead8;color:#8c6a3e}.hero-visual{margin-top:0}.hero-quote{background:#fff9e9;color:#996129;border-color:#ebd4b0}.brand-mark{background:#f6dfbc}.entry-card{border-color:#e4d3b6}.role-number{color:#c7a87c}.role-intro h3{color:#825129}.lesson-intro{margin:0 0 30px;padding:24px 28px;border:1px solid #e8cfa6;border-radius:18px;background:#fff0d5;display:flex;align-items:center;justify-content:space-between;gap:22px}.lesson-intro h3{font-size:23px;margin:5px 0 9px;line-height:1.4}.lesson-intro p{font-size:14px;margin:0;color:#8c704e;line-height:1.8}.lesson-intro button{flex-shrink:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.product-art{height:145px}.product-card .product-art .produce-svg{height:140px}.product-name{font-size:23px}.product-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.price-note{display:block;color:#9a896e;font-size:10px;font-weight:400;line-height:1.5;margin-top:2px}.spoken-price{font-size:12px;color:#936b42;margin-top:8px}.qty-control output{min-width:30px}.delivery-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.delivery-shelf .product-bottom{display:flex}.delivery-shelf .product-name{font-size:15px}.speech-box,.compact-mission,.board-banner{background:#fbf0dd;border-color:#e9d9bc}.speech-line .audio-meta{color:#9b8868}.lesson-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px 0}.lesson-tabs button{font-size:12px;padding:11px 6px;line-height:1.5}.lesson-tabs button.active{background:#a45c28;border-color:#a45c28;color:white}.lesson-source{background:#fff3de;border:1px solid #ecd6af;border-radius:16px;padding:25px}.lesson-source h3{font-size:23px;margin:12px 0}.lesson-source p{font-size:13px;color:#8d7559}.full-original{display:block;width:100%;margin:22px 0 8px}.lesson-goals{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.lesson-goals span{padding:8px 11px;background:#f8f1e4;border-radius:8px;font-size:12px;color:#886540}.lesson-dialogue{display:grid;gap:10px}.dialogue-turn{display:grid;grid-template-columns:60px minmax(0,1fr) 36px;gap:12px;align-items:center;border:1px solid #e9dfcf;border-radius:14px;padding:16px}.dialogue-turn.customer{background:#fff5e2}.dialogue-turn strong{font-size:18px;font-weight:600;line-height:1.65}.dialogue-role{font-size:12px;color:#9c7447}.dialogue-turn .py{font-size:12px;color:#a18a6a;line-height:1.6}.lesson-role-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.lesson-role-pair article{background:#fbf1df;border:1px solid #ead8b9;border-radius:14px;padding:20px}.lesson-role-pair h3{font-size:21px;margin:5px 0 10px}.lesson-role-pair p{line-height:2;font-size:17px;margin:0}.lesson-product-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.lesson-product-row .product-art{height:85px}.lesson-product-row .product-card .product-art .produce-svg{height:85px}.lesson-product-row .product-name{font-size:16px}.lesson-product-row .product-bottom{display:block}.lesson-product-row .product-card{padding:10px}.lesson-product-row .price{font-size:22px}.lesson-product-row .price small{font-size:10px}.spoken-total{font-size:19px;color:#8f5b2f;margin:0 0 15px}.mission-note{font-size:11px!important;line-height:1.7;color:#9d7852!important}.cash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cash-note{background:#faf1e0;color:#9a6838;border-color:#e6d4b6}.cash-note.active{background:#f4dfbd}.cash-note small{color:#a28e71}
@media(max-width:1100px){.product-bottom{grid-template-columns:1fr}.qty-control{justify-content:space-between}.qty-control button{width:38px;height:36px}.product-card .product-art .produce-svg{height:118px}.product-art{height:120px}}
@media(max-width:620px){.top-tools{gap:4px}.top-tools button{font-size:10px;padding:7px}.brand{flex:1}.brand h1{font-size:18px}.brand small{font-size:9px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.02em}.hero-copy h2{font-size:40px}.hero-visual{margin:0 -15px -7px}.lesson-intro{display:block;padding:20px;margin-bottom:24px}.lesson-intro h3{font-size:20px}.lesson-intro p{font-size:12px}.lesson-intro button{width:100%;margin-top:18px;font-size:12px}.product-name{font-size:20px}.product-bottom{grid-template-columns:1fr}.qty-control button{width:42px;height:38px}.qty-control output{font-size:17px}.price-note{font-size:9px}.product-art,.product-card .product-art .produce-svg{height:105px}.category-label{font-size:9px}.delivery-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-shelf .product-card{padding:10px}.delivery-shelf .product-name{font-size:17px}.delivery-shelf .product-art,.delivery-shelf .product-art .produce-svg{height:85px}.delivery-shelf .qty-control{width:100%}.delivery-shelf .qty-control button{width:35px;height:35px}.delivery-shelf .product-bottom{display:block}.lesson-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-tabs button{font-size:12px;padding:10px}.lesson-source{padding:18px}.lesson-source h3{font-size:21px}.dialogue-turn{grid-template-columns:45px minmax(0,1fr) 30px;gap:8px;padding:13px 10px}.dialogue-turn strong{font-size:17px}.dialogue-turn .py{font-size:10px}.dialogue-role{font-size:10px}.lesson-role-pair{gap:8px}.lesson-role-pair article{padding:14px}.lesson-role-pair h3{font-size:17px}.lesson-role-pair p{font-size:14px}.lesson-product-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-product-row .product-name{font-size:17px}.lesson-product-row .price{font-size:20px}.cash-note{font-size:21px;padding:16px 4px}.cash-note small{font-size:9px}.footer{font-size:9px}.queue-card .pill{white-space:normal}}

.lesson-models{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.lesson-models article{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px;background:#fffaf0;border:1px solid #e8d8bd;border-radius:12px}.lesson-models strong{font-size:15px}.phrase-scope{display:inline-block;font-size:9px;padding:3px 7px;border-radius:5px;background:#f4ead5;color:#907044;margin-top:7px}@media(max-width:620px){.lesson-models{grid-template-columns:1fr}.lesson-models article{padding:15px}.lesson-models strong{font-size:14px}}

/* 多水果迁移与看图说话。 */
.catalog-toolbar{align-items:flex-start;flex-wrap:wrap}.category-tabs{flex-wrap:wrap;row-gap:6px}.category-tabs button[data-category="本组清单"]{border-color:#d9ac6b;background:#fff0d3;color:#8f571f}.category-tabs button[data-category="本组清单"].active{background:#a45c28;color:white}.category-label{margin-left:auto;white-space:nowrap;padding:8px 0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.hero-visual .stall-art{max-height:440px}.fruit-challenge{border:1px solid #e6cfab;border-radius:16px;background:#fff7e8;padding:20px;margin:22px 0}.fruit-challenge .section-title{font-size:21px}.fruit-challenge .section-heading{align-items:center}.fruit-challenge .section-heading button{font-size:12px;flex-shrink:0}.challenge-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.challenge-pair article{border:1px solid #e5d5ba;border-radius:13px;background:#fffdf7;padding:16px;text-align:center;position:relative}.challenge-pair .produce-svg{display:block;height:135px;max-width:100%;margin:auto}.challenge-pointer{display:block;text-align:left;font-size:12px;color:#a07942;font-weight:600}.challenge-word{min-height:58px}.challenge-word strong{font-size:22px}.challenge-word .py{font-size:12px;color:#a08a6b}.challenge-price{font-size:22px;color:#975d27;font-weight:650;margin:5px}.challenge-pair .audio-button{position:absolute;right:12px;top:12px}.hide-words .challenge-word{visibility:hidden}.challenge-controls{display:flex;align-items:center;gap:12px;margin:15px 0}.challenge-controls button{flex-shrink:0;font-size:12px}.challenge-controls p{font-size:12px;color:#9b815e;line-height:1.7;margin:0}.challenge-cues{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px dashed #dfc9a5;padding-top:15px}.challenge-cues span{font-size:13px;line-height:1.8;color:#82552e}.fruit-challenge .speech-note{padding:0;background:none;margin-bottom:0}.vocab-grid .product-bottom{display:block}.vocab-grid .price{font-size:23px}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.catalog-toolbar{gap:3px}.category-tabs{width:100%;justify-content:flex-start}.category-tabs button{padding:7px 9px;font-size:10px}.category-label{padding:2px 0;margin-bottom:5px}.hero-visual .stall-art{max-height:310px}.fruit-challenge{padding:14px}.fruit-challenge .section-heading{display:block}.fruit-challenge .section-heading button{margin-top:10px}.fruit-challenge .section-title{font-size:19px}.challenge-pair{gap:8px}.challenge-pair article{padding:12px 8px}.challenge-pair .produce-svg{height:100px}.challenge-word strong{font-size:18px}.challenge-word .py{font-size:10px}.challenge-word{min-height:52px}.challenge-price{font-size:19px}.challenge-pair .audio-button{width:25px;height:25px;right:7px;top:8px}.challenge-controls{display:block}.challenge-controls button{width:100%}.challenge-controls p{margin-top:8px}.challenge-cues{grid-template-columns:1fr;gap:5px}.challenge-cues span{font-size:13px}}

.offline-entry .primary{margin:18px 0}.offline-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 19px}.offline-actions button:last-child{grid-column:1/-1}.offline-entry .hint{line-height:1.8}.offline-entry .feedback{font-size:12px;line-height:1.8}

.footer{flex-wrap:wrap;gap:10px 24px}.footer .icp-link{flex-basis:100%;text-align:center;color:inherit;text-decoration:none;overflow-wrap:anywhere}.footer .icp-link:hover{text-decoration:underline}