:root{--ink: #24352d;--forest: #315d4d;--deep: #183c31;--cream: #f7f2e7;--paper: #fffcf5;--coral: #dc775d;--gold: #d7a849;--line: #ddd5c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.hero{position:relative;min-height:680px;overflow:hidden;color:#fffdf5;background:linear-gradient(165deg,#153d31,#376b58 62%,#d09c54 120%)}.nav{width:min(1160px,calc(100% - 48px));margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:12px;font-family:Gowun Batang,serif;font-weight:700;font-size:19px}.brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-family:serif}.live-pill{font-size:12px;letter-spacing:.04em;padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:#00000014}.live-pill span,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f3bd65;margin-right:8px;box-shadow:0 0 0 5px #f3bd651f}.hero-copy{width:min(1160px,calc(100% - 48px));margin:105px auto 0;position:relative;z-index:3}.eyebrow,.kicker{letter-spacing:.22em;font-size:11px;font-weight:800;color:#edbd68;margin:0 0 20px}.hero h1{margin:0;font-family:Gowun Batang,serif;font-size:clamp(48px,6vw,78px);line-height:1.22;letter-spacing:-.05em;font-weight:400}.hero h1 em{color:#f5c66d;font-style:normal}.hero-description{line-height:1.9;color:#ffffffb3;font-size:15px;margin:28px 0}.scroll-cue{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid rgba(255,255,255,.55);padding:8px 0;font-size:13px}.scroll-cue span{color:#f5c66d}.sun{position:absolute;width:330px;height:330px;border-radius:50%;right:9%;top:160px;background:radial-gradient(circle,rgba(244,195,103,.58),rgba(244,195,103,.05) 68%,transparent 69%)}.hills{position:absolute;left:-5%;bottom:-180px;width:110%;height:400px;background:#244c3e;border-radius:50% 50% 0 0/70% 70% 0 0;transform:rotate(-4deg)}.hills.back{left:35%;bottom:-245px;background:#728b5ea6;transform:rotate(10deg)}.section{width:min(1100px,calc(100% - 48px));margin:auto;padding:110px 0}.section-heading{margin-bottom:44px}.section-heading h2{font-family:Gowun Batang,serif;font-size:clamp(30px,4vw,43px);letter-spacing:-.04em;margin:0 0 12px}.section-heading>p:last-child{color:#718078;font-size:14px}.section-heading.row{display:flex;justify-content:space-between;align-items:end}.section-heading.centered{text-align:center}.count{border:1px solid var(--line);border-radius:30px;padding:9px 16px}.maker-layout{display:grid;grid-template-columns:1.12fr .88fr;box-shadow:0 25px 80px #2e37291a}.form-card{padding:46px;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}.form-card label{display:grid;gap:10px;font-size:13px;font-weight:700}.form-card label span{display:flex;align-items:center;gap:8px}.form-card label b{width:22px;height:22px;display:grid;place-items:center;color:#fff;background:var(--forest);border-radius:50%;font-size:11px}.form-card input,.form-card select{width:100%;height:52px;border:1px solid #d9d2c4;background:#fffefa;border-radius:3px;padding:0 15px;color:var(--ink);outline:none}.form-card input:focus,.form-card select:focus{border-color:var(--forest);box-shadow:0 0 0 3px #315d4d1a}.create-button{grid-column:1/-1;height:58px;background:var(--forest);border:0;color:#fff;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 24px;transition:.2s}.create-button:hover{background:var(--deep);transform:translateY(-2px)}.create-button:disabled{opacity:.65;cursor:wait;transform:none}.form-note{grid-column:1/-1;text-align:center;margin:-10px 0 0;color:#8c918a;font-size:12px}.form-note.success{color:var(--forest);font-weight:700}.form-note.error{color:#b54f41}.preview{position:relative;color:#fff;min-height:410px;padding:58px 45px;background:linear-gradient(145deg,#24463ad6,#19352bf2),repeating-linear-gradient(45deg,transparent 0 9px,rgba(255,255,255,.04) 9px 10px);overflow:hidden}.preview:after{content:"時";position:absolute;font:280px serif;color:#ffffff09;right:-20px;bottom:-80px}.stamp{position:absolute;right:34px;top:32px;border:2px solid rgba(231,185,101,.7);color:#e9bd70;transform:rotate(7deg);padding:8px;font:9px/1.4 serif;letter-spacing:.15em;text-align:center;border-radius:50%}.preview-label{color:#e8ba6c;font-size:11px;letter-spacing:.16em;font-weight:700}.preview blockquote{font-family:Gowun Batang,serif;font-size:29px;line-height:1.7;margin:60px 0}.preview-route{display:flex;align-items:center;gap:12px;font-size:11px;color:#ffffff8c}.preview-route i{height:1px;width:55px;background:#ffffff4d}.preview-route strong{color:#fff}.archive{padding-top:100px}.story-list{display:grid;gap:24px}.story{background:var(--paper);border:1px solid var(--line);padding:30px;position:relative;box-shadow:0 8px 30px #31362c0a}.story-meta{display:flex;align-items:center;gap:13px;margin-bottom:24px}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--coral);font-family:Gowun Batang,serif}.story-meta h3{margin:0 0 3px;font-size:15px}.story-meta p,.story-meta time{margin:0;color:#899089;font-size:11px}.story-meta time{margin-left:auto}.invitation{border-left:3px solid var(--gold);padding:3px 0 3px 17px;margin-bottom:25px}.invitation small{color:var(--gold);font-size:9px;letter-spacing:.13em;font-weight:800}.invitation p{font-family:Gowun Batang,serif;margin:7px 0;font-weight:700}.invitation span{font-size:10px;color:var(--forest);background:#e8f0ea;padding:4px 8px;border-radius:12px}.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tale-card{min-height:135px;padding:19px;background:#f1ecdf;border-top:2px solid var(--forest)}.tale-card:nth-child(2){background:#edf1e8;border-color:var(--gold)}.tale-card:nth-child(3){background:#f4e8e2;border-color:var(--coral)}.tale-card b{font:11px serif;color:#9f997f}.tale-card p{font-family:Gowun Batang,serif;font-size:13px;line-height:1.75;margin-bottom:0}.new-tag{position:absolute;right:-7px;top:-8px;color:#fff;background:var(--coral);font-size:9px;font-weight:800;padding:6px 9px;transform:rotate(2deg)}.empty{text-align:center;background:#ffffff61;border:1px dashed #cfc6b5;padding:65px 20px;color:#7c847d}.empty>span{font-size:32px;color:var(--gold)}.empty h3{font-family:Gowun Batang,serif;color:var(--ink);margin-bottom:7px}.empty p{font-size:13px}.empty.loading span{display:inline-block;width:24px;height:24px;border:2px solid #d8ceba;border-top-color:var(--forest);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats{width:100%;max-width:none;padding:110px max(24px,calc((100% - 1100px)/2));background:#ece5d7}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-card{background:var(--paper);border:1px solid #d9d0c0;padding:35px}.chart-title{display:flex;gap:15px;align-items:center;padding-bottom:25px;border-bottom:1px solid #e5ded2}.chart-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e1ece5;color:var(--forest)}.chart-title small{font-size:9px;letter-spacing:.18em;color:var(--gold);font-weight:800}.chart-title h3{margin:3px 0 0;font:700 18px Gowun Batang,serif}.bars{display:grid;gap:20px;padding-top:28px}.bar-row{display:grid;grid-template-columns:24px 100px 1fr 24px;gap:10px;align-items:center;font-size:12px}.rank{font:10px serif;color:#aaa292}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.bar-track{height:7px;background:#e7e3da;border-radius:10px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--forest);transition:width .5s ease}.coral .bar-track i{background:var(--coral)}.bar-row strong{text-align:right}footer{height:110px;padding:0 max(24px,calc((100% - 1100px)/2));background:var(--deep);color:#ffffff85;display:flex;align-items:center;gap:16px;font-size:11px}footer .small{color:#fff;width:30px;height:30px}footer p:last-child{margin-left:auto}@media(max-width:760px){.hero{min-height:630px}.nav,.hero-copy,.section{width:min(100% - 30px,1100px)}.live-pill{display:none}.hero-copy{margin-top:85px}.hero h1{font-size:43px}.hero-description br{display:none}.sun{width:220px;height:220px;right:-60px;top:200px}.section{padding:80px 0}.maker-layout,.chart-grid{grid-template-columns:1fr}.form-card{padding:28px 20px;grid-template-columns:1fr}.form-card .create-button,.form-card .form-note{grid-column:1}.preview{min-height:330px;padding:42px 28px}.preview blockquote{font-size:25px;margin:55px 0}.section-heading.row{align-items:flex-start;gap:15px}.count{white-space:nowrap;font-size:11px}.story{padding:21px 16px}.story-meta time{display:none}.story-cards{grid-template-columns:1fr}.tale-card{min-height:auto}.stats{width:100%;padding:80px 15px}.chart-card{padding:25px 18px}.bar-row{grid-template-columns:20px 82px 1fr 20px;gap:7px}footer{flex-wrap:wrap;height:auto;padding-top:28px;padding-bottom:28px}footer p:last-child{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}