:root{color-scheme:only light}
:root{--paper:#fbf8f2;--ink:#343c35;--muted:#777970;--line:#e6e2d9;--accent:#d9846c;--peach:#f3d5c2;--rose:#edc4c4;--sage:#e8eddf;--serif:'Noto Serif KR',serif;--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ab6654;outline-offset:4px}h1,h2,h3,p{margin:0}button{border:0}button svg{width:20px;height:20px}.shell{max-width:1200px;width:calc(100% - 96px);margin:0 auto}.preview-strip{min-height:34px;background:#eaece2;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 20px;font-size:11px;letter-spacing:.02em;color:#626b5b}.status-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#829272}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:-1px}.brand>svg{width:40px;height:40px;stroke:var(--accent);stroke-width:1.7;fill:none}.brand-note{display:block;font-family:var(--sans);font-size:9px;font-weight:400;letter-spacing:1.4px;margin-top:0;color:var(--muted)}nav{display:flex;align-items:center;gap:31px;font-size:12px}nav a:hover{color:var(--accent)}.nav-badge{font-size:9px;letter-spacing:1.4px;border:1px solid #d9d2c6;padding:5px 10px;border-radius:2px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:74px;padding-top:61px;padding-bottom:72px;align-items:start}.hero-story{padding-top:18px}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:2.2px;font-size:9px;font-weight:500;color:#828474}.eyebrow>span{width:22px;height:1px;background:#b7a28c}.hero h1{font-family:var(--serif);font-size:clamp(43px,4.2vw,60px);font-weight:600;line-height:1.45;letter-spacing:-3.8px;margin:22px 0 21px;word-break:keep-all}.title-dot{color:var(--accent)}.hero-description{color:#73776c;font-size:14px;line-height:1.95;letter-spacing:-.35px}.hero-meta{display:flex;gap:16px;font-size:10px;color:#6d7566;margin-top:24px;align-items:center}.hero-meta>span{display:flex;align-items:center;gap:6px}.hero-meta>span+span:before{content:'';display:block;width:3px;height:3px;background:#c7c9bd;border-radius:50%;margin-right:9px}.hero-meta svg{width:15px;height:15px;stroke:#89947e;fill:none;stroke-width:1.3}.orbit-art{max-width:470px;margin-top:12px;margin-left:-15px}.orbit-art svg{display:block;width:100%;height:auto}.art-caption{text-align:center;font-size:10px;color:#8a897e;letter-spacing:-.2px;max-width:450px;margin-top:4px}.experience-card{background:#fffefb;border:1px solid #e6dfd4;border-radius:20px;padding:31px 33px 24px;box-shadow:0 15px 55px #64503b08;scroll-margin-top:20px;position:relative}.experience-card:before{position:absolute;content:'';right:28px;top:-5px;width:57px;height:8px;background:var(--peach);border-radius:1px;transform:rotate(3deg)}.form-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:#929280}.step-label{font-size:10px;letter-spacing:1px;color:#8a887b}.progress-track{height:2px;background:#efebe4;margin:15px 0 26px}.progress-track span{display:block;width:50%;height:100%;background:#dba289;transition:width .3s}.experience-card h2{font-size:21px;letter-spacing:-1px;font-weight:600;line-height:1.5}.form-description{font-size:11px;color:#88897f;margin-top:6px}.person-fields{border:0;margin:28px 0 0;padding:0;min-width:0}.person-fields legend{display:flex;align-items:center;width:100%;font-size:12px;font-weight:600;margin-bottom:11px;gap:8px}.person-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.peach{background:#e8af87}.rose{background:#d8959a}.person-number{margin-left:auto;font-size:9px;font-weight:400;letter-spacing:1px;color:#b4b0a5}.date-calendar{display:flex;align-items:center;background:#f8f6f1;border:1px solid #e9e4da;border-radius:8px;padding:5px 6px 5px 12px;gap:8px}input[type=date]{width:100%;min-width:0;border:0;background:transparent;height:35px;font-size:13px;color:#535c50;padding-right:2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.45;width:14px;cursor:pointer}.calendar-choice{flex:none;display:flex;background:#efede7;border-radius:5px;padding:2px;gap:2px}.calendar-choice button{font-size:10px;padding:6px 10px;background:transparent;color:#939287;border-radius:4px;white-space:nowrap}.calendar-choice button.selected{background:#fffefb;color:#5d6457;box-shadow:0 1px 3px #0000000a}.time-details{margin-top:9px;font-size:10px;color:#888b7f}.time-details summary{cursor:pointer;display:list-item;margin-left:13px}.time-details summary span{font-size:9px;margin-left:6px;color:#a7a699}.time-details[open]{padding-bottom:6px}.time-details label{display:block;margin:10px 0 4px}.time-details input{border:1px solid var(--line);border-radius:5px;background:#fff;padding:6px 9px}.leap-option{font-size:11px;color:#73776b;margin-top:10px;align-items:center;gap:5px}.leap-option:not([hidden]){display:flex}.leap-option input{accent-color:#cc8067}.second-person{margin-top:24px}.input-note{margin:23px 0 14px;text-align:center;font-size:10px;color:#949589}.primary-button{background:#3d4c3f;color:#fffefa;display:flex;align-items:center;justify-content:center;gap:25px;min-height:48px;border-radius:8px;width:100%;font-size:12px;font-weight:500;letter-spacing:-.2px;transition:background .2s,transform .2s}.primary-button span{font-size:20px;font-weight:400}.primary-button:hover{background:#52644f;transform:translateY(-1px)}.sample-button{display:block;margin:13px auto 0;background:transparent;color:#8a8d7d;font-size:10px;padding:6px 12px}.sample-button:hover{color:#4e5b47}.sample-button span{margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.relationship-field,.topic-field{padding:0;border:0;margin:25px 0 0}.relationship-field legend,.topic-field legend{font-size:12px;font-weight:600;margin-bottom:10px}.relationship-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.relationship-grid button{background:#faf8f3;border:1px solid #ebe6dc;border-radius:8px;padding:15px 6px 12px;text-align:center;font-size:11px}.relationship-grid button>span{display:block;font-size:24px;line-height:1.3;color:#9b9e88;margin-bottom:5px}.relationship-grid small{display:block;font-size:9px;color:#8d8b80;margin-top:2px}.relationship-grid button.selected{border-color:#b5836b;background:#fbefe5}.relationship-grid button.selected>span{color:#c58067}.topic-field{margin-top:20px}.topic-field legend span{font-size:9px;font-weight:400;color:#9c9b8d;margin-left:7px}.topic-chips{display:flex;gap:7px;flex-wrap:wrap}.topic-chips button{border-radius:20px;border:1px solid #e3dfd3;background:transparent;padding:7px 12px;font-size:10px;color:#7e8375}.topic-chips button.selected{background:#e9ede2;border-color:#b1bda2;color:#485a40}.field-feedback{font-size:10px;color:#9a6753;min-height:17px;margin-top:3px}.context-example-note{display:flex;align-items:start;gap:9px;background:#f5f3eb;color:#8a8979;font-size:10px;padding:11px 13px;border-radius:6px;margin:8px 0 15px}.context-example-note>span{font-size:19px;line-height:1.3}.context-bottom{display:flex;justify-content:space-between;margin-top:15px}.text-button{background:transparent;color:#78816d;font-size:11px;padding:5px 0}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.guide-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f2eb;padding:43px 0 48px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.section-heading h2{font-family:var(--serif);font-size:26px;letter-spacing:-1px;font-weight:600;margin-top:7px}.section-heading>p{font-size:11px;color:#97968a}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{position:relative;min-height:205px;padding:22px 25px;background:#fcfaf6;border:1px solid #e4dfd3;border-radius:11px;text-align:left;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-4px);border-color:#cbb99f}.guide-number{font-size:9px;letter-spacing:1.5px;color:#999784}.guide-symbol{position:absolute;right:24px;top:36px;font-family:serif;font-size:46px;font-weight:400;color:#b1b99e;line-height:1}.guide-card:nth-child(2) .guide-symbol{color:#d8a88c}.guide-card:nth-child(3) .guide-symbol{color:#c49ca4}.guide-card h3{font-size:17px;font-weight:600;line-height:1.7;letter-spacing:-.5px;margin-top:15px}.guide-link{display:flex;justify-content:space-between;align-items:center;margin-top:21px;color:#979480;font-size:10px}.guide-link>span{font-size:19px;color:#9da38f}.closing-note{text-align:center;padding:45px 0 40px}.closing-note svg{width:29px;height:29px;stroke:#c58e79;fill:none;stroke-width:1.3}.closing-note p{font-family:var(--serif);font-size:17px;letter-spacing:-.5px;margin-top:9px}.closing-note>span{font-size:10px;color:#9a998d;display:block;margin-top:7px}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 28px;font-family:var(--serif);font-size:13px}.site-footer small{font-family:var(--sans);font-size:9px;color:#aaa799;margin-left:13px}.site-footer>div{display:flex;align-items:center;gap:20px;font-family:var(--sans);font-size:9px;color:#97998c}.site-footer button{background:none;color:inherit;padding:3px 0;font-size:inherit}.site-footer button:hover{color:#4a5742}.result-view{padding-bottom:65px}.result-topbar{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.small-label{font-size:9px;letter-spacing:1.6px;color:#949582}.result-intro{text-align:center;padding-top:38px}.result-intro .eyebrow{justify-content:center}.result-intro h1{font-family:var(--serif);font-size:44px;line-height:1.55;letter-spacing:-2px;font-weight:600;margin-top:19px}.result-intro>p{color:#818577;font-size:13px;margin-top:17px}.result-tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:20px}.result-tags span{background:#edece1;border-radius:20px;padding:5px 13px;font-size:10px;color:#7e846f}.example-warning{display:flex;align-items:center;gap:12px;border:1px solid #e6d8c7;background:#f9f0e5;border-radius:8px;padding:13px 17px;margin:33px 0 23px}.example-warning p{font-size:11px;color:#8e785e}.sample-badge{flex:none;font-size:9px;letter-spacing:.3px;color:#9f7255;border:1px solid #d9bca6;background:#fdf7ee;padding:3px 7px;border-radius:4px}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.reading-card{border:1px solid #e4ded2;background:#fffdf8;border-radius:13px;overflow:hidden}.reading-card summary{list-style:none;cursor:pointer;padding:24px;position:relative;min-height:235px}.reading-card summary::-webkit-details-marker{display:none}.reading-card .card-no{display:block;font-size:9px;letter-spacing:1.6px;color:#8c917e;margin-bottom:15px}.card-icon{position:absolute;right:25px;top:27px;font-size:28px;color:#c79880;line-height:1}.reading-card h2{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.8px;margin-right:15px}.reading-card .card-summary{font-size:12px;color:#7d8374;line-height:1.9;margin-top:12px;word-break:keep-all}.expand-hint{display:flex;justify-content:space-between;font-size:10px;color:#999b8c;margin-top:21px}.expand-hint b{font-weight:400;font-size:16px;line-height:1}.reading-card[open] .expand-hint b{transform:rotate(45deg)}.reading-card[open] .expand-hint .expand-word{font-size:0}.reading-card[open] .expand-hint .expand-word:after{content:'접어두기';font-size:10px}.card-detail{border-top:1px solid #e8e4d9;margin:0 24px;padding:20px 0 23px;font-size:12px;color:#717969;line-height:1.95;word-break:keep-all}.card-detail p+p{margin-top:13px}.card-tip{padding:12px 14px;background:#eeeee4;border-radius:7px;margin-top:15px!important;font-size:11px;color:#66745c}.reading-card:nth-child(1){background:#f7e7db}.reading-card:nth-child(2){background:#edf0e5}.reading-card:nth-child(5){background:#f5e8e7}.share-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:39px;padding:30px 10px}.share-panel h2{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:-1px;margin:8px 0}.share-panel p{font-size:11px;color:#8d9082}.share-actions{min-width:210px}.share-actions .primary-button{min-height:44px;font-size:11px}.secondary-button{display:flex;align-items:center;justify-content:center;border:1px solid #c9cebd;background:transparent;color:#6a785d;border-radius:7px;min-height:40px;padding:8px 15px;font-size:11px}.share-actions .secondary-button{width:100%;margin-top:8px}.secondary-button:hover{background:#eff0e6}.result-end{text-align:center;margin-top:30px}.result-end p{font-size:11px;line-height:1.9;color:#969787}.result-end .text-button{margin-top:12px}dialog{width:min(540px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;padding:30px;background:#fffdf8;color:var(--ink);box-shadow:0 30px 120px #26302224;max-height:85dvh;overflow-y:auto}dialog::backdrop{background:#31372d55;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-top button{font-size:25px;background:transparent;color:#8c907f;width:30px;height:35px}dialog h2{font-family:var(--serif);font-size:25px;letter-spacing:-1px;font-weight:600;margin:15px 0 22px}#dialog-content{font-size:13px;line-height:2;color:#747d6c}#dialog-content p+p{margin-top:14px}#dialog-content strong{font-weight:600;color:#4f6046}dialog>.secondary-button{margin-top:25px;width:100%}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);padding:13px 22px;background:#394735;color:#f7f6ec;border-radius:9px;font-size:12px;box-shadow:0 7px 30px #39473522;opacity:0;pointer-events:none;transition:.25s;z-index:10;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}[hidden]{display:none!important}h1[tabindex]:focus,h2[tabindex]:focus{outline:none}
@media(min-width:1500px){.hero{gap:100px;padding-top:78px;padding-bottom:80px}.hero h1{font-size:63px}.orbit-art{margin-top:25px}}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{gap:38px}.hero h1{font-size:46px;letter-spacing:-2.5px}.experience-card{padding:27px 25px 20px}.experience-card h2{font-size:19px}.hero-description{font-size:12px}.hero-meta{font-size:9px;gap:9px}.hero-meta>span+span:before{margin-right:3px}.guide-card{padding:20px}.guide-card h3{font-size:15px}.guide-symbol{font-size:37px;right:19px}.reading-card summary{padding:20px}.reading-card h2{font-size:19px}.reading-card .card-summary{font-size:11px}.card-detail{margin:0 20px}.site-footer>div{gap:12px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.preview-strip{font-size:9px;line-height:1.6;padding:7px 16px;text-align:center;gap:7px}.site-header{height:82px}.brand{font-size:21px;gap:9px}.brand>svg{width:34px;height:34px}.brand-note{font-size:8px;letter-spacing:1px}nav{gap:17px;font-size:10px}.nav-badge{display:none}.hero{grid-template-columns:1fr;gap:27px;padding-top:32px;padding-bottom:42px}.hero-story{padding-top:0;position:relative;min-height:228px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:40px;line-height:1.45;letter-spacing:-2.5px;margin:15px 0 14px}.hero-description{font-size:11px;line-height:1.9;position:relative;z-index:1}.hero-meta{margin-top:17px;font-size:9px}.orbit-art{position:absolute;right:-9px;top:34px;width:190px;opacity:.75;margin:0;z-index:-1}.orbit-art svg text{display:none}.art-caption{display:none}.experience-card{padding:25px 24px 20px;border-radius:15px}.experience-card h2{font-size:21px}.form-description{font-size:11px}.person-fields{margin-top:26px}.second-person{margin-top:24px}.date-calendar{padding:6px 6px 6px 12px}.primary-button{min-height:49px}.input-note{margin-top:22px}.guide-section{padding:32px 0 33px}.section-heading{align-items:start;margin-bottom:18px}.section-heading h2{font-size:23px}.section-heading>p{display:none}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-card{min-height:142px;padding:19px 21px}.guide-card h3{font-size:15px;margin-top:8px;line-height:1.6}.guide-card h3 br{display:none}.guide-link{margin-top:10px;font-size:10px;max-width:calc(100% - 68px)}.guide-symbol{top:41px;right:27px;font-size:38px}.guide-number{font-size:8px}.closing-note{padding:33px 0 30px}.closing-note p{font-size:14px}.closing-note>span{font-size:9px}.site-footer{padding:19px 0 24px;display:block;font-size:12px}.site-footer>div{margin-top:11px;font-size:9px;gap:17px}.site-footer small{font-size:8px}.result-topbar{margin-top:23px}.small-label{font-size:7px;letter-spacing:1px}.result-intro{padding-top:25px}.result-intro h1{font-size:34px}.result-intro>p{font-size:11px;line-height:1.9;max-width:290px;margin:13px auto 0}.example-warning{align-items:start;padding:12px;gap:9px;margin-top:25px}.example-warning p{font-size:10px;line-height:1.8}.sample-badge{font-size:8px;padding:3px 5px;margin-top:2px}.result-cards{grid-template-columns:1fr 1fr;gap:11px}.reading-card summary{padding:17px;min-height:226px}.reading-card .card-no{font-size:8px;margin-bottom:23px;letter-spacing:.7px}.card-icon{right:15px;top:17px;font-size:23px}.reading-card h2{font-size:17px;margin:0;word-break:keep-all}.reading-card .card-summary{font-size:10px;line-height:1.9;margin-top:9px}.expand-hint{font-size:9px;margin-top:18px}.card-detail{font-size:11px;margin:0 17px;padding:15px 0}.card-tip{padding:10px;font-size:10px}.share-panel{display:block;padding:25px 0;margin-top:25px}.share-panel h2{font-size:21px}.share-actions{display:flex;gap:8px;margin-top:21px;min-width:0}.share-actions .primary-button,.share-actions .secondary-button{width:50%;margin:0;min-height:44px;font-size:10px}.share-actions .primary-button{gap:8px}.result-view{padding-bottom:35px}dialog{padding:24px}dialog h2{font-size:23px}#dialog-content{font-size:12px}.context-bottom .text-button{font-size:10px}}
@media(max-width:390px){.shell{width:calc(100% - 32px)}.experience-card{padding:23px 19px 17px}.hero h1{font-size:37px}.hero-description{font-size:10px}.orbit-art{width:156px;top:48px}.experience-card h2{font-size:19px}.result-cards{grid-template-columns:1fr}.reading-card summary{min-height:0;padding:21px}.reading-card .card-no{margin-bottom:14px}.reading-card .card-summary{font-size:12px}.reading-card h2{font-size:22px}.expand-hint{margin-top:15px}.card-detail{margin:0 21px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep mobile choices and text actions comfortable to tap. */
@media(max-width:760px){.topic-chips button{min-height:44px;font-size:13px;padding:9px 12px}.text-button{min-height:44px;padding-top:8px;padding-bottom:8px}.context-bottom .text-button{font-size:12px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}}

/* Footer links wrap when the contact link needs another line. */
.site-footer>div{flex-wrap:wrap}

/* Explicit author link colors for browsers that restyle inherited link colors. */
.site-header a:link,.site-header a:visited,.guide-card:link,.guide-card:visited,.guide-card h3{color:#343c35}.site-header a:hover{color:var(--accent)}.season-entry>a:link,.season-entry>a:visited{color:#936849}