html,body{margin:0;height:100%;overflow:hidden;background:#cfe8ff;font-family:system-ui,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#game canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.touch-controls,#ui>.hud-left,#ui>.hud-right,#ui>.toast{pointer-events:none}#door-prompt{position:absolute;left:50%;bottom:var(--prompt-bottom, 22%);transform:translate(-50%,6px);padding:8px 16px;border-radius:999px;background:#ffffffeb;color:#3a2f55;font-size:20px;font-weight:700;box-shadow:0 2px 8px #00000040;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease}#door-prompt.show{opacity:1;transform:translate(-50%)}#door-prompt[hidden]{display:none}.toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%);max-width:90vw;padding:10px 16px;border-radius:12px;background:#281e46f0;color:#fff;font-size:16px;text-align:center;pointer-events:none;transition:opacity .25s;opacity:0}.toast.show{opacity:1}.toast.show.dip{opacity:.3;transition:none}@media(pointer:coarse){.toast{bottom:calc(env(safe-area-inset-bottom) + 110px)}}html.touch-on .toast{bottom:calc(env(safe-area-inset-bottom) + 110px)}.fatal-error{margin:24px;padding:16px;border-radius:12px;background:#fff3f0;color:#7a1f10;font-size:16px}.touch-controls{display:none;position:absolute;left:0;right:0;bottom:0;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-dirs{display:flex;gap:14px;pointer-events:none}.touch-controls button{pointer-events:auto;min-width:72px;min-height:72px;padding:0 18px;border:0;border-radius:20px;background:#3a2f55c7;color:#fff;font-size:28px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform .08s,background-color .08s,opacity .15s}.touch-controls button[data-touch=enter]{font-size:22px;min-width:96px;background:#d65c3ce0}.touch-controls button.idle{opacity:.55}.touch-controls button.down{background:#6e5aa0f2;transform:scale(.95)}@media(pointer:coarse){.touch-controls{display:flex}}html.touch-on .touch-controls{display:flex}.dlg-sheet{position:absolute;left:0;right:0;bottom:0;max-height:92%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding:14px 16px 0;background:#fff8ec;border-top:3px solid #3a2f55;border-radius:20px 20px 0 0;box-shadow:0 -6px 24px #00000047;color:#2b2340;font-size:17px;max-width:640px;margin:0 auto;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out}.dlg-sheet.entering{transform:translateY(32px);opacity:0}.dlg-sheet.leaving{transform:translateY(32px);opacity:0;transition-duration:.18s;transition-timing-function:ease-in}.dlg-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.dlg-fade{display:none}.dlg-head{flex:none;display:flex;align-items:center;gap:8px;margin-bottom:8px}.dlg-name{font-size:18px}.dlg-x{margin-left:auto;min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;font-size:20px;color:#6b5f85}.dlg-bubble{flex:none;max-height:30vh;overflow-y:auto;box-sizing:border-box;background:#fff;border:2px solid #3a2f55;border-radius:14px;padding:10px 12px;margin-bottom:12px}.dlg-bubble-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.dlg-fr{font-size:19px;font-weight:600;line-height:1.35}.dlg-vi{margin-top:6px;color:#5a4f75;font-size:15px}.dlg-vi[hidden]{display:none}.dlg-toggle{margin-top:6px;min-height:36px;padding:0 4px;border:0;background:none;color:#2d5bd1;font-size:14px;text-decoration:underline}.speak{flex:none;min-width:44px;min-height:44px;border:0;border-radius:12px;background:#eef2ff;font-size:22px}.speak:disabled{opacity:.4}.dlg-answers{display:grid;gap:8px}.answer{min-height:48px;padding:10px 12px;text-align:left;font:inherit;font-size:16px;color:inherit;background:#fff;border:2px solid #6b5f85;border-radius:12px;animation:dlg-fade-in .18s ease-out}.answer:active:not(:disabled),.dlg-next:active{transform:scale(.98)}.answer:focus-visible,.dlg-next:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}.answer.wrong{border-color:#c33;background:#ffecec;animation:dlg-shake .3s ease-in-out}.answer.wrong:before{content:"❌ "}.answer.correct{border-color:#2a8a2a;background:#eaffea;opacity:1;animation:dlg-pulse .28s ease-out}.answer.correct:before{content:"✅ "}.answer:disabled:not(.wrong):not(.correct){opacity:.55}.dlg-feedback{display:grid;min-height:118px;margin-top:10px;scroll-margin-bottom:12px}.dlg-feedback>*{grid-area:1 / 1}.dlg-feedback>.dlg-out{animation:dlg-fade-out .16s ease-in forwards}.dlg-card{padding:10px 12px;background:#fffbe6;border:2px solid #d9a400;border-radius:12px;font-size:15px;animation:dlg-card-in .22s ease-out}.dlg-card p{margin:4px 0 0}.dlg-retry{color:#555}.dlg-reward{align-self:start;display:grid;gap:8px;text-align:center;animation:dlg-pop .26s cubic-bezier(.3,1.4,.5,1)}.dlg-stars{font-size:20px;font-weight:700}.dlg-rating{font-size:20px;font-weight:700;letter-spacing:1px}.dlg-close{min-height:52px;border:2px solid #b8adcf;border-radius:12px;background:#f1ecf8;color:#3a2f55;font-size:18px;font-weight:700;width:100%;margin-top:8px}.dlg-reward .dlg-close{margin-top:0}.dlg-next{min-height:52px;border:2px solid #2d5bd1;border-radius:12px;background:#dfe9ff;color:#1c3a8c;font-size:18px;font-weight:700;width:100%;margin-top:8px}.dlg-reward .dlg-next{margin-top:0}@keyframes dlg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dlg-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dlg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes dlg-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.03)}}@keyframes dlg-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dlg-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media(max-aspect-ratio:1/1){.dlg-sheet{max-height:62vh}}@media(max-height:480px){.dlg-sheet{padding:6px 12px 0;font-size:16px;border-radius:16px 16px 0 0}.dlg-head{gap:6px;margin-bottom:4px}.dlg-name{font-size:16px;margin-right:2px}.dlg-head .dlg-toggle{margin-top:0}.dlg-bubble{padding:6px 10px;margin-bottom:8px;border-radius:12px}.dlg-fr{font-size:17px;line-height:1.3}.dlg-vi{margin-top:2px;font-size:14px}.dlg-answers{gap:6px}.answer{min-height:44px;padding:6px 10px;font-size:15px}.dlg-feedback{min-height:92px;margin-top:8px}.dlg-card{padding:6px 10px;font-size:14px}.dlg-card b{float:left;margin-right:6px}.dlg-card p{margin:2px 0 0}.dlg-reward{gap:4px}.dlg-stars{font-size:18px}.dlg-next{min-height:44px;font-size:17px;margin-top:6px}.dlg-scroll{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.dlg-fade{display:block;position:absolute;left:0;right:0;bottom:0;height:28px;pointer-events:none;background:linear-gradient(#fff8ec00,#fff8ecf5);box-shadow:inset 0 -10px 10px -10px #2b234059;opacity:0;transition:opacity .15s}.dlg-sheet.can-scroll .dlg-fade{opacity:1}}@media(max-height:480px)and (min-width:560px){.dlg-answers{grid-template-columns:1fr 1fr}}.hud-left{position:absolute;left:12px;top:12px;max-width:55vw;padding:8px 12px;border-radius:14px;background:#ffffffeb;color:#2b2340;box-shadow:0 2px 8px #0003;pointer-events:none}.hud-stars{font-size:20px;font-weight:700}.hud-quest{font-size:14px;margin-top:2px;transition:opacity .15s ease-out}.hud-left.pulse{animation:hud-pulse .4s ease-out}@keyframes hud-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hud-quest{transition:none}.hud-left.pulse{animation:none}}.hud-right{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:40vw;pointer-events:none}.hud-right>*{pointer-events:auto}.hud-inv{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;pointer-events:none}.hud-item{padding:2px 8px;border-radius:999px;background:#ffffffeb;font-size:16px}.hud-inv:empty{display:none}.hud-char{min-height:44px;padding:0 14px;border:2px solid #3a2f55;border-radius:12px;background:#fff8ec;color:#2b2340;font-size:16px;font-weight:700}.cc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;background:#1e16328c;animation:cc-fade-in .2s ease-out;transition:opacity .18s ease-in}.cc-overlay.cc-leaving{opacity:0}.cc-panel{box-sizing:border-box;width:100%;max-width:560px;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;border:3px solid #3a2f55;border-radius:20px;color:#2b2340;animation:cc-pop-in .22s ease-out;transition:transform .18s ease-in}.cc-leaving .cc-panel{transform:scale(.96)}.cc-title{margin:0 0 6px;font-size:20px;text-align:center}.cc-preview{display:flex;justify-content:center;margin-bottom:8px}.cc-preview svg{height:120px;width:auto}.cc-row{margin-bottom:8px}.cc-row-title{font-size:14px;font-weight:700;margin-bottom:4px}.cc-opts{display:flex;flex-wrap:wrap;gap:6px}.cc-opt{min-width:44px;min-height:44px;padding:0 10px;border:2px solid #6b5f85;border-radius:12px;background:#fff;color:inherit;font:inherit;font-size:15px}.cc-swatch{padding:0;width:44px}.cc-opt.sel{border-color:#2d5bd1;box-shadow:0 0 0 3px #b9ccff}.cc-opt.locked{opacity:.55;border-style:dashed}.cc-opt:focus-visible,.cc-actions button:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}.cc-actions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:10px -14px calc(-14px - env(safe-area-inset-bottom));padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;box-shadow:0 -6px 8px -4px #3a2f5540}.cc-actions button{flex:1 1 auto;min-height:48px;padding:0 14px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font:inherit;font-size:16px;font-weight:700;color:inherit}.cc-actions .cc-save{border-color:#2d5bd1;background:#dfe9ff;color:#1c3a8c}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(orientation:landscape)and (max-height:520px){.cc-panel{display:grid;grid-template-columns:minmax(120px,34%) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"title rows" "preview rows" "actions actions";column-gap:12px;height:100%;overflow:hidden;padding-bottom:0}.cc-title{grid-area:title;font-size:17px;margin:0 0 2px;align-self:end}.cc-preview{grid-area:preview;align-items:center;margin:0;min-height:0}.cc-preview svg{height:min(120px,100%);max-height:100%}.cc-rows{grid-area:rows;grid-row:1 / 3;min-height:0;overflow-y:auto;padding-right:4px}.cc-actions{grid-area:actions;margin:6px -14px 0;padding:6px 14px calc(8px + env(safe-area-inset-bottom))}.cc-actions button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#boot-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:10px;background:#cfe8ff;transition:opacity .25s ease}#boot-loader[hidden]{display:none}#boot-loader.overlay{background:transparent;pointer-events:none}#boot-loader.done{opacity:0;pointer-events:none}#boot-loader i{width:14px;height:14px;border-radius:50%;background:#2d5bd1;opacity:.3;animation:boot-pulse 1s ease-in-out infinite}#boot-loader i:nth-child(2){animation-delay:.15s}#boot-loader i:nth-child(3){animation-delay:.3s}@keyframes boot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#boot-loader i{animation:none;opacity:.7}}#ui .hud-right>.hud-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;pointer-events:none}.hud-btns>button{pointer-events:auto}.hud-help{min-width:44px;padding:0;font-size:20px;line-height:1}.hud-daily,.hud-wardrobe,.hud-arrange{font-size:14px}.dly-header{font-size:16px;font-weight:700;flex:1}.coach{position:absolute;box-sizing:border-box;width:fit-content;max-width:min(440px,calc(100vw - 32px));padding:10px 42px 6px 14px;border:2px solid #3a2f55;border-radius:14px;background:#fff8ec;color:#2b2340;font-size:15px;line-height:1.35;box-shadow:0 4px 14px #00000038}.coach--top{left:16px;right:16px;margin:0 auto}.coach--quest{left:12px;max-width:min(340px,calc(100vw - 24px));cursor:pointer}.coach--quest:before{content:"";position:absolute;left:22px;top:-9px;width:14px;height:14px;background:#fff8ec;border-left:2px solid #3a2f55;border-top:2px solid #3a2f55;transform:rotate(45deg)}.coach--inline{position:relative;width:auto;max-width:none;margin:0 0 10px;padding:6px 40px 2px 10px;border-color:#2d5bd1;background:#eef2ff;box-shadow:none;font-size:14px}.coach-text{margin:0}.coach-skip{min-height:36px;padding:0;border:0;background:none;color:#2d5bd1;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.coach-x{position:absolute;top:2px;right:2px;min-width:40px;min-height:40px;border:0;border-radius:10px;background:transparent;color:#6b5f85;font-size:16px;cursor:pointer}.coach-skip:focus-visible,.coach-x:focus-visible{outline:3px solid #2d5bd1;outline-offset:1px}.coach-in{animation:coach-in .22s ease-out}.coach.coach-leaving{opacity:0;transition:opacity .18s ease-in}@keyframes coach-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-height:480px){.coach{padding:6px 40px 2px 12px;font-size:14px}.coach--inline{margin-bottom:6px;font-size:13px;line-height:1.3}.coach-skip{min-height:30px}}@media(prefers-reduced-motion:reduce){.coach-in{animation:none}.coach.coach-leaving{transition:none}}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;background:#1e16328c;animation:cc-fade-in .2s ease-out;transition:opacity .18s ease-in}.help-overlay.help-leaving{opacity:0}.help-panel{box-sizing:border-box;width:100%;max-width:560px;max-height:100%;overflow-y:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;border:3px solid #3a2f55;border-radius:20px;color:#2b2340;font-size:15px;line-height:1.4;animation:cc-pop-in .22s ease-out}.help-title{margin:0 0 4px;font-size:20px;text-align:center}.help-sec h3{margin:10px 0 4px;font-size:16px}.help-sec ul{margin:0;padding-left:20px}.help-sec li{margin:3px 0}.help-actions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px;margin:12px -16px calc(-14px - env(safe-area-inset-bottom));padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;box-shadow:0 -6px 8px -4px #3a2f5540}.help-actions button{flex:1 1 auto;min-height:48px;padding:0 14px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font:inherit;font-size:16px;font-weight:700;color:inherit}.help-actions .help-close{border-color:#2d5bd1;background:#dfe9ff;color:#1c3a8c}.help-actions button:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}@media(max-height:480px){.help-panel{padding-top:8px;font-size:14px}.help-title{font-size:17px}.help-sec h3{margin-top:6px;font-size:15px}.help-actions button{min-height:44px}}.coach--inline .coach-text{display:inline}.coach--inline .coach-skip{display:inline;min-height:0;margin-left:6px;padding:4px 0}.coach--inline{padding-bottom:6px}.obj-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;background:#1e16328c;animation:cc-fade-in .2s ease-out;transition:opacity .18s ease-in}.obj-overlay.obj-leaving{opacity:0}.obj-panel{box-sizing:border-box;width:100%;max-width:420px;max-height:100%;overflow-y:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;border:3px solid #3a2f55;border-radius:20px;color:#2b2340;font-size:15px;line-height:1.4;text-align:center;animation:cc-pop-in .22s ease-out}.obj-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:22px}.obj-speak{min-width:44px;min-height:44px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font-size:18px}.obj-vi{font-size:16px;color:#5a4f75}.obj-gender{display:inline-block;margin:6px 0;padding:2px 10px;border-radius:999px;background:#dfe9ff;color:#1c3a8c;font-size:13px;font-weight:700}.obj-prompt{margin:6px 0 8px;font-weight:700}.obj-actions{display:flex;flex-direction:column;gap:8px}.obj-row{display:flex;gap:8px}.obj-do,.obj-conj,.obj-close,.obj-extra{min-height:48px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font:inherit;font-size:16px;font-weight:700;color:inherit}.obj-do{flex:1 1 auto;padding:0 14px}.obj-conj{min-width:48px}.obj-extra{width:100%;margin-top:12px;border-color:#3a9a5a;background:#e6f8ec;color:#1a5c30}.obj-close{width:100%;margin-top:8px;border-color:#2d5bd1;background:#dfe9ff;color:#1c3a8c}.obj-panel button:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}@media(max-height:480px){.obj-panel{padding-top:8px;font-size:14px}.obj-title{font-size:18px}.obj-do,.obj-conj,.obj-close{min-height:44px}}.goods-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;background:#1e16328c;animation:cc-fade-in .2s ease-out;transition:opacity .18s ease-in}.goods-overlay.goods-leaving{opacity:0}.goods-panel{box-sizing:border-box;width:100%;max-width:420px;max-height:100%;overflow-y:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;border:3px solid #3a2f55;border-radius:20px;color:#2b2340;font-size:15px;line-height:1.4;text-align:center;animation:cc-pop-in .22s ease-out}.goods-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:22px}.goods-speak{min-width:44px;min-height:44px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font-size:18px}.goods-vi{font-size:16px;color:#5a4f75}.goods-gender{display:inline-block;margin:6px 0;padding:2px 10px;border-radius:999px;background:#dfe9ff;color:#1c3a8c;font-size:13px;font-weight:700}.goods-plural{margin:2px 0 8px;font-size:14px;color:#5a4f75}.goods-verbs{display:flex;flex-direction:column;gap:10px;text-align:left}.goods-row{display:flex;flex-direction:column;gap:4px;background:#fff;border:2px solid #e0d8f0;border-radius:12px;padding:8px 10px}.goods-verb-line{font-size:15px;font-weight:700}.goods-example{display:flex;flex-direction:column;gap:2px}.goods-ex-fr-wrap{display:flex;align-items:center;gap:6px}.goods-ex-fr{font-size:15px;font-weight:600;flex:1 1 auto}.goods-speak-ex{min-width:36px;min-height:36px;border:1px solid #b8adcf;border-radius:10px;background:#eef2ff;font-size:16px}.goods-ex-vi{font-size:13px;color:#5a4f75}.goods-conj{min-width:44px;min-height:44px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font-size:18px;align-self:flex-end}.goods-price{margin:10px 0 4px;font-size:18px;font-weight:700}.goods-buy,.goods-practice{width:100%;min-height:48px;border:2px solid #2d5bd1;border-radius:12px;background:#dfe9ff;font:inherit;font-size:16px;font-weight:700;color:#1c3a8c;margin-top:6px}.goods-buy:disabled{opacity:.55;border-color:#b8adcf;background:#f0ecf8;color:#6b5f85}.goods-reason{margin:4px 0 0;font-size:13px;color:#c33}.goods-close{width:100%;min-height:48px;border:2px solid #b8adcf;border-radius:12px;background:#f1ecf8;color:#3a2f55;font:inherit;font-size:18px;font-weight:700;margin-top:10px}.goods-panel button:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}@media(max-height:480px){.goods-panel{padding-top:8px;font-size:14px}.goods-title{font-size:18px}.goods-buy,.goods-practice,.goods-close{min-height:44px}}.conj-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;background:#1e16328c;animation:cc-fade-in .2s ease-out;transition:opacity .18s ease-in}.conj-overlay.conj-leaving{opacity:0}.conj-panel{box-sizing:border-box;width:100%;max-width:480px;max-height:100%;overflow-y:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff8ec;border:3px solid #3a2f55;border-radius:20px;color:#2b2340;font-size:15px;line-height:1.4;animation:cc-pop-in .22s ease-out}.conj-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:22px}.conj-speak{min-width:44px;min-height:44px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font-size:18px}.conj-vi{text-align:center;font-size:16px;color:#5a4f75}.conj-usage{margin:6px 0;font-size:14px}.conj-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.conj-tab{flex:1 1 auto;min-height:44px;padding:0 10px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font:inherit;font-weight:700;color:inherit}.conj-tab[aria-selected=true]{border-color:#2d5bd1;background:#dfe9ff;color:#1c3a8c}.conj-when{margin:4px 0;font-style:italic}.conj-aux{display:inline-block;margin:2px 0;padding:2px 10px;border-radius:999px;background:#dfe9ff;color:#1c3a8c;font-size:13px;font-weight:700}.conj-forms{display:grid;gap:4px;margin:6px 0}.conj-form{padding:6px 10px;border-radius:8px;background:#fff;font-size:17px;font-weight:700}.conj-example{margin:8px 0;padding:8px 10px;border-radius:10px;background:#f1ead8}.conj-ex-fr{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700}.conj-ex-vi{color:#5a4f75;font-size:14px}.conj-close{width:100%;min-height:48px;margin-top:8px;border:2px solid #2d5bd1;border-radius:12px;background:#dfe9ff;font:inherit;font-size:16px;font-weight:700;color:#1c3a8c}.conj-panel button:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}@media(max-height:520px){.conj-panel{padding-top:8px;font-size:14px}.conj-title{font-size:18px}.conj-close{min-height:44px}}.activity-bar{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 12px;border-radius:999px;background:#fff8ecf2;box-shadow:0 2px 8px #3a2f554d;font-size:16px}.activity-bar[hidden]{display:none}.activity-bar .activity-line{font-weight:600;color:#3a2f55}.activity-bar button{min-height:40px;padding:6px 12px;border:0;border-radius:999px;background:#6e5aa0;color:#fff;font:inherit;cursor:pointer}.activity-bar .activity-speak{background:transparent;color:inherit}.wrb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;background:#1e16328c;animation:cc-fade-in .2s ease-out;transition:opacity .18s ease-in}.wrb-overlay.wrb-leaving{opacity:0}.wrb-panel{box-sizing:border-box;width:100%;max-width:760px;max-height:calc(100vh - 16px);overflow-y:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:#fff8ec;border:3px solid #3a2f55;border-radius:20px;color:#2b2340;font-size:15px;line-height:1.4;animation:cc-pop-in .22s ease-out}.wrb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wrb-title{margin:0;font-size:22px}.wrb-close{min-height:44px;padding:0 16px;border:2px solid #2d5bd1;border-radius:12px;background:#dfe9ff;font:inherit;font-size:15px;font-weight:700;color:#1c3a8c}.wrb-main{display:grid;grid-template-columns:160px 1fr;gap:16px}@media(max-width:699px){.wrb-main{grid-template-columns:1fr}}.wrb-left{display:flex;flex-direction:column;gap:10px}.wrb-preview{display:flex;justify-content:center}.wrb-preview svg{width:80px;height:160px}.wrb-slots{display:flex;flex-direction:column;gap:4px}.wrb-slot-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:4px 8px;border:2px solid #c8bfe0;border-radius:10px;background:#fff;font:inherit;font-size:13px;text-align:left;cursor:pointer}.wrb-slot-label{color:#6b5f85;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.wrb-slot-value{font-size:13px;font-weight:600;color:#2b2340}.wrb-right{display:flex;flex-direction:column;gap:10px}.wrb-tabs{display:flex;gap:6px}.wrb-tab{flex:1 1 auto;min-height:40px;padding:0 10px;border:2px solid #6b5f85;border-radius:12px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:inherit}.wrb-tab-active{border-color:#2d5bd1;background:#dfe9ff;color:#1c3a8c}.wrb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.wrb-item{min-height:48px;padding:6px 8px;border:2px solid #c8bfe0;border-radius:12px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:inherit;text-align:left;cursor:pointer}.wrb-item-active{border-color:#2d5bd1;background:#dfe9ff}.wrb-detail{padding:10px 12px;border:2px solid #3a2f55;border-radius:14px;background:#fffbe6;display:flex;flex-direction:column;gap:6px}.wrb-detail-name{font-size:18px;font-weight:700}.wrb-detail-vi{font-size:14px;color:#5a4f75}.wrb-detail-gender{display:inline-block;padding:2px 10px;border-radius:999px;background:#dfe9ff;color:#1c3a8c;font-size:12px;font-weight:700}.wrb-verb-row{display:flex;gap:6px}.wrb-verb-do{flex:1 1 auto;min-height:44px;padding:0 10px;border:2px solid #6b5f85;border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:700;color:inherit;text-align:left}.wrb-verb-conj{min-width:44px;min-height:44px;border:2px solid #6b5f85;border-radius:10px;background:#fff;font:inherit;font-size:18px}.wrb-action{width:100%;min-height:48px;border:2px solid #3a9a5a;border-radius:12px;background:#e6f8ec;font:inherit;font-size:16px;font-weight:700;color:#1a5c30}.wrb-panel button:focus-visible{outline:3px solid #2d5bd1;outline-offset:2px}@media(max-height:480px){.wrb-panel{padding-top:8px;font-size:14px}.wrb-title{font-size:18px}.wrb-action,.wrb-close{min-height:44px}}