:root{--background:#f7f4ee;--surface:#fbf9f5;--text:#090909;--muted:#5d5b58;--line:#1b1b1b;--soft-line:#d3d0ca;--accent:#d9ff24;--shadow:#090909}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}.page-shell{width:min(100%,900px);min-height:100vh;margin:0 auto;padding:32px 24px 72px}.brand{gap:2px;display:grid}.brand strong{letter-spacing:-.05em;font-size:2rem;line-height:1}.brand span{font-size:1rem;line-height:1.4}.intro{margin-top:clamp(64px,15vw,108px)}.intro h1{letter-spacing:-.065em;max-width:820px;margin:0;font-size:clamp(3.25rem,13vw,6.25rem);font-weight:800;line-height:.96}.intro p{color:#2c2b29;letter-spacing:-.025em;max-width:760px;margin:30px 0 0;font-size:clamp(1.15rem,4.4vw,1.75rem);line-height:1.45}.goal-form{margin-top:36px}.goal-form textarea{resize:vertical;border:2px solid var(--line);background:var(--surface);width:100%;min-height:154px;color:var(--text);border-radius:5px;padding:22px 24px;font-family:Courier New,Courier,monospace;font-size:clamp(1rem,3.8vw,1.3rem);line-height:1.45;display:block}.goal-form textarea:focus-visible{outline:4px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:3px}.goal-form textarea[aria-invalid=true]{border-color:#a62b22}.goal-form button{border:2px solid var(--line);background:var(--accent);width:100%;min-height:64px;box-shadow:8px 9px 0 var(--shadow);color:var(--text);cursor:pointer;border-radius:5px;margin-top:14px;font-size:1.25rem;font-weight:800;transition:transform .14s,box-shadow .14s;display:block}.goal-form button:hover{box-shadow:10px 11px 0 var(--shadow);transform:translate(-2px,-2px)}.goal-form button:active{box-shadow:3px 3px 0 var(--shadow);transform:translate(5px,6px)}.goal-form button:focus-visible{outline:4px solid var(--text);outline-offset:5px}.form-error{color:#8d1f18;min-height:1.4em;margin:18px 0 0;font-size:.95rem;font-weight:700}.action-result{border:2px solid var(--line);background:var(--surface);box-shadow:8px 9px 0 var(--shadow);border-radius:5px;margin-top:28px;padding:0 20px}.action-result dl{margin:0}.result-row{border-bottom:1px solid var(--soft-line);grid-template-columns:minmax(116px,.8fr) minmax(0,1.6fr);gap:18px;padding:20px 0;display:grid}.result-row dt,.result-footer dt{color:var(--muted);font-size:.95rem;line-height:1.35}.result-row dd,.result-footer dd{letter-spacing:-.02em;margin:0;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:700;line-height:1.3}.result-row.next-action{border-top:1px solid var(--line);border-bottom-color:var(--line);padding:26px 0}.next-action dd{letter-spacing:-.055em;font-size:clamp(2rem,8.5vw,3.8rem);font-weight:850;line-height:.98}.result-footer{grid-template-columns:.75fr 1.6fr;display:grid}.result-footer>div{min-width:0;padding:20px 0 24px}.result-footer>div+div{border-left:1px solid var(--line);padding-left:20px}.result-footer dd{margin-top:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:420px){.page-shell{padding-inline:20px}.result-row{grid-template-columns:minmax(104px,.75fr) minmax(0,1.5fr);gap:14px}.action-result{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.goal-form button{transition:none}}
