
:root{font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;color:#1b304c;background:#f4f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:1px solid #dce3ef;border-radius:10px;padding:11px 15px;background:white;color:#263956;cursor:pointer;font-size:13px;font-weight:650;transition:.15s}button:hover{border-color:#3558d4;background:#f0f3ff}button:disabled{opacity:.45;cursor:wait}.primary{background:#3558d4;color:white;border-color:#3558d4}.primary:hover{background:#2848bf;color:white}header{height:86px;display:flex;align-items:center;gap:12px;padding:0 32px;background:#fff;border-bottom:1px solid #e6ebf4;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}.mark{display:grid;place-items:center;width:40px;height:40px;background:#1b304c;color:white;border-radius:13px;font-size:25px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#8391a7;margin-top:4px}.header-note{flex:1;color:#8b96aa;font-size:12px;padding-left:24px}.workspace{display:grid;grid-template-columns:245px minmax(400px,1fr) 280px;max-width:1700px;margin:auto;min-height:calc(100vh - 86px)}aside{background:#fbfcff;padding:30px 18px;border-right:1px solid #e5ebf4}.aside-heading{font-size:12px;color:#7b899f;font-weight:700;margin:0 8px 20px;display:flex;justify-content:space-between}.problem-item{display:block;width:100%;text-align:left;padding:15px;margin-bottom:8px;border-color:transparent;background:transparent}.problem-item small{display:block;color:#8996a9;font-size:10px;margin-bottom:7px}.problem-item.selected{background:#eaf0ff;border-color:#d5defa;color:#3558d4}.wide{width:100%;margin-top:10px}.aside-help{font-size:11px;color:#8b98ab;line-height:1.9;margin:24px 6px}main{padding:40px 36px 90px;min-width:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#7385ac}h1{font-size:28px;letter-spacing:-1px;margin:12px 0}h2{font-size:16px}p{font-size:13px;color:#8591a4;line-height:1.8}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;gap:5px;margin:26px 0;border-bottom:1px solid #dfe5ef;padding-bottom:12px;flex-wrap:wrap}.tabs button{background:transparent;border:0;color:#8b96a8}.tabs button.active{color:#3558d4;background:#e9efff}.card{background:white;border:1px solid #e4eaf4;padding:24px;border-radius:17px;margin:0 0 18px}.card h2{margin:0 0 18px}.card h3{font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid.three{grid-template-columns:1fr 1fr 1fr}label{display:block;font-size:12px;color:#647590;font-weight:600;margin-bottom:17px}input,textarea,select{width:100%;padding:12px;border:1px solid #dde4ef;border-radius:9px;color:#203551;background:#fff;font-size:13px;outline:none;margin-top:7px}textarea{resize:vertical;line-height:1.8;min-height:64px}input:focus,textarea:focus,select:focus{border-color:#6a87e7;box-shadow:0 0 0 3px #3558d40c}.row{display:flex;gap:9px;align-items:center;justify-content:space-between}.row h2{margin:0}.step-number{font-size:11px;color:#3558d4;font-weight:800;letter-spacing:1px}.choice-card{background:#f8faff;border:1px solid #e5eaf3;border-radius:13px;padding:18px;margin:13px 0}.choice-card label:last-child{margin-bottom:0}.choice-card.recommended{background:#f4fbf7;border-color:#d8ebdf}.compact{font-size:11px;padding:7px 10px}.right-panel{padding:40px 24px;border-left:1px solid #e4eaf2;background:#fafbfe}.right-panel h2{line-height:1.6}.ok,.error{padding:16px;border-radius:12px;font-size:12px;line-height:1.8}.ok{background:#e9f6ef;color:#1b8865}.error{background:#fff0ec;color:#ac593a;margin-bottom:7px}.tip{border-top:1px solid #e5ebf5;margin-top:26px;padding-top:22px;font-size:12px;line-height:1.8}.tip p{font-size:12px}.tip code{font-size:11px}.danger-zone{margin-top:30px}.danger-zone button{color:#b36d6d;font-size:11px;background:none;border:0}#status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 22px;border-radius:12px;background:#1b304c;color:white;font-size:13px;box-shadow:0 8px 30px #1b304c25;display:none;z-index:10}details{font-size:12px;margin-top:25px;padding-top:20px;border-top:1px solid #dfe6f1}summary{cursor:pointer;font-weight:700}details label{font-size:11px}details p{font-size:11px}.phone{max-width:390px;margin:24px auto;background:#fff;border:1px solid #d9e2f0;border-radius:32px;padding:26px 23px;box-shadow:0 14px 40px #1e355a09;min-height:560px}.phone .choice{width:100%;margin:6px 0;text-align:left;line-height:1.8;font-size:13px}.phone h2{line-height:1.7;margin:22px 0}.phone .badge{font-size:10px;color:#3558d4}.math-copy{white-space:pre-wrap;line-height:1.9;font-size:14px;overflow-wrap:anywhere}.flow-row{padding:14px 0;border-bottom:1px solid #edf0f5}.flow-row b{display:block;font-size:13px;margin-bottom:6px}.preview-image{max-width:100%;margin-top:12px;border-radius:12px}.preview-feedback{background:#edf8f2;padding:14px;margin-top:12px;border-radius:10px;font-size:12px;line-height:1.8}.empty{color:#8795aa;text-align:center;padding:50px}.katex-display{overflow-x:auto;overflow-y:hidden}@media(max-width:1150px){.workspace{grid-template-columns:210px 1fr}.right-panel{grid-column:2;border-left:0;border-top:1px solid #e4eaf2;padding:25px 35px}main{padding:30px 25px 0}.header-note{visibility:hidden}}@media(max-width:720px){header{padding:12px 16px;height:auto;flex-wrap:wrap}.header-note{display:none}.brand{flex:1;font-size:16px}.workspace{display:block}aside{padding:20px;border-bottom:1px solid #e4eaf2}#problem-list{display:flex;overflow-x:auto}.problem-item{min-width:170px;width:170px}aside>.wide{width:auto;margin-right:4px}main{padding:24px 16px}.right-panel{padding:25px 20px}.grid,.grid.three{grid-template-columns:1fr}.title-row{align-items:flex-start}h1{font-size:24px}}

