:root{--joe-bg:#f5f7f7;--joe-card:#fff;--joe-text:#17262b;--joe-muted:#53666d;--joe-line:#c9d4d7;--joe-accent:#087f6b}*{box-sizing:border-box}body{margin:0;background:var(--joe-bg);color:var(--joe-text);font:16px/1.55 system-ui,sans-serif}.joe-shell{width:min(1120px,100% - 28px);margin:auto}.joe-nav{display:flex;align-items:center;justify-content:space-between;min-height:64px}.joe-nav a{color:inherit}.joe-hero{padding:42px 0 24px}.joe-kicker{color:var(--joe-accent);font-weight:800}.joe-hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.04;max-width:850px;margin:.25em 0}.joe-hero p{max-width:760px;color:var(--joe-muted)}.joe-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.joe-card{background:var(--joe-card);border:1px solid var(--joe-line);border-radius:18px;padding:20px}.joe-card h2,.joe-card h3{margin-top:0}.joe-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-weight:700;display:grid;gap:5px}input{width:100%;min-height:46px;border:1px solid var(--joe-line);border-radius:9px;padding:9px;background:var(--joe-card);color:inherit;font:inherit}input:focus,button:focus,a:focus{outline:3px solid #67d7c4;outline-offset:2px}.joe-weights{margin:18px 0}.joe-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}button{min-height:46px;border:0;border-radius:9px;padding:10px 16px;background:var(--joe-accent);color:white;font-weight:800;cursor:pointer}.joe-secondary{background:#344c55}.joe-status{min-height:28px;font-weight:700}.joe-results{display:none}.joe-results.on{display:block}.joe-score{font-size:2rem;font-weight:900}.joe-method{margin:22px 0 48px}.joe-note{border-left:4px solid var(--joe-accent);padding-left:14px;color:var(--joe-muted)}@media(max-width:760px){.joe-grid,.joe-fields{grid-template-columns:1fr}.joe-hero{padding-top:22px}}@media(prefers-color-scheme:dark){:root{--joe-bg:#0e171a;--joe-card:#162327;--joe-text:#edf5f4;--joe-muted:#b6c6c7;--joe-line:#3a5056;--joe-accent:#4dd4b9}}@media(min-width:1800px){.joe-shell{max-width:1280px}}