:root{--ink:#2c2a22;--ink-soft:#2c2a229e;--ink-faint:#2c2a2280;--cream:#f2efe9;--paper:#f6f4ef;--white:#fffefb;--green:#4f7a3a;--green-deep:#3c5f2c;--green-bright:#8bb14e;--green-tint:#e7efd6;--cocoa:#8a6a4f;--tan:#e3cfa9;--butter-tint:#f3e6cf;--mint-tint:#dcece2;--blush-tint:#f7dfe3;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--font-heading:"Fredoka", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, sans-serif;--font-hand:"Klee One", cursive}*,:before,:after{box-sizing:border-box}body{background-color:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#2c2a2214 1.2px,#0000 1.4px);background-size:24px 24px;margin:0;font-size:16px}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:600}p{margin:0}a{color:var(--green)}a:hover{color:var(--green-deep)}button{font-family:inherit}.hand{font-family:var(--font-hand);color:var(--cocoa)}:focus-visible{outline:3px solid var(--green);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.container{width:100%;max-width:640px;margin:0 auto;padding:22px 18px 64px}@media (width>=960px){.container{max-width:900px;padding:40px 44px 72px}}.site-header{z-index:5;backdrop-filter:blur(8px);background:#fffefbf0;border-bottom:1px solid #2c2a221a;padding:12px 18px;position:sticky;top:0}.brand{align-items:center;gap:10px;max-width:900px;margin:0 auto;display:flex}.brand-name{font-family:var(--font-heading);letter-spacing:-.02em;font-size:28px;font-weight:700}.brand-handle{color:var(--ink-faint);letter-spacing:.04em;font-size:13px}.site-footer{color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;padding:20px 18px 40px;font-size:12.5px;display:flex}.site-footer .dot{background:var(--green-bright);border-radius:50%;flex:none;width:7px;height:7px}.greeting{margin-bottom:4px;font-size:20px}h1{letter-spacing:-.02em;font-size:clamp(28px,5vw,40px);line-height:1.15}.lede{color:var(--ink-soft);max-width:56ch;margin-top:10px;font-size:16px;line-height:1.6}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:14px;margin-top:24px;display:grid}.tool-card{text-align:left;color:inherit;background:var(--white);border-radius:var(--radius-md);cursor:pointer;border:1px solid #2c2a221f;flex-direction:column;gap:11px;padding:15px 15px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 1px 3px #2c2a220d}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2c2a221a}.tool-card.is-disabled{cursor:not-allowed;opacity:.55}.tool-card.is-disabled:hover{transform:none;box-shadow:0 1px 3px #2c2a220d}.tool-icon{width:40px;height:40px;font-family:var(--font-heading);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.tool-title{font-family:var(--font-heading);font-size:16px;font-weight:500;display:block}.tool-meta{color:var(--ink-soft);margin-top:2px;font-size:13px;display:block}.btn{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:14px 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--green);color:#fbf7ee}.btn-primary:hover{background:var(--green-deep);color:#fbf7ee}.btn-ghost{background:var(--white);color:var(--ink);border:1px solid #2c2a2233}.btn-ghost:hover{color:var(--ink)}.btn-tan{background:var(--tan);color:var(--ink)}.btn-tan:hover{color:var(--ink)}.tool-header{z-index:5;backdrop-filter:blur(8px);background:#fffefbf0;border-bottom:1px solid #2c2a221a;padding:14px 18px;position:sticky;top:0}.back-link{font-family:var(--font-heading);font-size:14px;font-weight:500;text-decoration:none}.tool-container{max-width:560px}.evidence-note{background:#eef3e2;border:1px solid #4f7a3a38;border-radius:14px;align-items:flex-start;gap:10px;margin:20px 0 24px;padding:12px 14px;display:flex}.evidence-badge{background:var(--green);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.evidence-note strong{text-transform:uppercase;letter-spacing:.05em;color:var(--green-deep);margin-bottom:2px;font-size:11px;display:block}.evidence-note p{color:#3a4a30;margin-top:2px;font-size:13px;line-height:1.5}.progress-row{align-items:center;gap:12px;margin:20px 0 26px;display:flex}.progress-track{background:#2c2a221a;border-radius:99px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--green-bright);border-radius:99px;width:0%;height:100%;transition:width .25s}.progress-label{color:var(--ink-soft);white-space:nowrap;font-size:12.5px}.value-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid #2c2a221f;justify-content:center;align-items:center;min-height:180px;margin-bottom:22px;padding:32px 20px;display:flex;box-shadow:0 4px 18px #2c2a220f}.value-word{font-family:var(--font-heading);letter-spacing:-.01em;text-align:center;font-size:clamp(24px,6vw,32px);font-weight:600}.sort-buttons{flex-wrap:wrap;gap:10px;display:flex}.sort-buttons .btn{flex:1;min-width:110px}.chip-row{flex-wrap:wrap;gap:9px;margin:18px 0 28px;display:flex}.chip{font-family:var(--font-body);background:var(--green-tint);color:var(--green-deep);border-radius:99px;padding:8px 14px;font-size:13px;font-weight:500}.empty-note{color:var(--ink-soft);font-size:14px}.results-actions{flex-wrap:wrap;gap:10px;display:flex}