:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192540;background:#f2f5fa;font-size:16px;--blue:#2f58e8;--line:#dce3ef;--muted:#64718a;--ink:#152341;--success:#11633f;--error:#b42841}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #81a1ff;outline-offset:3px}[hidden]{display:none!important}.topbar{max-width:1600px;margin:auto;padding:24px 38px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:1.15rem;letter-spacing:-.025em}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;width:44px;height:44px;border-radius:12px;font-size:2rem}.brand small{display:block;font-size:.78rem;color:var(--muted);font-weight:400;letter-spacing:.015em;margin-top:3px}.top-actions{display:flex;align-items:center;gap:20px}.top-actions>span{font-size:.8rem;color:var(--muted)}main{max-width:1524px;margin:0 auto;padding:8px 32px 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:10px 17px;font-weight:600;font-size:.9rem;white-space:nowrap}.primary{background:var(--blue);color:white}.primary:hover{background:#2445c6}.white{background:white;color:#17294f}.white:hover{background:#e7edff}.secondary{background:white;border-color:var(--line);color:var(--ink)}.secondary:hover,.subtle:hover{background:#eaf0fa}.subtle{background:transparent;color:#34476a}.exercise-panel{background:#17294f;color:white;border-radius:18px;padding:28px 32px;box-shadow:0 8px 22px #1925400d}.exercise-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#b9c9eb;font-weight:650}h1{font-size:1.65rem;letter-spacing:-.035em;line-height:1.25;margin:9px 0 0;font-weight:600}.formula{font-family:Cambria,"Times New Roman",serif;font-size:clamp(1.3rem,2.6vw,2.05rem);line-height:1.65;letter-spacing:.025em;margin:24px 0 20px;overflow-wrap:anywhere}.exercise-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#c4d1e9;font-size:.82rem;border-top:1px solid #354668;padding-top:18px;flex-wrap:wrap}.dot-separator{margin:0 8px;color:#93a9d0}.history-label{display:flex;align-items:center;gap:10px}.history-label select{background:#23385f;color:white;border:1px solid #506083;padding:8px 12px;border-radius:8px;font-size:.82rem;max-width:180px}.workspace{margin-top:26px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #19254004}.workspace-title{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:1.1rem;letter-spacing:-.015em;margin:0;font-weight:650}.workspace-title p{font-size:.88rem;color:var(--muted);margin:6px 0 0}.editing-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9fbfe}.symbols{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tool-label{font-size:.8rem;color:var(--muted);margin-right:8px}.symbols button{background:white;border:1px solid #d6dfee;color:var(--ink);border-radius:7px;min-width:38px;min-height:38px;font-size:1.12rem}.symbols button:hover{background:#e9efff;border-color:#7592ef}.final-label{display:flex;align-items:center;gap:9px;color:#43516a;font-size:.82rem}.final-label select{background:white;border:1px solid #d5ddeb;border-radius:8px;padding:9px;max-width:225px;font-size:.84rem;color:#263755}.table-scroll{overflow:auto;max-width:100%;padding:0 16px 12px}table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:380px}th,td{padding:8px 10px;border-bottom:1px solid #e9edf4;text-align:center}thead th{vertical-align:top;background:white;padding-top:16px;padding-bottom:14px;width:144px}thead th.base{width:80px}thead th.row-number{width:48px}tbody th{font-size:.8rem;color:#7b879e;font-weight:400;background:white}tbody td{background:white}tbody tr:nth-child(even) td{background:#fafbfe}.column-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;min-height:22px}.column-id{font-size:.72rem;letter-spacing:.07em;color:#64718a;font-weight:600}.base-name{display:grid;place-items:center;min-height:55px;font-size:1rem;font-weight:650}.header-input{display:block;resize:vertical;width:100%;min-height:55px;border:1px solid #d6deeb;background:#f7f9fd;border-radius:8px;padding:7px 9px;color:var(--ink);font-size:.9rem;line-height:1.35;font-weight:500}.header-input::placeholder{color:#7b879e;font-size:.8rem}.remove{border:0;background:transparent;color:#71809b;min-width:26px;min-height:26px;border-radius:5px;padding:0;font-size:1.1rem}.remove:hover{background:#fdebf0;color:var(--error)}.truth-input{width:100%;height:37px;min-width:38px;background:transparent;border:1px solid #dce3ee;border-radius:7px;text-align:center;color:#223762;font-size:1rem;text-transform:uppercase}.truth-input:hover{border-color:#91a7d3}.truth-input:focus{background:#f2f6ff;border-color:var(--blue)}.truth-input[data-check=right]{background:#e7f6ed;border-color:#91c4a4;color:#11633f}.truth-input[data-check=wrong],.header-input[data-check=wrong]{background:#fff0f2;border-color:#d35b70;color:#a4243b}.truth-input[data-check=empty]{background:#fff7e5;border-color:#d9b25b}.workspace-footer{border-top:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.table-meta{display:flex;flex-direction:column;gap:4px;font-size:.82rem}.muted{color:var(--muted);font-size:.78rem}.footer-actions{display:flex;gap:10px}.help{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:14px;background:white;display:grid;grid-template-columns:1fr 1.35fr;gap:28px}.help p{font-size:.88rem;line-height:1.75;color:#53627c;margin:8px 0 0}.help b{color:#21345b;margin-left:5px}.feedback{margin-top:20px;border:1px solid #d9b25b;border-radius:14px;padding:22px 24px;background:#fffaf0}.feedback.success{background:#edf9f1;border-color:#91c4a4}.feedback p{font-size:.92rem;line-height:1.5;margin:8px 0}.feedback ul{font-size:.88rem;line-height:1.8;margin-bottom:0;padding-left:20px}.feedback li{overflow-wrap:anywhere}.message{font-size:.87rem;color:#415779;min-height:1.2em;line-height:1.5}.page-footer{display:flex;justify-content:space-between;gap:12px;color:#77839b;font-size:.78rem;padding:4px 3px}.copy-area{margin-top:20px}.copy-area label{display:block;font-size:.88rem;margin-bottom:10px}.copy-area textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:.88rem;line-height:1.5}select{max-width:100%}@media(max-width:760px){.topbar{padding:20px}.top-actions>span{display:none}main{padding:0 16px 20px}.exercise-panel{padding:22px}.exercise-top{align-items:flex-start}h1{font-size:1.25rem}.exercise-top .button{padding:9px 12px;font-size:.82rem}.formula{font-size:1.35rem;margin-top:20px}.workspace-title{padding:20px;align-items:flex-start;flex-wrap:wrap}.editing-bar{padding:14px 18px}.workspace-footer{padding:18px;flex-wrap:wrap}.footer-actions{width:100%}.footer-actions .button{flex:1}.help{grid-template-columns:1fr;gap:20px}.page-footer{flex-direction:column}.table-scroll{padding-left:8px;padding-right:8px}.symbols button{min-width:40px;min-height:44px}.truth-input{height:44px}.header-input{font-size:1rem}.final-label{flex-wrap:wrap}.final-label select{max-width:200px}.remove{min-width:32px;min-height:32px}.table-meta{gap:6px}}@media(max-width:400px){.topbar{padding:16px;gap:8px}.brand{font-size:1rem}.topbar .button{font-size:.78rem;padding:8px}.exercise-top{flex-direction:column}.exercise-top .button{margin-top:6px}.exercise-panel{padding:19px}.footer-actions{flex-direction:column}.workspace-title .button{width:100%}.history-label{width:100%;justify-content:space-between}.dot-separator{margin:0 3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}