:root{font-family:ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif;color:#153528;background:#f6f4e9;font-size:16px}
    *{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0%,#ffe49b 0,transparent 32rem),#f6f4e9}
    button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ee8b22;outline-offset:3px}
    .wrap{max-width:1080px;margin:auto;padding:28px 24px 64px}
    header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:38px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:1.55rem;font-weight:950;letter-spacing:-.055em}.mark{width:47px;height:47px;display:grid;place-items:center;background:#ffd443;border:2px solid #153528;border-radius:15px;box-shadow:4px 4px 0 #153528;font-size:1.7rem;transform:rotate(-6deg)}.badge{border:1px solid #a7b5a5;border-radius:99px;padding:8px 13px;color:#385648;font-size:.85rem;font-weight:750}
    .intro{margin-bottom:24px}.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#98620c;font-size:.78rem;margin:0 0 7px}h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:.99;letter-spacing:-.07em;margin:0 0 12px;max-width:850px}h1 em{font-style:normal;color:#d78800}.lede{font-size:1.1rem;line-height:1.5;color:#51665a;margin:0;max-width:670px}
    .tool{background:#fffdf5;border:2px solid #173b2c;border-radius:25px;box-shadow:10px 10px 0 #173b2c;overflow:hidden}.tabs{display:flex;background:#e8ebd9;border-bottom:2px solid #173b2c;padding:8px;gap:8px}.tab{flex:1;border:0;border-radius:12px;background:transparent;padding:13px 16px;color:#365345;font-weight:850;text-align:center}.tab[aria-selected="true"]{color:#163b2b;background:#fffdf5;box-shadow:0 2px 8px #173b2c19}.tool-inner{padding:clamp(20px,4vw,42px)}.result-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#5b715f;margin-bottom:10px}.local{display:flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;font-weight:700;color:#4c6a59}.local:before{content:"";height:8px;width:8px;background:#23a363;border-radius:50%}
    .result{background:#173b2c;color:#fff9dc;border-radius:17px;min-height:130px;padding:23px;display:flex;align-items:center;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(1.35rem,3.5vw,2.15rem);line-height:1.35;font-weight:850;letter-spacing:.015em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:all}.result.scramble{letter-spacing:.045em}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.primary,.secondary{border-radius:12px;padding:13px 19px;font-weight:850;border:2px solid #173b2c;min-height:48px}.primary{background:#ffd443;color:#173b2c;box-shadow:3px 3px 0 #173b2c}.secondary{background:#fffdf5;color:#173b2c}.primary:active,.secondary:active{transform:translate(2px,2px);box-shadow:none}.status{min-height:23px;color:#286f48;font-weight:750;font-size:.88rem;margin:12px 0 0}
    .settings{border-top:1px solid #d7dfd1;margin-top:20px;padding-top:24px}.settings-heading{font-size:1.15rem;margin:0 0 18px;letter-spacing:-.025em}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px}.setting-label{font-weight:850}.help{display:block;color:#607367;font-size:.87rem;font-weight:500;margin-top:4px;line-height:1.35}.stepper{display:flex;align-items:center;border:2px solid #b8c6b5;border-radius:12px;overflow:hidden;flex:none}.stepper button{border:0;background:#eef2e6;width:43px;height:43px;font-size:1.4rem;color:#173b2c}.stepper output{min-width:42px;text-align:center;font-weight:900}
    .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check{display:flex;align-items:center;gap:11px;border:1px solid #cdd8c8;border-radius:13px;padding:12px 14px;background:#fbfcf5;font-weight:700;cursor:pointer;min-height:52px}.check input{width:19px;height:19px;accent-color:#267e4d;flex:none}.panel[hidden]{display:none}
    .meter{display:flex;align-items:center;gap:16px;margin-top:21px}.meter-bar{height:10px;flex:1;border-radius:99px;background:#e2e8d9;overflow:hidden}.meter-fill{height:100%;width:0;background:#d88817;border-radius:99px;transition:width .2s,background .2s}.meter-text{font-weight:850;color:#315340;min-width:112px;text-align:right}.hint{color:#5c7060;line-height:1.5;font-size:.88rem;margin:13px 0 0}
    footer{display:flex;justify-content:space-between;gap:20px;margin:36px 8px 0;color:#52685b;font-size:.9rem;line-height:1.5}footer p{margin:0;max-width:600px}.mini{font-weight:900;white-space:nowrap;color:#2d5d40}
    @media(max-width:620px){.wrap{padding:18px 15px 50px}header{margin-bottom:27px}.badge{display:none}.tool{box-shadow:5px 5px 0 #173b2c}.tab{padding:11px 6px;font-size:.9rem}.result{min-height:140px;padding:17px}.result-actions button{flex:1}.checks{grid-template-columns:1fr}.setting-row{gap:10px}footer{display:block}.mini{margin-top:12px}h1{font-size:clamp(2.45rem,11vw,4rem)}}
    @media(prefers-reduced-motion:reduce){.meter-fill{transition:none}}