#commerce-app .living-tree{width:min(100%,410px);height:auto;min-height:0;aspect-ratio:1;transform:none;position:relative;overflow:visible}
#commerce-app .living-tree.compact{width:100%;max-width:330px;height:auto;min-height:0;margin:0;transform:none}
#commerce-app .living-tree .lili-tree-scene{display:block;width:100%;height:100%;object-fit:contain;animation:none;transform:none}
#commerce-app .commerce-lili{position:absolute;z-index:2;left:0;bottom:0;width:100%;clip-path:inset(41% 49% 17% 13%);aspect-ratio:1;background-image:url('/assets/commerce-lili-atlas.png');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0;filter:none}
#commerce-app .commerce-lili.satisfied{background-position:0 0}
#commerce-app .commerce-lili.eating{animation:commerceNibble 3.4s step-end none}
@keyframes commerceNibble{0%{background-position:0 0}10%{background-position:100% 0}23%{background-position:0 100%}36%{background-position:100% 0}49%{background-position:0 100%}61%{background-position:100% 0}70%,99%{background-position:100% 100%}100%{background-position:0 0}}
#commerce-app .commerce-continue{position:fixed;bottom:16px;right:20px;z-index:55;max-width:370px;box-shadow:0 6px 20px #18382c30}
#commerce-app .habitat-page{padding-bottom:92px}
#commerce-app .commerce-feed-note{display:block;margin-top:12px}
#commerce-app .memory-card p{font-size:clamp(18px,2.4vw,23px);line-height:1.65;white-space:pre-line}
#commerce-app .feedback details{font-size:14px;margin-top:8px}
#commerce-app .feedback details p{white-space:pre-line}
#commerce-app .task-heading h1{font-size:clamp(19px,2.5vw,27px);white-space:pre-line}
#commerce-app .classify-targets button,#commerce-app .match-board button{overflow-wrap:anywhere;line-height:1.5}
@media(max-width:560px){#commerce-app .commerce-continue{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none}#commerce-app .habitat-scene{min-height:0;padding-bottom:95px}#commerce-app .habitat-scene .living-tree{width:min(100%,330px);height:auto}#commerce-app .habitat-panel{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){#commerce-app .commerce-lili.eating{animation:none;background-position:0 0}}

#commerce-app .commerce-tree-base{position:absolute;inset:0;z-index:1;background-image:url('/assets/commerce-lili-atlas.png');background-size:200% 200%;background-position:0 0;border-radius:24px}
#commerce-app .commerce-review{padding:22px;background:#fff8ed;border:1px solid #d8dcbf;border-radius:22px}
#commerce-app .commerce-card-heading h1{font:600 18px/1.5 system-ui,sans-serif;color:#49616a;margin:12px 0 20px}
#commerce-app .commerce-rule .commerce-rule-lines p{font:750 clamp(24px,3vw,30px)/1.55 system-ui,sans-serif;color:#17384a;margin:12px 0;white-space:pre-line;overflow-wrap:anywhere}
#commerce-app .commerce-rule footer{font-size:12px}
#commerce-app .commerce-repair{margin:12px 0;padding:16px;background:#fff8e7;border-radius:16px}
#commerce-app .commerce-repair small{font-size:14px;color:#88632f}
#commerce-app .commerce-repair b{display:block;font-size:14px;font-weight:500;margin-top:12px}
#commerce-app .commerce-repair p{font-size:20px;font-weight:700;line-height:1.6;margin:8px 0}
#commerce-app .memory-card footer,#commerce-app .reference-note,#commerce-app .task-heading>small{font-size:14px;line-height:1.7}
#commerce-app .reference-or{font-weight:700;margin-right:6px}

#commerce-app .cloze-sentence{font-size:clamp(20px,2.6vw,27px);line-height:1.8;white-space:pre-line;margin-bottom:20px}#commerce-app .cloze-blank{color:#218866;border-bottom:2px solid #218866;padding:0 6px}#commerce-app .cloze-slots fieldset{border:0;padding:8px 0;margin:0}#commerce-app .cloze-slots legend{color:#218866;font-weight:700}#commerce-app .cloze-slots .minsu-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}