:root{--paper:#f2f0e6;--ink:#313330;--lime:#d6e778;--line:#b4b6aa;--muted:#606557}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'Malgun Gothic',sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #33687e;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:4}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 5%;padding:24px 0;border-bottom:1px solid var(--ink)}.brand{text-decoration:none;font-size:23px;font-weight:bold;letter-spacing:-1px}.brand span{display:block;font:9px Consolas,monospace;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:25px;font-size:12px}.mark{font:24px Consolas,monospace}main{max-width:1280px;padding:0 5%;margin:auto}.cover{display:grid;grid-template-columns:1fr 260px;gap:50px;padding:48px 0 32px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px}.cover h1{font:clamp(31px,3.8vw,52px)/1.35 'Malgun Gothic',sans-serif;font-weight:700;letter-spacing:-2px;margin:20px 0 30px}.cover em{font-style:normal;background:linear-gradient(transparent 60%,var(--lime) 60%)}.search-label{display:block;font-size:12px;margin-bottom:8px}#search{display:block;width:100%;max-width:550px;border:1px solid var(--ink);background:#fffef8;border-radius:0;padding:14px 18px;color:inherit}.cover-note{width:240px;height:245px;background:var(--lime);padding:25px;transform:rotate(5deg);box-shadow:5px 8px 0 #30382b14}.cover-note>span{font:10px Consolas,monospace;letter-spacing:2px}.cover-note p{font:26px/1.5 Batang,serif;margin:20px 0}.cover-note b{float:right;font:45px/1 monospace}#keys{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}#keys button{background:#e6e7df;border:1px solid var(--line);border-bottom:5px solid #afb1a5;border-radius:10px;padding:20px 12px;text-align:left;color:inherit}#keys button[aria-pressed=true]{background:var(--ink);color:#f2f0e6;border-color:#161915}#keys button strong{display:block;font:26px Consolas,monospace;color:#667235;margin-bottom:12px}#keys button[aria-pressed=true] strong{color:var(--lime)}#keys button span{font-size:12px}#keys button[hidden]{display:none}#recent,#no-results{font-size:11px;color:var(--muted);min-height:20px}#workspace{padding:22px 0 55px}.notebook{border:1px solid var(--ink);background:#fffef8}.notebook-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:16px 25px;gap:15px;background:#e6e7df}.notebook-top>span{font:10px Consolas,monospace}.notebook-top h2{font-size:17px;margin:0}.notebook-top button{background:transparent;border:0;text-decoration:underline;color:inherit;font-size:11px}.notebook-body{display:grid;grid-template-columns:1fr 1fr}.notebook form{padding:35px;border-right:1px solid var(--line)}#fields label{display:block;font-size:13px;margin-bottom:22px}#fields input,#fields textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid var(--line);background:#fff;color:inherit;margin-top:8px}#fields textarea{min-height:130px;resize:vertical}#calculate{width:100%;padding:14px;border:1px solid var(--ink);background:var(--ink);color:var(--lime)}.answer{padding:35px;background:repeating-linear-gradient(transparent 0,transparent 31px,#e7e8df 32px);min-height:350px}.answer>p{font-size:12px}.answer output{display:block;font:clamp(30px,4vw,50px)/1.4 Consolas,monospace;overflow-wrap:anywhere}.equation{padding:16px 0;border-top:1px solid var(--line);margin-top:25px}.equation>span{font-size:10px;text-transform:uppercase}.equation p,#detail{font-size:13px;overflow-wrap:anywhere}.answer button,#about button{padding:8px 12px;border:1px solid var(--line);background:transparent;color:inherit;font-size:12px}button:disabled{opacity:.4;cursor:default}#error{color:#9f3526}#about{display:grid;grid-template-columns:1fr 1.5fr;border-top:1px solid var(--ink);gap:45px;padding:35px 0 60px}#about h2{font:30px/1.4 Batang,serif}#about p{font-size:13px}footer{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid var(--line);font-size:12px}@media(max-width:850px){.mark{display:none}.cover{grid-template-columns:1fr 180px;gap:20px}.cover-note{width:175px;height:210px;padding:20px}.cover-note p{font-size:21px}#keys{gap:8px}#keys button{padding:15px 10px}.notebook form,.answer{padding:25px}}@media(max-width:600px){header{flex-direction:column;align-items:flex-start;gap:15px}nav{gap:20px}.cover{grid-template-columns:1fr;padding:25px 0}.cover-note{display:none}#keys{grid-template-columns:repeat(3,1fr)}#keys button strong{font-size:23px;margin-bottom:8px}.notebook-top{padding:13px;flex-wrap:wrap}.notebook-top>span{display:none}.notebook-body{grid-template-columns:1fr}.notebook form{border-right:0;border-bottom:1px solid var(--line)}.answer{min-height:260px}#about{grid-template-columns:1fr;gap:10px;padding:25px 0 40px}footer{flex-direction:column;gap:10px}}

.concept-image{margin:20px 0 40px}.concept-image img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}.concept-image figcaption{font-size:10px;margin-top:8px;color:inherit;opacity:.8}