:root{font:15px system-ui,sans-serif;color:#203a35;background:#f2f2e9;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:24px;background:linear-gradient(130deg,#f2ffc7,#faf5ed 55%,#f6e2e0);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;gap:16px}small{letter-spacing:.14em;font-size:11px}h1{font-size:clamp(22px,3vw,32px);margin:6px 0}.badge{background:#e6edb9;padding:8px 14px;border-radius:24px}.notice{background:#fff9de;padding:16px;border-radius:16px;line-height:1.6}nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}button{border:1px solid #69837b;border-radius:24px;min-height:44px;padding:10px 18px;color:#fff;background:#254f48;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #bc821d;outline-offset:3px}button:disabled{background:#d8ded8;color:#41584e;cursor:default}nav span{font-size:13px}#host{height:65vh;min-height:320px;border-radius:24px;overflow:hidden;background:#ffffffb3;border:1px solid #ffffff}#selection{min-height:28px}@media(max-width:600px){body{padding:16px}#host{height:58vh}header{align-items:flex-start}}