:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:#16332f;background:#f3f5f0;font-size:16px;line-height:1.65;--green:#1c5446;--muted:#60736b;--line:#d6dfd7}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a.button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.top{max-width:1180px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700}.brand small{display:block;font-size:12px;letter-spacing:.08em;color:var(--muted)}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--green);color:white;font-size:24px}.pill{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:30px;padding:4px 12px;white-space:nowrap}main{max-width:1180px;padding:16px 30px 40px;margin:auto}.welcome{background:#e6ece0;border-radius:28px;padding:55px 64px;position:relative;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--green);font-weight:700}h1{font-size:clamp(30px,5vw,58px);line-height:1.22;letter-spacing:-.05em;margin:16px 0 24px}h2{font-size:20px;margin:0 0 12px;letter-spacing:-.025em}h3{font-size:15px;margin:0}.intro{color:#52675c;margin-bottom:30px;line-height:1.9}.login-box{background:#f9fbf6;border:1px solid #d5decb;border-radius:18px;padding:25px;max-width:520px}.login-box p{font-size:14px;color:var(--muted)}.button{background:var(--green);color:white;display:inline-flex;gap:30px;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:10px;text-decoration:none;padding:12px 22px;font-weight:700}.button:hover{background:#123d32}.button[aria-disabled=true]{opacity:.6;pointer-events:none}.subtle{font-size:13px;color:var(--muted)}.features{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:13px}.features b{color:#74906d;margin-right:6px}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 22px}.workspace-head h1{font-size:32px;margin:9px 0}.quiet{min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--green);font-size:13px;white-space:nowrap}.layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.panel>p{margin-top:0}nav{display:grid;gap:7px}nav button{text-align:left;background:#f6f8f4;border:1px solid transparent;border-radius:9px;padding:12px;min-height:48px;color:#4d6258;font-size:13px}nav button[aria-current=true]{background:#e3eee6;border-color:#8aaa94;color:#123f32;font-weight:700}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.exercise h2{font-size:26px;line-height:1.4}.transaction{font-size:18px;line-height:1.8;padding:20px 0;margin:0}.note{font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:22px 0;font-size:14px}summary{cursor:pointer;min-height:30px}details p{color:var(--muted)}.entry-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.entry-row{display:grid;grid-template-columns:88px minmax(120px,1fr) 130px 44px;gap:8px;margin:8px 0}.entry-row label{font-size:12px;color:var(--muted)}.entry-row input,.entry-row select{display:block;width:100%;height:46px;border:1px solid #bdcbbf;border-radius:8px;background:white;color:#16332f;padding:8px;font-size:14px;min-width:0}.entry-row input{text-align:right}.remove{align-self:end;height:46px;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:20px;color:#61736a}.totals{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;border-top:1px solid var(--line);padding:15px 0 22px;font-size:13px}.totals b{font-size:16px;margin-left:8px}#submit{width:100%}#result:not(:empty){padding:18px;margin-top:20px;border-radius:12px;background:#e9f2e7;color:#164632}#result[data-correct=false]{background:#fff3df;color:#704b14}#result p{margin:7px 0 0;font-size:14px}.record{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.record p{font-size:14px;color:var(--muted);margin-bottom:0}.error{background:#fff0eb;border-radius:12px;padding:15px;color:#92351d;font-size:14px}footer{max-width:1180px;margin:0 auto;padding:10px 30px 32px;color:#6b7d72;font-size:13px}footer span{font-size:12px}:focus-visible{outline:3px solid #ddaa38;outline-offset:3px}@media(max-width:850px){.layout{grid-template-columns:1fr}.panel{padding:20px}aside.panel{padding-bottom:16px}nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px;overflow:auto}nav button{font-size:12px}.entry-row{grid-template-columns:75px minmax(90px,1fr) 115px 44px}.welcome{padding:36px}.workspace-head h1{font-size:28px}}@media(max-width:520px){.top{padding:20px 18px}.top>.pill{font-size:11px;padding:4px 8px}main{padding:8px 16px 28px}.welcome{padding:30px 22px;border-radius:20px}.welcome h1{font-size:36px}.intro{font-size:14px}.intro br{display:none}.login-box{padding:20px 16px}.login-box h2{font-size:17px}.login-box p{font-size:13px}.features{display:grid;gap:6px}.button{width:100%}.workspace-head h1{font-size:24px}.workspace-head .eyebrow{font-size:10px}.layout{gap:14px}.panel{padding:18px}.exercise h2{font-size:22px}.transaction{font-size:16px}.entry-row{grid-template-columns:75px minmax(0,1fr) 44px;border-bottom:1px dashed var(--line);padding-bottom:12px;gap:8px}.entry-row .amount-label{grid-column:1/3;grid-row:2}.entry-row .remove{grid-column:3;grid-row:2}.entry-row .account-label{grid-column:2/4}.totals{justify-content:space-between;gap:8px}.totals b{font-size:14px}footer{padding:8px 18px 28px}}
