@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--paper:#f7f3ea;--card:#fffcf6;--ink:#282521;--soft:#6f6960;--line:#ddd3c3;--seal:#a13d32;--wine:#663f45;--gold:#a58a5a;--shadow:0 10px 35px rgba(64,48,28,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;background-image:radial-gradient(rgba(100,75,42,.045) .7px,transparent .7px);background-size:7px 7px}.inkline{height:6px;background:var(--wine);border-bottom:1px solid var(--gold)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}header{height:78px;padding:0 max(24px,5vw);display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(247,243,234,.93);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;align-items:baseline;gap:11px;margin-right:5vw;font-family:'Gowun Batang',serif}.brand b{font-size:28px;letter-spacing:.12em}.brand span{color:var(--soft)}nav{display:flex;gap:29px;flex:1}nav a{font-size:14px;color:var(--soft)}nav a:hover{color:var(--seal)}.head-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.text,.icon{border:0;padding:11px 17px;background:none;color:var(--ink)}.primary{background:var(--seal);color:#fffaf4;border:1px solid var(--seal);border-radius:3px}.primary:hover{background:#8d332a}.primary:disabled{opacity:.5}.secondary{border:1px solid var(--line);background:var(--card);border-radius:3px}.secondary:hover{border-color:var(--gold)}.text{color:var(--soft)}.icon{font-size:24px;padding:2px 8px}main{min-height:calc(100vh - 84px)}.container{width:min(1160px,calc(100% - 40px));margin:auto;padding:54px 0}.narrow{width:min(760px,calc(100% - 40px));margin:auto;padding:54px 0}.eyebrow{color:var(--seal);font-size:12px;letter-spacing:.23em;font-weight:600;text-transform:uppercase}.hero{padding:88px max(24px,8vw) 76px;border-bottom:1px solid var(--line);min-height:430px;display:flex;justify-content:space-between;gap:55px;align-items:center}.hero h1{font:700 clamp(36px,5vw,62px)/1.35 'Gowun Batang',serif;margin:12px 0 22px;letter-spacing:.04em}.hero p{color:var(--soft);line-height:2}.hero .actions{justify-content:flex-start}.hero-seal{width:190px;height:190px;border:2px solid var(--seal);color:var(--seal);display:grid;place-items:center;font:700 44px 'Gowun Batang';outline:1px solid var(--seal);outline-offset:-9px;transform:rotate(-2deg);opacity:.87}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-title h1,.section-title h2{font:700 30px 'Gowun Batang';margin:4px 0}.muted{color:var(--soft);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0 44px}.stat{background:rgba(255,252,246,.7);border-top:2px solid var(--gold);padding:21px}.stat b{display:block;font:700 29px 'Gowun Batang';margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:var(--card);border:1px solid var(--line);padding:24px;box-shadow:var(--shadow);border-radius:3px}.card:hover{border-color:#c2ad8c}.card h3{font:700 21px 'Gowun Batang';margin:8px 0}.category-card{min-height:145px}.category-card b{color:var(--seal);font:700 27px 'Gowun Batang'}.toolbar{display:flex;gap:10px;margin:22px 0}.toolbar input,.toolbar select{max-width:280px}.empty{text-align:center;padding:70px 20px;color:var(--soft);border:1px dashed var(--line);background:rgba(255,252,246,.45)}.empty b{display:block;color:var(--gold);font:40px 'Gowun Batang';margin-bottom:15px}.book-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px}.book-cover{aspect-ratio:2/3;background:var(--wine);color:#f8ead1;padding:27px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border:5px double #a78a63;box-shadow:var(--shadow);position:sticky;top:110px}.book-cover h2{font:700 24px/1.55 'Gowun Batang';}.book-cover span{font-size:13px}.book-head{border-bottom:3px double var(--line);padding-bottom:24px}.book-head h1{font:700 35px 'Gowun Batang';margin:7px 0}.progress{height:5px;background:var(--line);margin:14px 0 6px}.progress i{display:block;height:100%;background:var(--seal)}.tabs{display:flex;gap:6px;margin:26px 0}.tabs button.active{color:var(--seal);border-color:var(--seal)}.record{padding:26px 0;border-bottom:1px solid var(--line);position:relative}.record .page{color:var(--seal);font:700 14px 'Gowun Batang';letter-spacing:.12em}.record blockquote{font:400 20px/2 'Gowun Batang';margin:16px 0}.record .thought{line-height:1.9;white-space:pre-wrap;color:#4f4942}.record-actions{position:absolute;right:0;top:18px}.record-actions button{padding:6px;color:var(--soft)}.reflection-card h3{font:700 22px 'Gowun Batang'}.reflection-body{white-space:pre-wrap;line-height:2}.date{font-size:12px;color:var(--soft)}.anthology{border:1px solid var(--line);padding:60px;text-align:center;background:var(--card);margin-bottom:24px}.anthology h2{font:700 36px 'Gowun Batang';letter-spacing:.12em}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{background:#f3eadc;padding:14px;color:var(--soft);font-size:13px;line-height:1.7}dialog{width:min(650px,calc(100% - 24px));max-height:92vh;overflow:auto;border:1px solid var(--gold);padding:0;background:var(--card);color:var(--ink);box-shadow:0 28px 90px rgba(30,22,14,.4)}dialog::backdrop{background:rgba(34,28,22,.58);backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--line)}.modal-head h2{font:700 23px 'Gowun Batang';margin:0}form{padding:25px 27px}label{display:block;color:var(--soft);font-size:13px;margin-bottom:16px}label small{float:right}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fffdfa;padding:11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(165,138,90,.12)}textarea{min-height:105px;resize:vertical}.long{min-height:260px;line-height:1.9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.error{color:#9d3129;font-size:13px;min-height:18px}.autosave{color:var(--soft);font-size:12px}.prompt-box{padding:15px;border-left:2px solid var(--gold);background:#f8f1e5;margin:6px 0 19px}.prompt-box p{line-height:1.7;margin:10px 0 0}#toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:13px 18px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:80}#toast.show{opacity:1;transform:none}#seal{position:fixed;right:34px;bottom:76px;width:62px;height:62px;border:3px double var(--seal);color:var(--seal);background:var(--paper);display:grid;place-items:center;font:700 17px 'Gowun Batang';opacity:0;transform:scale(1.5) rotate(-6deg);z-index:79}#seal.stamp{animation:stamp .65s ease}@keyframes stamp{25%,80%{opacity:1;transform:scale(1) rotate(-3deg)}100%{opacity:0;transform:scale(.96) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}@media(max-width:760px){header{height:auto;padding:14px 18px;flex-wrap:wrap}.brand{flex:1}nav{order:3;width:100%;justify-content:space-between;padding-top:13px}.head-actions .text{display:none}.hero{padding:55px 24px}.hero-seal{display:none}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.book-layout{grid-template-columns:1fr}.book-cover{position:static;width:150px}.form-grid,.settings{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar{flex-wrap:wrap}.container{padding-top:35px}}