:root{--ink:#17211c;--muted:#68736d;--paper:#f3f1ea;--card:#fff;--green:#175c3a;--lime:#c8f15a;--line:#d9ddd7;--warn:#d95335;--amber:#f2b84b;--shadow:0 18px 50px rgba(23,33,28,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;line-height:1.55}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{height:72px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,33,28,.12);position:sticky;top:0;background:rgba(243,241,234,.92);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:var(--lime);border-radius:50%;font-family:Georgia;font-style:italic}.topbar nav{display:flex;gap:30px}.topbar nav a{font-size:14px;text-decoration:none;color:var(--ink)}.hero{padding:88px 0 42px}.eyebrow,.section-no{font-size:12px;letter-spacing:.2em;color:var(--green);font-weight:800}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(44px,7vw,82px);letter-spacing:-.055em;line-height:1.02;margin:22px 0 25px;max-width:850px}.hero h1 em{color:var(--green);font-weight:inherit}.hero p{max-width:590px;color:var(--muted);font-size:18px}.workbench{margin-bottom:120px}.stepper{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 25px;color:#9aa19d;font-size:13px;font-weight:700}.stepper .active{color:var(--green)}.stepper i{width:50px;height:1px;background:var(--line)}.mode-tabs{display:flex;gap:0;width:max-content;margin:0 auto;border:1px solid var(--line);background:#e9e8e1;padding:5px;border-radius:99px}.mode-tabs button{border:0;background:transparent;padding:11px 22px;border-radius:99px;font:inherit;color:var(--muted);cursor:pointer}.mode-tabs button.active{background:var(--ink);color:#fff}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px;margin-top:20px;box-shadow:var(--shadow)}label{display:block;font-weight:750;margin-bottom:9px}label b{font-size:11px;color:var(--green);margin-left:5px}input,textarea,select{width:100%;border:1px solid #cbd1cc;background:#fbfcfa;border-radius:10px;padding:15px 16px;font:inherit;color:var(--ink);outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,92,58,.1)}textarea{resize:vertical}.url-row{display:grid;grid-template-columns:1fr auto;gap:10px}.primary,.secondary,.ghost{border:0;border-radius:10px;padding:14px 19px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--green);color:#fff}.primary:hover{background:#0e492c}.primary span{margin-left:10px}.secondary{background:var(--lime);color:var(--ink)}.ghost{background:#edf0ec;color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}.hint,.counter,small{font-size:12px;color:var(--muted)}.field{position:relative;margin-bottom:20px}.counter{position:absolute;right:10px;bottom:-18px}.optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:25px}.optional-grid .full{grid-column:1/-1}details{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}summary{cursor:pointer;font-weight:750}.form-actions{display:flex;justify-content:flex-end;margin-top:25px}.hidden{display:none!important}.error{margin-top:18px;padding:16px 18px;border:1px solid #efb5a7;background:#fff1ed;color:#8f2b19;border-radius:12px}.confirm-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.confirm-head h2{margin:0;font-size:28px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.review-item{background:#f5f6f2;border-radius:12px;padding:16px}.review-item.wide{grid-column:1/-1}.review-item small{display:block;margin-bottom:4px}.review-item strong{word-break:break-word}.review-body{max-height:180px;overflow:auto;white-space:pre-wrap;font-size:14px}.result-header{background:var(--ink);color:#fff;border-radius:22px;padding:36px;margin-top:20px}.result-kicker{color:var(--lime);font-size:12px;letter-spacing:.15em}.result-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.result-top h2{font-size:34px;margin:8px 0}.total-score{font:italic 70px Georgia;color:var(--lime);line-height:1}.result-header p{color:#cdd5d0}.priority-card{background:#fff;border-radius:18px;padding:30px;margin-top:18px;border:1px solid var(--line)}.priority-card h2{margin-top:0}.priority-list{display:grid;gap:12px}.priority{border-left:4px solid var(--warn);background:#fff8f5;padding:16px;border-radius:0 10px 10px 0;cursor:pointer}.priority[data-severity="권장"]{border-color:var(--amber);background:#fffbf1}.pill{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px;background:#ffe0d8;color:#a3331e;margin-right:8px}.priority[data-severity="권장"] .pill{background:#ffe9b9;color:#795208}.detail-drawer{display:none;margin-top:12px;border-top:1px solid #eadbd6;padding-top:12px}.priority.open .detail-drawer{display:grid;gap:10px}.quote{background:#fff;padding:12px;border-radius:8px;color:var(--muted);font-size:14px}.suggest{color:var(--green);font-weight:700}.score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.score-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.score-card .score-row{display:flex;justify-content:space-between;align-items:end}.score-card h3{font-size:16px;margin:0}.score-card strong{font:italic 38px Georgia;color:var(--green)}.meter{height:7px;background:#e9ece8;border-radius:5px;margin:15px 0;overflow:hidden}.meter i{display:block;height:100%;background:var(--green);border-radius:5px}.score-card button{border:0;background:none;padding:0;color:var(--green);font-weight:750;cursor:pointer}.category-detail{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.check{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #eee}.check:last-child{border:0}.check .mark{color:var(--green);font-weight:900}.check.fail .mark{color:var(--warn)}.check p{margin:2px 0;color:var(--muted);font-size:14px}.improve-section,.checklist-section{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.improve-options{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;cursor:pointer}.chip.selected{background:var(--ink);color:#fff}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.compare{padding:18px;border-radius:12px;background:#f5f6f2;white-space:pre-wrap}.compare.after{background:#eff8db}.compare small{display:block;margin-bottom:8px}.checklist-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.checklist-item.done{text-decoration:line-through;opacity:.55}.checklist-item button{font-size:12px}.system-notices{display:grid;gap:8px;margin:18px 0}.system-notices p{margin:0;background:#e9eee9;padding:12px 15px;border-radius:10px;font-size:13px;color:var(--muted)}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.info-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:110px 0}.info-section h2,.score-guide h2,.notice h2{font-family:Georgia,"Noto Serif KR",serif;font-size:42px;line-height:1.2}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow article{border-top:1px solid var(--ink);padding-top:18px}.flow b,.guide-grid span{color:var(--green);font:italic 24px Georgia}.flow p,.guide-grid p{color:var(--muted);font-size:14px}.score-guide{background:#e3e7df;padding:100px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bcc4bd;border:1px solid #bcc4bd}.guide-grid article{background:#f2f4ef;padding:25px}.notice{padding:100px 0;max-width:850px}.notice p{color:var(--muted)}footer{background:var(--ink);color:#fff;padding:32px 0}footer .wrap{display:flex;gap:20px;align-items:center}footer small{margin-left:auto;color:#aab5af}@media(max-width:760px){.wrap{width:min(100% - 24px,1120px)}.topbar{height:60px;padding:0 12px}.topbar nav{display:none}.hero{padding:55px 0 28px}.hero h1{font-size:44px}.hero p{font-size:16px}.workbench{margin-bottom:70px}.panel{padding:20px;border-radius:15px}.url-row{grid-template-columns:1fr}.url-row .primary{width:100%}.optional-grid,.review-grid,.score-cards,.before-after,.info-section{grid-template-columns:1fr}.review-item.wide{grid-column:auto}.result-header{padding:24px}.result-top{align-items:start}.result-top h2{font-size:25px}.total-score{font-size:52px}.score-cards{gap:10px}.info-section{gap:25px;padding:75px 0}.flow,.guide-grid{grid-template-columns:1fr}.score-guide{padding:70px 0}.info-section h2,.score-guide h2,.notice h2{font-size:34px}.checklist-item{grid-template-columns:auto 1fr}.checklist-item button{grid-column:2}footer .wrap{align-items:start;flex-direction:column}footer small{margin:0}.stepper i{width:20px}}