:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#314b5d;background:#f7f4ee}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 15px;background:#476b83;color:white}button.secondary{background:#e6e0d6;color:#314b5d}button.outline{background:transparent;color:#476b83;border:1px solid #aab9c3}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:11px;border:1px solid #c9c9c3;border-radius:9px;background:white;color:#243b4b}textarea{min-height:80px}label{display:block;font-size:.88rem;font-weight:650;margin:12px 0 5px}.layout{max-width:900px;margin:auto;min-height:100vh;background:#faf7f1;box-shadow:0 2px 30px #172c3c12}.top{background:#476b83;color:white;padding:19px}.logo{font-size:2rem;font-weight:800;letter-spacing:-2px}.subtitle{font-size:.68rem;letter-spacing:2px;color:#eee1d1}.nav{display:flex;gap:5px;margin-top:14px;overflow:auto}.nav button{flex:1;background:transparent;font-size:.76rem;padding:10px 5px;white-space:nowrap}.nav button.active{background:#ffffff2a}main{padding:22px;max-width:760px;margin:auto}.hero{background:linear-gradient(130deg,#e6edf0,#eee1d1);padding:35px 25px;border-radius:17px;margin:20px 0}h1{font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.12;margin:12px 0;color:#38566c}h2{color:#38566c;margin:5px 0 16px}h3{margin:0 0 8px}.muted{color:#647580;font-size:.91rem;line-height:1.5}.card{background:white;border:1px solid #e8e0d4;border-radius:15px;padding:19px;margin:14px 0}.soft{background:#f0ebe2}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pill{display:inline-block;background:#e9edf0;color:#476b83;border-radius:50px;padding:6px 11px;font-size:.77rem;margin:3px}.pill.selected{background:#476b83;color:white}.chip{background:#edf1f3;color:#38566c;margin:3px;padding:8px 11px;font-size:.8rem}.chip.selected{background:#476b83;color:white}.profile{display:flex;gap:16px;align-items:center}.avatar{width:75px;height:75px;border-radius:14px;background:#e3edf1;display:grid;place-items:center;color:#476b83;font-size:2rem;flex-shrink:0}.score{font-weight:750;color:#44765b}.progress{display:flex;gap:4px;margin:14px 0}.progress span{height:7px;border-radius:9px;background:#dedad2;flex:1}.progress .done{background:#476b83}.actions{display:flex;gap:10px;margin-top:20px}.actions button:last-child{flex:1}.error{padding:12px;background:#fae8e5;color:#873b35;border-radius:10px}.success{padding:12px;background:#e4f1e9;color:#376b4b;border-radius:10px}.notice{padding:12px;border-radius:10px;background:#edf1f2;color:#4b6574;font-size:.85rem;margin:14px 0}.full{width:100%}hr{border:0;border-top:1px solid #e6e0d6;margin:18px 0}.small{font-size:.8rem}a{color:#476b83}@media(max-width:500px){main{padding:14px}.nav button{font-size:.7rem}.grid{grid-template-columns:1fr}.card{padding:14px}}
.avatar{width:78px;height:78px;object-fit:cover;border-radius:14px;flex-shrink:0}.avatar.placeholder{background:#e5edf2;display:flex;align-items:center;justify-content:center;color:#476b83;font-size:40px}fieldset{border:1px solid #ddd4c8;border-radius:10px;margin:12px 0;padding:12px}legend{font-weight:700}.radio{display:block;font-weight:400;margin:6px 0}.radio input{width:auto}.notice{background:#e9f0f4;border-radius:8px;padding:12px;margin:10px 0;overflow-wrap:anywhere}a{color:#476b83}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c8ad8d;outline-offset:2px}