:root{--bg:#f7f2ec;--paper:#fffdfc;--ink:#241f1f;--muted:#675e5e;--brand:#963f50;--deep:#713641;--soft:#f1dde0;--line:#e5d8d2;--gold:#d49a6a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:18px;line-height:1.2}.brand small{display:block;font-size:11px;letter-spacing:.15em;color:var(--brand)}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand);color:white;font-size:14px}.header-note{color:var(--muted);font-size:14px}.intro{padding:62px 0 42px;max-width:760px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--brand)}h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.055em;margin:14px 0 22px}h1 em{font-style:normal;color:var(--brand)}.intro>p:last-child{font-size:18px;color:var(--muted);max-width:680px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}.panel,.side-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 48px rgba(68,45,40,.05)}.panel{padding:36px}.panel-heading{border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;justify-content:space-between;gap:14px;color:var(--brand);font-size:14px;font-weight:800}.panel-heading strong{color:var(--ink)}.question{padding:28px 0;border-bottom:1px solid var(--line)}.question label{display:flex;gap:14px;font-size:19px;font-weight:750;line-height:1.5;letter-spacing:-.025em}.question label b{color:var(--brand);font-size:15px;letter-spacing:0;padding-top:3px}.question p{margin:7px 0 14px 36px;color:var(--muted);font-size:14px}.question textarea{display:block;width:100%;min-height:112px;padding:15px 17px;resize:vertical;border-radius:12px;border:1px solid #d2c2bc;background:white;color:var(--ink)}textarea:focus{outline:3px solid #eecbd0;border-color:var(--brand)}.privacy{margin:32px 0 25px;padding:22px;background:#fbf4f1;border-radius:16px}.privacy p{margin:8px 0;color:var(--muted);font-size:14px}.check{display:flex;align-items:flex-start;gap:11px;margin-top:18px;font-weight:650}.check input{accent-color:var(--brand);width:20px;height:20px;flex:none;margin-top:4px}.privacy .fine,.fine{font-size:13px;color:var(--muted)}.primary,.secondary{border-radius:12px;padding:14px 22px;font-weight:800;border:1px solid var(--brand)}.primary{background:var(--brand);color:white;width:100%}.primary:hover{background:var(--deep)}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:white;color:var(--brand)}.error{color:#a4263f;font-weight:700}.side{position:sticky;top:28px}.side-card{padding:26px}.side-card>span{font-weight:800;color:var(--brand)}.side-card ol{padding:0;list-style:none;margin:18px 0 0}.side-card li{border-top:1px solid var(--line);padding:14px 0}.side-card b,.side-card small{display:block}.side-card small{color:var(--muted);font-size:13px}.side>p{padding:10px 8px;color:var(--muted);font-size:14px}.result{margin:34px 0}.hidden{display:none!important}.discovery{margin:36px 0 22px;font-size:21px;font-weight:700}.persona-quote{margin:0;padding:28px;border-left:5px solid var(--brand);background:#fbf1ef;border-radius:0 16px 16px 0;font-size:clamp(22px,3vw,31px);line-height:1.55;font-weight:800;letter-spacing:-.035em}.result h3{font-size:19px;margin:32px 0 12px}.trace{display:grid;gap:8px;padding:0;list-style:none}.trace li{border:1px solid var(--line);border-radius:10px;padding:12px 16px}.trace strong{color:var(--brand);margin-right:13px}.soft-box{background:#f7f2ec;border-radius:14px;padding:17px 20px}.question-end{font-size:20px;font-weight:700;color:var(--deep)}.reflection-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.reflection-choices button{padding:13px 15px;text-align:left;background:white;border:1px solid #cbb9b5;border-radius:10px;color:var(--ink)}.reflection-choices button.selected{background:var(--brand);border-color:var(--brand);color:white}.reflection-custom{display:block;width:100%;min-height:78px;margin-top:10px;padding:12px;border:1px solid #cbb9b5;border-radius:10px;resize:vertical}.rewrite-example{margin:0 0 10px;padding:13px 15px;border-radius:10px;background:#f7f2ec;color:var(--deep)}.feedback-buttons{display:flex;gap:10px;flex-wrap:wrap}.feedback-buttons button{background:white;border:1px solid #cbb9b5;border-radius:10px;padding:10px 15px}.feedback-buttons button.selected{background:var(--brand);border-color:var(--brand);color:white}.edit-label{display:block;margin:28px 0 8px;font-weight:800}.edit-label small{display:block;font-weight:400;color:var(--muted)}#mySentence{width:100%;min-height:85px;border:1px solid #cbb9b5;border-radius:10px;padding:12px}.result-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.text-button{border:0;background:none;color:var(--brand);text-decoration:underline}.admin-input{display:block;width:min(100%,440px);padding:13px;margin:9px 0 15px;border:1px solid #cbb9b5;border-radius:10px}.footer{padding-top:55px;padding-bottom:55px;color:var(--muted);font-size:14px}@media(max-width:800px){.layout{grid-template-columns:1fr}.side{position:static;order:-1}.side-card{display:none}.side>p{border-left:3px solid var(--brand);padding:4px 12px}.intro{padding:38px 0 22px}.panel{padding:24px}.panel-heading{display:block}.panel-heading strong{display:block;margin-top:3px}}@media(max-width:480px){.wrap{padding:0 16px}.question label{font-size:17px}.question p{margin-left:0}.panel{padding:20px;border-radius:18px}.intro>p:last-child{font-size:16px}.privacy{padding:16px}.header-note{font-size:12px}.reflection-choices{grid-template-columns:1fr}}
:root{--bg:#f7f2ec;--paper:#fffdfc;--ink:#241f1f;--muted:#675e5e;--brand:#963f50;--deep:#713641;--soft:#f1dde0;--line:#e5d8d2;--gold:#d49a6a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand small{display:block;font-size:11px;letter-spacing:.15em;color:var(--brand)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:18px;line-height:1.2}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--brand);color:white;font-size:14px}.header-note{color:var(--muted);font-size:14px}.intro{padding:62px 0 42px;max-width:760px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--brand)}h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.055em;margin:14px 0 22px}h1 em{font-style:normal;color:var(--brand)}.intro>p:last-child{font-size:18px;color:var(--muted);max-width:680px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;align-items:start}.panel,.side-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 48px rgba(68,45,40,.05)}.panel{padding:36px}.panel-heading{border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;justify-content:space-between;gap:14px;color:var(--brand);font-size:14px;font-weight:800}.panel-heading strong{color:var(--ink)}.question{padding:28px 0;border-bottom:1px solid var(--line)}.question label{display:flex;gap:14px;font-size:19px;font-weight:750;line-height:1.5;letter-spacing:-.025em}.question label b{color:var(--brand);font-size:15px;letter-spacing:0;padding-top:3px}.question p{margin:7px 0 14px 36px;color:var(--muted);font-size:14px}.question textarea{display:block;width:100%;min-height:112px;padding:15px 17px;resize:vertical;border-radius:12px;border:1px solid #d2c2bc;background:white;color:var(--ink)}textarea:focus{outline:3px solid #eecbd0;border-color:var(--brand)}.privacy{margin:32px 0 25px;padding:22px;background:#fbf4f1;border-radius:16px}.privacy p{margin:8px 0;color:var(--muted);font-size:14px}.check{display:flex;align-items:flex-start;gap:11px;margin-top:18px;font-weight:650}.check input{accent-color:var(--brand);width:20px;height:20px;flex:none;margin-top:4px}.privacy .fine,.fine{font-size:13px;color:var(--muted)}.processing-check{margin:25px 0}.primary,.secondary{border-radius:12px;padding:14px 22px;font-weight:800;border:1px solid var(--brand)}.primary{background:var(--brand);color:white;width:100%}.primary:hover{background:var(--deep)}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:white;color:var(--brand)}.error{color:#a4263f;font-weight:700}.side{position:sticky;top:28px}.side-card{padding:26px}.side-card>span{font-weight:800;color:var(--brand)}.side-card ol{padding:0;list-style:none;margin:18px 0 0}.side-card li{border-top:1px solid var(--line);padding:14px 0}.side-card b,.side-card small{display:block}.side-card small{color:var(--muted);font-size:13px}.side>p{padding:10px 8px;color:var(--muted);font-size:14px}.result{margin:34px 0}.hidden{display:none!important}.discovery{margin:36px 0 22px;font-size:21px;font-weight:700}.persona-quote{margin:0;padding:28px;border-left:5px solid var(--brand);background:#fbf1ef;border-radius:0 16px 16px 0;font-size:clamp(22px,3vw,31px);line-height:1.55;font-weight:800;letter-spacing:-.035em}.result h3{font-size:19px;margin:32px 0 12px}.trace{display:grid;gap:8px;padding:0;list-style:none}.trace li{border:1px solid var(--line);border-radius:10px;padding:12px 16px}.trace strong{color:var(--brand);margin-right:13px}.soft-box{background:#f7f2ec;border-radius:14px;padding:17px 20px}.question-end{font-size:20px;font-weight:700;color:var(--deep)}.feedback-buttons{display:flex;gap:10px;flex-wrap:wrap}.feedback-buttons button{background:white;border:1px solid #cbb9b5;border-radius:10px;padding:10px 15px}.feedback-buttons button.selected{background:var(--brand);border-color:var(--brand);color:white}.edit-label{display:block;margin:28px 0 8px;font-weight:800}.edit-label small{display:block;font-weight:400;color:var(--muted)}#mySentence{width:100%;min-height:85px;border:1px solid #cbb9b5;border-radius:10px;padding:12px}.result-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.text-button{border:0;background:none;color:var(--brand);text-decoration:underline}.admin-input{display:block;width:min(100%,440px);padding:13px;margin:9px 0 15px;border:1px solid #cbb9b5;border-radius:10px}.footer{padding-top:55px;padding-bottom:55px;color:var(--muted);font-size:14px}@media(max-width:800px){.layout{grid-template-columns:1fr}.side{position:static;order:-1}.side-card{display:none}.side>p{border-left:3px solid var(--brand);padding:4px 12px}.intro{padding:38px 0 22px}.panel{padding:24px}.panel-heading{display:block}.panel-heading strong{display:block;margin-top:3px}}@media(max-width:480px){.wrap{padding:0 16px}.question label{font-size:17px}.question p{margin-left:0}.panel{padding:20px;border-radius:18px}.intro>p:last-child{font-size:16px}.privacy{padding:16px}.header-note{font-size:12px}}
