*{box-sizing:border-box}body{margin:0;background:#f3f0e9;color:#1d1c19;font-family:Arial,Noto Sans KR,sans-serif}.shell{max-width:1440px;margin:auto;padding:56px 44px 100px}.hero{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:46px}.eyebrow{margin:0 0 12px;color:#b45d25;font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1{font-family:Arial,Noto Sans KR,sans-serif;font-size:55px;line-height:1.05;margin:0;letter-spacing:-.04em}.intro{max-width:520px;color:#716d64;line-height:1.7}.intro p{margin:0 0 12px}.rubric-link{display:inline-block;color:#9b4c20;font-weight:800;text-decoration:none;border-bottom:1px solid #c9855c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.survey{display:grid;gap:22px}.section-card,.score-panel{background:#fff;border:1px solid #ddd7cc;border-radius:20px;box-shadow:0 14px 38px #332a1e0f}.section-card{padding:30px}.section-heading{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding-bottom:22px;border-bottom:1px solid #eee9e0}.section-heading>span{color:#b45d25;font-weight:800}.section-heading p{margin:0 0 3px;color:#8a857b;font-size:12px}.section-heading h2{margin:0;font-size:25px}.section-heading>strong{background:#f1e9dc;color:#8e4d25;padding:8px 12px;border-radius:99px}.question-list{display:grid;grid-template-columns:1fr;gap:0}.question{border:0;border-bottom:1px solid #eee9e0;margin:0;padding:23px 0}.question:last-child{border:0}.compact-question{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.compact-question span,.compact-question b,.compact-question small{display:block}.compact-question small{color:#918a7e;margin-top:4px}.compact-question select,.basic-grid select,.trait-grid select{min-width:116px;border:1px solid #cec7bc;border-radius:9px;background:#faf9f6;padding:10px;color:#26231f}.compact-question select:focus,.basic-grid select:focus,.trait-grid select:focus{outline:3px solid #3b82f6;outline-offset:2px}.basic-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}.basic-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e2ddd4;border-radius:12px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.profile-grid label{display:grid;gap:7px;font-weight:700}.profile-grid input,.profile-grid select{width:100%;border:1px solid #cec7bc;border-radius:9px;background:#faf9f6;padding:11px}.tag-groups{display:grid;gap:14px;margin-top:20px}.tag-groups details{border:1px solid #e1dbd1;border-radius:12px;padding:14px}.tag-groups summary{cursor:pointer;font-weight:800}.tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.tag-grid label{display:flex;gap:8px;padding:10px;border:1px solid #e6e1d9;border-radius:9px;cursor:pointer}.tag-grid label.selected{border-color:#b45d25;background:#fff1e4}.tag-grid b,.tag-grid small{display:block}.tag-grid small{color:#817b71;margin-top:3px}.trait-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.trait-grid label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid #ddd8d0;border-radius:12px}.trait-grid span{flex:1}.trait-grid b,.trait-grid small{display:block}.trait-grid small{color:#817b71;margin-top:4px}.score-description{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:9px;background:#f6f1e8;color:#5f584e;line-height:1.55}.score-description b{color:#a35124}.basic-grid .score-description{width:100%}.score-description span{margin-left:10px}.score-description>p{display:grid;grid-template-columns:42px 1fr;gap:10px;margin:0;padding:7px 9px;border-radius:7px}.score-description>p.selected{background:#fff;border:1px solid #c9855c}.score-description>p+p{margin-top:3px}.score-description>p span{margin-left:0}.score-panel{position:sticky;top:24px;padding:30px;background:#22201c;color:#fff}.score-panel .eyebrow{color:#e9a66d}.total-score{display:flex;align-items:end;gap:8px;margin:8px 0 10px}.total-score strong{font-size:64px;line-height:1}.total-score span{color:#928e86;margin-bottom:8px}.grade{margin:0 0 20px;color:#aaa49a}.grade strong{color:#e9a66d;margin-left:5px}.progress{height:7px;background:#47433d;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#e29555;border-radius:99px;transition:width .2s}.answered{font-size:12px;color:#aaa49a;margin:8px 0 28px}.score-rows{display:grid;gap:8px}.score-rows div,.formula div{display:flex;justify-content:space-between;align-items:center}.score-rows div{padding:14px;background:#302e29;border-radius:10px}.score-rows span,.formula span{color:#bbb5aa}.formula{margin-top:24px;padding:20px 0;border-top:1px solid #45413b;border-bottom:1px solid #45413b;display:grid;gap:10px}.formula-copy{color:#98938a;font-size:12px;line-height:1.7}.score-panel button{width:100%;margin-top:12px;border:1px solid #666057;background:transparent;color:#fff;border-radius:10px;padding:13px;cursor:pointer}.score-panel button:hover{background:#fff;color:#22201c}@media(max-width:1000px){.profile-grid,.tag-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.shell{padding:30px 16px 70px}.hero{display:block}.hero h1{font-size:39px}.intro{margin-top:24px}.workspace{display:block}.score-panel{position:sticky;top:0;z-index:3;margin-bottom:18px;padding:18px}.total-score strong{font-size:42px}.score-rows,.formula,.formula-copy{display:none}.survey{margin-top:18px}.section-card{padding:20px}.question-list,.basic-grid,.trait-grid,.profile-grid,.tag-grid{grid-template-columns:1fr}}