.reader{padding:0 0 120px}.topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:14px 0;backdrop-filter:blur(6px);background:linear-gradient(180deg,var(--bg-0),rgba(21,17,13,.4) 80%,transparent)}.drawer{position:sticky;top:58px;z-index:6;max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease;opacity:0}.drawer.open{max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);opacity:1}.panel{background:linear-gradient(165deg,#241a10,#1a130d);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:4px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.row{display:flex;align-items:center;gap:12px}.row .lab{font-size:.85rem;color:var(--ink-soft);min-width:74px}.row .mini{font-size:.78rem;color:var(--ink-faint)}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:4px;background:var(--line);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 0 8px #d9a56699}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--gold);cursor:pointer}.seg{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:1}.seg button{flex:1 0 28%;background:transparent;border:none;color:var(--ink-soft);font-family:Gowun Batang,serif;font-size:.82rem;padding:8px 4px;cursor:pointer;transition:.2s;border-left:1px solid var(--line)}.seg button:first-child{border-left:none}.seg button.on{background:var(--gold);color:var(--bg-0);font-weight:700}.sw{position:relative;width:46px;height:26px;border-radius:20px;background:var(--line);cursor:pointer;flex:none;transition:.25s;border:none;padding:0}.sw.on{background:var(--gold-soft)}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--moon);transition:.25s}.sw.on:after{left:23px}.hint{font-size:.72rem;color:var(--ink-faint);line-height:1.6}article{padding-top:26px;animation:fade .6s ease both}.r-tag{font-size:.74rem;letter-spacing:.14em;color:var(--gold)}.r-tag a{text-decoration:none}article h1{font-family:Song Myung,serif;font-weight:400;font-size:clamp(2rem,7vw,2.8rem);line-height:1.3;color:var(--moon);margin:.4rem 0 .5rem}.r-meta{color:var(--ink-faint);font-size:.84rem;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}.body p{font-size:var(--reading-size);line-height:2.05;color:var(--ink);margin-bottom:1.35em;word-break:keep-all;transition:font-size .2s ease;border-radius:8px;padding:4px 10px;margin-left:-10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.body p.here{background:#d9a56621;box-shadow:inset 3px 0 0 var(--gold)}.body>p:first-of-type:first-letter{font-family:Song Myung,serif;font-size:2.6em;float:left;line-height:.82;padding:.04em .12em 0 0;color:var(--gold)}.advice{position:relative;margin:42px 0 10px;padding:26px 24px 28px;background:linear-gradient(165deg,#241a10,#1b140d);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;box-shadow:0 0 50px -26px #d9a56699}.advice .label{font-family:Nanum Pen Script,cursive;color:var(--gold);font-size:1.6rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}.advice p{font-size:calc(var(--reading-size) - 1px);line-height:2;color:var(--ink-soft);margin-bottom:1.1em;word-break:keep-all}.advice p:last-child{margin-bottom:0}.closing{font-family:Song Myung,serif;color:var(--moon);font-size:1.3rem;text-align:center;margin:40px 0 6px;letter-spacing:.02em}.pager{display:flex;justify-content:center;gap:10px;margin-top:34px}.share-sheet{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.share-sheet button{background:transparent;border:1px solid var(--line);color:var(--ink-soft);border-radius:22px;padding:9px 16px;font-family:inherit;font-size:.84rem;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:6px}.share-sheet button:hover{border-color:var(--gold-soft);color:var(--ink)}.share-sheet button.kakao{background:#fee500;color:#191600;border-color:#fee500;font-weight:700}.floatbar{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 20px)}.floatbar button{border:none;cursor:pointer;font-family:Gowun Batang,serif;font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:transform .2s}.floatbar button:hover{transform:translateY(-2px)}.play{background:linear-gradient(var(--gold),var(--gold-soft));color:var(--bg-0);border-radius:30px;padding:12px 22px;box-shadow:0 8px 26px -10px #d9a566cc}.tts-btn{background:var(--panel);color:var(--ink-soft);border:1px solid var(--line)!important;border-radius:30px;padding:12px 18px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:10px 18px;border-radius:22px;font-size:.85rem;z-index:9;opacity:0;pointer-events:none;transition:opacity .3s ease}.toast.show{opacity:1}@media(max-width:480px){.iconbtn{padding:8px 10px;font-size:.82rem}.drawer{top:54px}.floatbar{gap:8px}.play,.tts-btn{padding:11px 15px;font-size:.86rem}}