:root{--bg:#f6f1e8;--surface:#fffdf8;--text:#172033;--muted:#5e6470;--blue:#2f6fb5;--line:#d8d7d1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Poppins,system-ui,sans-serif}.shell{width:min(1400px,calc(100% - 40px));margin:auto}header{background:var(--surface);border-bottom:1px solid var(--line)}nav,.brand,.links,.intro,.toolbar,.pane-title,.under{display:flex;align-items:center;gap:12px}nav{justify-content:space-between;min-height:76px;flex-wrap:wrap;padding:12px 0}a{color:var(--blue)}.brand{font-weight:800;text-decoration:none;color:var(--text)}.mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:12px;width:42px;height:42px;font-size:25px}.links{flex-wrap:wrap}.links a{font-size:14px;text-decoration:none;padding:8px 12px;border-radius:20px}.links a[aria-current]{background:#e7eef8;font-weight:700}main{padding:24px 0 50px}.intro{justify-content:space-between;margin-bottom:20px}.intro p{margin:3px 0}.eyebrow{font-weight:700;letter-spacing:.1em;font-size:12px;color:#18776f}h1{font-size:32px;line-height:1.2;margin:8px 0}h2{font-size:20px;margin:0 0 12px}.badge{border:1px solid var(--line);border-radius:22px;padding:8px 14px;font-size:14px;background:var(--surface)}.toolbar{flex-wrap:wrap;margin-bottom:14px}button,select{font:600 14px/1.3 system-ui;border:1px solid #bac4cf;border-radius:9px;padding:11px 14px;background:white;color:var(--text);min-height:44px}button{cursor:pointer}button:hover{background:#e8f0f9}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#24598f}label{font-weight:650}select{margin-left:8px;max-width:100%}:focus-visible{outline:3px solid #18776f;outline-offset:3px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pane{min-width:0;border:1px solid #bbc5d0;border-radius:14px;overflow:hidden;background:white}.pane-title{justify-content:space-between;background:var(--surface);padding:11px 16px;font-weight:700;border-bottom:1px solid var(--line)}.pane-title label{width:100%}.pane-title span{float:right;font-size:14px;color:var(--muted);font-weight:400}textarea,iframe{display:block;width:100%;height:440px;border:0}textarea{resize:vertical;background:#142237;color:#e9f0fa;padding:18px;font:15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;min-height:300px;white-space:pre;overflow:auto;border-radius:0}iframe{background:white}.under{align-items:flex-start;justify-content:space-between}.under p,.save-note{font-size:14px;color:var(--muted)}#status{color:#17675f;min-width:180px;text-align:right}.save-note{margin:0 0 24px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}.card p{margin:10px 0}.card li{margin-bottom:7px}ol{padding-left:22px}code{font-family:ui-monospace,Consolas,monospace;font-size:14px;background:#eaf0f6;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid var(--line);padding:12px;vertical-align:top}th{font-size:14px;color:#36536f}.reference>p{font-size:14px;color:var(--muted)}@media(max-width:800px){.workspace,.learning{grid-template-columns:1fr}.shell{width:calc(100% - 24px)}.intro{align-items:flex-start}.badge{display:none}.under{display:block}#status{text-align:left}textarea,iframe{height:350px}h1{font-size:28px}.toolbar label{width:100%}}