:root{--paper:#f4f1ea;--surface:#fffdf8;--ink:#181816;--muted:#6d6b64;--line:#d6d1c6;--accent:#e6532f;--accent-dark:#b9381c;--green:#217a50;--red:#b42318;--cyan:#e6532f;--blue:#181816;--bg:#f4f1ea;--panel:#fffdf8;--panel2:#eee9df;--text:#181816}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1080px,calc(100% - 48px));margin:auto}.nav{border-bottom:1px solid var(--ink);background:rgba(244,241,234,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:9}.navin{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:780;font-size:17px;letter-spacing:-.02em}.brand:before{content:"AH";width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:3px;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em}.navlinks{display:flex;gap:22px;color:#4f4d47;font-size:14px}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--ink);transition:right .18s}.navlinks a:hover:after{right:0}.hero{padding:70px 0 42px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent-dark);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 14px;max-width:850px;font-weight:760}.hero p{color:var(--muted);font-size:16px;max-width:760px;margin:0}.layout{display:grid;grid-template-columns:360px 1fr;gap:0;padding:42px 0 72px}.card{border:1px solid var(--ink);background:var(--surface);border-radius:0;padding:25px}.layout>.card+ .card{border-left:0}.card h2,.card h3{margin-top:0;letter-spacing:-.025em}.field{margin:0 0 18px}.field label{display:block;font-weight:700;margin-bottom:7px}.field small,.muted{color:var(--muted)}select,input,textarea{width:100%;border:1px solid #aaa59a;background:#fff;color:var(--ink);border-radius:3px;padding:11px 12px;outline:none}textarea{min-height:148px;resize:vertical}select:focus,input:focus,textarea:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.btnrow{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:3px;padding:10px 15px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;transition:.18s}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn.secondary:hover{background:var(--ink);color:#fff}.output{white-space:pre-wrap;word-break:break-word;background:#211f1b;border:1px solid #211f1b;border-radius:0;padding:18px;min-height:180px;color:#f7f1e7;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.notice{border:1px solid #8f8a7f;background:#f0ece3;color:#34322e;border-radius:0;padding:13px 15px;margin-bottom:18px}.warn{border-color:#c67d61;background:#fff0e8;color:#74351f}.result{border:1px solid var(--line);border-left:4px solid var(--accent);background:#faf7f1;border-radius:0;padding:16px;margin-top:15px}.result.bad{border-left-color:var(--red)}.result.good{border-left-color:var(--green)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip{padding:7px 10px;border-radius:3px;border:1px solid var(--line);color:#55524c;background:transparent;cursor:pointer}.chip:hover{border-color:var(--ink);color:var(--ink)}.footer{border-top:1px solid var(--ink);padding:27px 0 40px;color:#6c6961;font-size:13px}
@media(max-width:760px){.wrap{width:min(100% - 28px,1080px)}.layout{grid-template-columns:1fr;padding-top:28px}.layout>.card+ .card{border-left:1px solid var(--ink);border-top:0}.navin{min-height:60px}.navlinks a:not(:last-child){display:none}.hero{padding:48px 0 32px}.hero h1{font-size:40px}.card{padding:19px}}

/* Navigation and tool flow — 2026-07-13 */
.navlinks a.active{color:var(--ink);font-weight:750}.navlinks a.active:after{right:0}.menu-toggle{display:none;border:1px solid var(--ink);border-radius:3px;background:transparent;color:var(--ink);padding:7px 10px;font-weight:750;cursor:pointer}.mobile-menu{display:none}.flow-next{width:min(1080px,calc(100% - 48px));margin:0 auto 64px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.flow-next small{display:block;color:var(--accent-dark);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;margin-bottom:6px}.flow-next b{font-size:18px;letter-spacing:-.02em}.flow-next p{margin:3px 0 0;color:var(--muted)}.flow-next a{flex:0 0 auto}.toast{position:fixed;left:50%;bottom:28px;z-index:80;transform:translate(-50%,14px);background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:3px;padding:10px 14px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.menu-toggle{display:inline-flex}.navlinks{display:none}.mobile-menu{display:none;position:fixed;z-index:30;top:60px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:10px 14px 16px;grid-template-columns:1fr 1fr}.mobile-menu.open{display:grid}.mobile-menu a{padding:11px 10px;border-bottom:1px solid var(--line);color:#4d4a44}.mobile-menu a.active{background:var(--ink);color:#fff}.flow-next{width:min(100% - 28px,1080px);margin-bottom:44px;align-items:flex-start;flex-direction:column;padding:20px 0}.toast{bottom:16px;max-width:calc(100% - 28px);white-space:nowrap}}