:root{color:#202020;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f5f1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}.app{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffffff0;border-bottom:1px solid #e7e2da;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,50vw - 700px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{font-size:28px}.brand strong{font-size:16px;display:block}.brand small{color:#8a847c;margin-top:2px;font-size:11px;display:block}.version{color:#8a847c;border:1px solid #ddd6cc;border-radius:20px;padding:6px 10px;font-size:11px}.workspace{grid-template-columns:250px minmax(0,1fr);max-width:1400px;min-height:calc(100vh - 72px);margin:auto;display:grid}.sidebar{background:#fbfaf8;border-right:1px solid #e7e2da;height:calc(100vh - 72px);padding:26px 16px;position:sticky;top:72px;overflow:auto}.sidebar-title{justify-content:space-between;align-items:center;padding:0 8px 18px;display:flex}.sidebar-title b{font-size:16px}.add-mini{cursor:pointer;background:#fff;border:1px solid #ddd6cc;border-radius:8px;width:30px;height:30px;font-size:18px}.add-mini:hover{background:#f5f0ea}.board-item,.side-member{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.board-item.active{background:#eee9e2}.board-icon{color:#fff;background:#292521;border-radius:7px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.board-item b,.side-member b,.board-item small,.side-member small{display:block}.board-item small,.side-member small{color:#918980;margin-top:2px;font-size:10px}.sidebar-label{color:#9a938b;letter-spacing:.08em;margin:28px 8px 8px;font-size:10px;font-weight:800}.sidebar-empty{color:#aaa198;padding:12px 10px;font-size:11px}.side-member:hover,.side-member.selected{background:#eee9e2}.side-member span:first-child{text-align:center;width:28px;font-size:20px}.sidebar-add{color:#7d756d;cursor:pointer;background:0 0;border:1px dashed #d4ccc2;border-radius:9px;width:100%;margin-top:10px;padding:10px;font-size:11px}.sidebar-add:hover{background:#f5f0ea}.content{min-width:0;max-width:1150px;padding:65px clamp(24px,5vw,70px)}.hero{grid-template-columns:1.4fr .7fr;align-items:end;gap:60px;margin-bottom:75px;display:grid}.eyebrow{letter-spacing:.16em;color:#9a6b43;margin:0 0 12px;font-size:10px;font-weight:800}.hero h1{margin:0;font-family:Georgia,serif;font-size:56px;font-weight:500;line-height:1.12}.hero h1 em{color:#9a6b43;font-style:normal}.hero-copy{color:#706b65;max-width:620px;margin-top:24px;font-size:15px;line-height:1.8}.hero-card{color:#fff;background:#24211e;border-radius:18px;padding:28px;box-shadow:0 12px 35px #28201814}.hero-card span{color:#c9b5a3;font-size:11px}.hero-card strong{margin:12px 0;font-size:20px;display:block}.hero-card p{color:#b9b3ad;margin:0;font-size:12px;line-height:1.7}.section{margin-bottom:54px}.section-head{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section h2,.profile h2{margin:0;font-family:Georgia,serif;font-size:30px;font-weight:500}.primary{color:#fff;cursor:pointer;background:#292521;border:0;border-radius:10px;padding:12px 18px;font-weight:700;transition:transform .15s,background .15s}.primary:hover{background:#171513}.primary:active{transform:translateY(1px)}.empty{text-align:center;background:#fff;border:1px solid #e7e2da;border-radius:18px;padding:65px 20px}.empty-icon{margin-bottom:12px;font-size:42px}.empty h3{margin:0 0 8px;font-size:18px}.empty p{color:#817a72;max-width:480px;margin:0 auto 24px;font-size:13px}.members{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.member{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #e7e2da;border-radius:16px;align-items:center;gap:12px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.member:hover{transform:translateY(-1px);box-shadow:0 7px 24px #32281e0f}.member.active{border-color:#9a6b43;box-shadow:0 5px 20px #32281e12}.avatar{font-size:28px}.member b,.member small{display:block}.member small{color:#8b847d;margin-top:5px;font-size:11px}.profile{background:#fff;border:1px solid #e7e2da;border-radius:18px;margin-bottom:54px;padding:28px;box-shadow:0 5px 24px #32281e09}.profile-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.profile-head h2{margin-bottom:8px}.profile-head p{color:#817a72;margin:0;font-size:12px}.profile-actions{align-items:center;gap:7px;display:flex}.profile-actions button{cursor:pointer;background:#fff;border:1px solid #ddd6cc;border-radius:8px;padding:7px 10px;font-size:11px}.profile-actions button:hover{background:#faf7f3}.profile-actions .danger{color:#a64d42}.status{color:#9a6b43;background:#f6eee7;border-radius:20px;padding:7px 10px;font-size:10px}.notice{color:#766f67;background:#faf7f3;border-radius:12px;gap:16px;padding:16px;font-size:12px;line-height:1.7;display:flex}.notice b{color:#3e3832;white-space:nowrap}.saju-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.saju-grid div{background:linear-gradient(#fff,#fdfbf9);border:1px solid #e2dbd2;border-radius:12px;flex-direction:column;justify-content:center;min-height:105px;padding:15px;display:flex}.saju-grid small{color:#9a938b;font-size:10px}.saju-grid strong{margin:8px 0;font-family:Georgia,serif;font-size:28px}.saju-grid span{color:#9a6b43;font-size:10px}.element-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.element-row b{margin-right:5px}.element-row span{background:#f6f1eb;border-radius:20px;padding:7px 10px}.compare-box{background:#fff;border:1px solid #e7e2da;border-radius:18px;grid-template-columns:1fr 50px 1fr;align-items:end;gap:14px;padding:20px;display:grid}.compare-box label{margin:0}.arrow{text-align:center;color:#9a6b43;padding-bottom:9px;font-size:24px}.relationship-empty,.relationship-ready{border-radius:12px;margin-top:12px;padding:15px;font-size:12px}.relationship-empty{color:#8a8279;background:#faf7f3}.relationship-ready{color:#51483f;background:#f6eee7;align-items:center;gap:18px;display:flex}.relationship-ready b,.relationship-ready span{display:block}.relationship-ready span{color:#756d64;margin-top:5px;line-height:1.6}.score{border:1px solid #d8c2ae;border-radius:50%;flex:none;place-items:center;width:70px;height:70px;display:grid}.score strong{font-size:22px}.score span{color:#8b8177;margin-top:-24px;font-size:8px}.guide{background:#ece7df;border-radius:18px;padding:34px}.guide>p:not(.eyebrow){color:#756e66;font-size:13px}.guide-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;display:grid}.guide-cards div{background:#fff;border-radius:12px;padding:18px}.guide-cards b,.guide-cards span{display:block}.guide-cards b{margin-bottom:7px;font-size:12px}.guide-cards span{color:#817a72;font-size:11px;line-height:1.6}.modal-backdrop{z-index:20;background:#14120f80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(520px,100%);max-height:90vh;padding:30px;overflow:auto;box-shadow:0 20px 80px #0003}.modal-head{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}.close{color:#777;cursor:pointer;background:0 0;border:0;font-size:28px}.close:hover{color:#222}label{color:#514b45;margin-bottom:15px;font-size:12px;font-weight:700;display:block}input,select{width:100%;font:inherit;background:#fff;border:1px solid #ddd6cc;border-radius:9px;margin-top:7px;padding:12px;font-size:13px;display:block}input:hover,select:hover{border-color:#cfc3b7}input:focus,select:focus{border-color:#9a6b43;outline:2px solid #ead9c9}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.submit{width:100%;margin-top:5px}.conversation{background:#fff;border:1px solid #e7e2da;border-radius:18px;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:16px;padding:20px;display:grid}.conversation>b,.conversation strong,.conversation span{display:block}.conversation select{max-width:360px}.conversation-result{background:#faf7f3;border:1px solid #e8dfd5;border-radius:12px;flex-direction:column;justify-content:center;gap:7px;padding:16px;display:flex}.conversation-result strong{color:#9a6b43;font-size:12px}.conversation-result span{color:#665f58;font-size:12px;line-height:1.7}.conversation select{margin-top:12px}.add-mini:focus-visible,.board-item:focus-visible,.side-member:focus-visible,.sidebar-add:focus-visible,.member:focus-visible,.primary:focus-visible,.profile-actions button:focus-visible,.close:focus-visible{outline-offset:2px;outline:3px solid #d8b99d}@media (width<=900px){.workspace{grid-template-columns:210px 1fr}.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:46px}.members{grid-template-columns:1fr 1fr}.guide-cards,.conversation{grid-template-columns:1fr}}@media (width<=650px){.topbar{height:62px}.workspace{display:block}.sidebar{scrollbar-width:none;border-bottom:1px solid #e7e2da;border-right:0;align-items:center;gap:8px;height:auto;padding:12px;display:flex;position:relative;top:0;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-title{min-width:120px;padding:0}.sidebar-title .eyebrow,.sidebar-label,.sidebar-empty,.sidebar-add{display:none}.board-item{width:auto;min-width:120px}.side-member{justify-content:center;width:auto;min-width:75px}.side-member span:last-child{display:none}.content{padding:40px 16px}.members{grid-template-columns:1fr}.hero{margin-bottom:50px}.hero h1{font-size:40px}.hero-copy{font-size:14px}.profile-head{display:block}.profile-actions{flex-wrap:wrap;margin-top:18px}.saju-grid{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}.compare-box{grid-template-columns:1fr;gap:4px}.arrow{padding:2px;transform:rotate(90deg)}.flow i{display:none}.relationship-ready{align-items:flex-start}.score{width:60px;height:60px}.conversation{padding:15px}.notice{display:block}.notice b{margin-bottom:6px;display:block}.section-head{align-items:flex-start;gap:15px}.section-head .primary{white-space:nowrap}}