:root{color:#17241c;background:#c9d5cc;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(480px,100%);min-height:100dvh;margin:0 auto;background:#f4f1ea;color:#17241c}.screen{min-height:100dvh;display:flex;flex-direction:column}.screen-body{flex:1;padding:calc(20px + env(safe-area-inset-top)) 20px 12px}.screen-footer{position:sticky;bottom:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:#f4f1eaf5;border-top:1px solid #e4ddd2}.eyebrow{margin:0 0 8px;color:#3e6b58;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:2rem;line-height:1.1;letter-spacing:-.03em}.lede{margin-bottom:20px;color:#44564c}.rules{margin:0 0 24px;padding:0;list-style:none}.rules li{position:relative;margin:0 0 10px;padding-left:16px;color:#2c3c33}.rules li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#1f7a56}.size-list{display:grid;gap:10px}.size-button,.primary,.ghost{border:0;border-radius:14px}.size-button{display:flex;justify-content:space-between;align-items:baseline;width:100%;min-height:64px;padding:14px 16px;background:#17382c;color:#f7f4ee;text-align:left}.size-button strong{font-size:1.35rem}.size-button span{color:#d5e6dc;font-size:.92rem}.fresh-note{margin:18px 0 0;color:#5c6d63;font-size:.92rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.progress-label{margin:0;font-size:.92rem;font-weight:700}.text-button{border:0;padding:0;background:transparent;color:#6a5648;text-decoration:underline;text-underline-offset:3px}.track{height:6px;margin-bottom:18px;border-radius:99px;background:#e3ddd3;overflow:hidden}.track span{display:block;height:100%;background:#1f7a56}.prompt{margin-bottom:8px;font-size:1.28rem;line-height:1.25;letter-spacing:-.02em}.hint{margin-bottom:14px;color:#5c6d63;font-size:.92rem}.signal{display:grid;place-items:center;margin:0 0 16px;min-height:148px;padding:12px;border:1px solid #e4ddd2;border-radius:16px;background:#fff}.signal img{width:auto;max-width:180px;max-height:132px;object-fit:contain}.options{display:grid;gap:8px;margin:0;padding:0;list-style:none}.option{width:100%;min-height:52px;padding:12px 14px;border:1.5px solid #d9d1c6;border-radius:14px;background:#fff;color:inherit;text-align:left}.option.is-selected{border-color:#17382c;background:#e7f3ec}.option.is-key{border-color:#1f7a56;background:#e5f6ee}.option.is-wrong{border-color:#a33b32;background:#fdeeed}.option:disabled{opacity:1;cursor:default}.primary{width:100%;min-height:52px;background:#1f7a56;color:#f7f4ee;font-weight:700}.primary:disabled{opacity:.45}.ghost{width:100%;min-height:48px;margin-top:8px;background:transparent;color:#6a5648}.feedback{margin-bottom:10px;font-weight:700}.feedback.is-ok{color:#176746}.feedback.is-bad{color:#a33b32}.exit-box{margin-bottom:10px;color:#44564c}.result-hero{margin-bottom:18px;padding:18px;border-radius:18px}.result-hero.is-ok{background:#17382c;color:#f7f4ee}.result-hero.is-bad{background:#6e2d28;color:#f7f4ee}.result-hero h1{margin-bottom:6px}.result-hero p{margin-bottom:0}.score{margin:8px 0 0;font-size:1.6rem;font-weight:700;letter-spacing:-.03em}.misses{display:grid;gap:12px;margin:0 0 8px;padding:0;list-style:none}.miss{padding:14px;border-radius:16px;background:#fff;border:1px solid #e4ddd2}.miss h2{margin-bottom:8px;font-size:1rem;line-height:1.3}.miss p{margin-bottom:6px}.miss .label{color:#6a5648;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.section-title{margin-bottom:10px;font-size:1.05rem}