.stars{display:inline-flex;gap:.08em;letter-spacing:0;vertical-align:-.05em}
.st{font-style:normal;line-height:1}
.st.e{color:color-mix(in srgb,currentColor 22%,transparent)}
.st.h{background:linear-gradient(90deg,currentColor 50%,color-mix(in srgb,currentColor 22%,transparent) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.starpick{align-items:center}
.starpick button{position:relative;color:var(--acc)}
.starpick button .st{font-size:inherit}
.starpick .sv{margin-left:8px;font-family:'Nanum Gothic Coding',monospace;font-size:13px;color:var(--dim)}
.rnum{margin-left:6px;font-family:'Nanum Gothic Coding',monospace;font-size:12px;letter-spacing:0;color:var(--dim)}
.spo{position:relative;min-height:150px}
.spo .body.blur{filter:blur(7px);user-select:none;-webkit-user-select:none;pointer-events:none;max-height:260px;overflow:hidden;opacity:.75}
.spo .body{transition:filter .4s ease,opacity .4s ease}
.spo-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 25%,transparent),color-mix(in srgb,var(--bg) 55%,transparent));border-radius:3px;transition:opacity .35s ease}
.spo.open .spo-veil{opacity:0;pointer-events:none}
.spo-veil .mono{color:var(--acc)}
.spo-btn{min-height:44px;padding:0 20px;border:1px solid var(--acc);border-radius:999px;background:var(--acc);color:var(--acc-ink);font-family:'Pretendard','Gothic A1',sans-serif;font-weight:700;font-size:13px;box-shadow:0 8px 20px -10px var(--shadow);transition:transform .15s}
.spo-btn:hover{transform:translateY(-1px)}
.outrev .body:not(.blur),.entry.diary .tx,.rd .body{max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--acc) 55%,transparent) transparent}
.outrev .body::-webkit-scrollbar,.entry.diary .tx::-webkit-scrollbar,.rd .body::-webkit-scrollbar{width:6px}
.outrev .body::-webkit-scrollbar-thumb,.entry.diary .tx::-webkit-scrollbar-thumb,.rd .body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--acc) 55%,transparent);border-radius:999px}
.scrolly{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 46px),transparent)}
.scrolly.end{-webkit-mask-image:none;mask-image:none}
.scrollhint{display:block;margin-top:6px;text-align:right;font-family:'Questrial',sans-serif;font-size:9px;letter-spacing:.2em;color:var(--dim);transition:opacity .3s}
.scrollhint.hide{opacity:0}
.body b,.rbody b,.tx b{font-weight:800;color:var(--text)}
.entry .tx b,.rbody b{color:inherit}
/* 형광펜: 붓 터치 (사이트 전체) */
:root,[data-theme="night"]{--hlb:url("data:image/webp;base64,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")}
[data-theme="day"]{--hlb:url("data:image/webp;base64,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")}
.ot,.subc,.dyd{--hlb:url("data:image/webp;base64,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")}
.nwr,.bcard,.rcpt{--hlb:url("data:image/webp;base64,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")}
mark{color:inherit;padding:.02em .32em;margin:0 -.12em;background:var(--hlb) center/100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.body s,.rbody s,.tx s{opacity:.6}
.fmt-hint{margin-left:6px;font-size:10px;color:var(--dim);font-family:'Pretendard','Gothic A1',sans-serif}
.spo-veil small{font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--dim)}
.bnmine{flex-direction:column;align-items:center;gap:14px}
.bnrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
@media (max-width:560px){.bnrow{flex-wrap:nowrap;gap:10px}.bnrow .bnframe{padding:8px}.bnrow .bnframe .bnimg{width:min(calc(var(--bw) * 1px),calc((100vw - 92px) / 2))}}
.bnframe{max-width:100%}
.bnframe .bnimg{width:min(calc(var(--bw) * 1px),480px,calc(100vw - 72px));height:auto;aspect-ratio:var(--bw)/var(--bh)}
.bnframe .bnimg img,.bnframe .bnimg .bnph{width:100%;height:100%;object-fit:contain}
.gchat{--gs:color-mix(in srgb,var(--text) 70%,transparent);margin-top:28px;border-radius:6px;overflow:hidden;background:var(--film);border:1px solid var(--line2);box-shadow:0 14px 34px -20px var(--shadow)}
.gc-hd,.gc-ft{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 12px;background:var(--film);color:#E6DCC8;font:500 10px/1.4 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.24em}
.gc-hd::before,.gc-ft::after{content:"";position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,transparent 0 7px,var(--bg) 7px 15px,transparent 15px 22px);opacity:.85}
.gc-hd::before{top:4px}.gc-ft::after{bottom:4px}
.gc-ft{padding:12px 18px 16px;color:#B5A890;font-size:9.5px}
.gc-hd .ko{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:.04em;font-size:11px;color:#B5A890}
.gc-hd .rec{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--edge);box-shadow:0 0 8px var(--edge);vertical-align:1px;animation:gcrec 1.6s steps(2) infinite}
@keyframes gcrec{50%{opacity:.25}}
.gc-frame{display:grid;grid-template-columns:18px minmax(0,1fr) 18px;background:var(--film)}
.gc-holes{background:repeating-linear-gradient(180deg,transparent 0 9px,var(--bg) 9px 21px,transparent 21px 30px) center/9px 100% no-repeat;opacity:.85}
.gc-mid{position:relative;min-width:0;overflow:hidden}
.gc-beam{position:absolute;left:50%;top:-10%;width:140%;height:120%;transform:translateX(-50%);pointer-events:none;z-index:1;background:conic-gradient(from 168deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--acc) 10%,transparent) 10deg,color-mix(in srgb,var(--text) 9%,transparent) 12deg,color-mix(in srgb,var(--acc) 10%,transparent) 14deg,transparent 24deg);animation:gcflick 3.2s steps(6) infinite}
@keyframes gcflick{0%,100%{opacity:.9}35%{opacity:.7}60%{opacity:1}80%{opacity:.78}}
.gc-sky{position:relative;display:flex;flex-direction:column;gap:14px;max-height:min(72vh,680px);overflow-y:auto;overscroll-behavior:contain;padding:22px 16px 30px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent;
  background:radial-gradient(1px 1px at 12% 18%,var(--gs) 60%,transparent),radial-gradient(1px 1px at 72% 8%,var(--gs) 60%,transparent),radial-gradient(1.4px 1.4px at 38% 62%,var(--gs) 60%,transparent),radial-gradient(1px 1px at 88% 44%,var(--gs) 60%,transparent),radial-gradient(1px 1px at 22% 86%,var(--gs) 60%,transparent),radial-gradient(1.2px 1.2px at 58% 30%,var(--gs) 60%,transparent),radial-gradient(1px 1px at 94% 82%,var(--gs) 60%,transparent),
  radial-gradient(60% 45% at 85% 10%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),radial-gradient(55% 40% at 8% 75%,color-mix(in srgb,var(--deep) 55%,transparent),transparent 70%),linear-gradient(180deg,var(--bg),var(--surface));background-size:220px 220px,260px 260px,300px 300px,240px 240px,280px 280px,200px 200px,320px 320px,100% 100%,100% 100%,100% 100%;background-attachment:local}
[data-theme="day"] .gchat{--gs:color-mix(in srgb,var(--acc) 55%,transparent)}
.gleader{align-self:center;display:grid;place-items:center;width:58px;height:58px;margin:2px 0 6px;border-radius:50%;border:1px solid var(--line2);background:radial-gradient(circle,transparent 46%,var(--line2) 47% 48%,transparent 49%),conic-gradient(color-mix(in srgb,var(--acc) 22%,transparent) 0 90deg,transparent 90deg);color:var(--dim);font:600 24px/1 'Barlow Condensed',sans-serif}
.gscene{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--dim);font:500 9.5px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.22em}
.gscene i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}
.gscene b{width:22px;height:9px;border-radius:1px;background:repeating-linear-gradient(-45deg,var(--text) 0 3px,var(--bg) 3px 6px);opacity:.6}
.gc-sky .empty{color:var(--dim);text-align:center}
.gpair{display:flex;flex-direction:column;gap:10px}
.gm{display:flex;align-items:flex-end;gap:8px;max-width:min(78%,520px)}
.gm.me{align-self:flex-end}
.gm-col{display:flex;flex-direction:column;gap:4px;min-width:0}
.gm.me .gm-col{align-items:flex-end}
.gm-who{display:flex;align-items:baseline;gap:8px;padding:0 6px;font-size:11px;color:var(--dim)}
.gm-who b{font-weight:600;color:var(--text);letter-spacing:.02em}
.gm-who time{font:500 10.5px/1 'Barlow Condensed','Nanum Gothic Coding',monospace;letter-spacing:.08em;color:var(--dim)}
.gm-av{flex:none;width:26px;height:26px;border-radius:50%;margin-bottom:22px}
.gm.them .gm-av{position:relative;background:radial-gradient(circle at 50% 50%,var(--bg) 0 2.5px,transparent 3px),radial-gradient(circle at 50% 22%,var(--bg) 0 3px,transparent 3.5px),radial-gradient(circle at 76% 58%,var(--bg) 0 3px,transparent 3.5px),radial-gradient(circle at 24% 58%,var(--bg) 0 3px,transparent 3.5px),radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--paper) 80%,#fff),var(--acc) 65%,var(--deep));box-shadow:0 0 0 1.5px var(--line2)}
.gm.them .gm-av::after{content:"";position:absolute;inset:9px -5px;border:1.5px solid color-mix(in srgb,var(--acc) 70%,transparent);border-radius:50%;transform:rotate(-22deg)}
.gm.me .gm-av{background:radial-gradient(circle at 50% 50%,#FFF6E0 0 4px,var(--edge) 6px,var(--film) 75%);box-shadow:0 0 0 2px var(--film),0 0 0 3px color-mix(in srgb,var(--edge) 70%,transparent),0 0 14px color-mix(in srgb,var(--edge) 55%,transparent)}
.bub{position:relative;padding:11px 15px;border-radius:18px;font:14px/1.65 'Pretendard','Gothic A1',sans-serif;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.gm.them .bub{background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);border:1px solid var(--line2);border-bottom-left-radius:5px;backdrop-filter:blur(3px);box-shadow:0 6px 18px -12px var(--shadow)}
.gm.me .bub{background:var(--acc);color:var(--acc-ink);border-bottom-right-radius:5px;box-shadow:0 6px 18px -10px color-mix(in srgb,var(--acc) 70%,transparent)}
.gm.gsec .bub{border-style:dashed;border-color:var(--edge)}
.bub .lock{display:inline-block;margin-right:6px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--edge) 20%,transparent);color:var(--edge);font-size:11px;vertical-align:1px}
.bub .hid{color:var(--dim);font-style:italic}
.gm-re{align-self:flex-start;margin-left:6px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);color:var(--dim);font-size:11px;background:transparent}
.gm-re:hover{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--text)}
.gm.compose{width:min(78%,520px)}
.gm.compose .gm-col{width:100%}
.gchat .gm.compose textarea{width:100%;outline:0;box-shadow:none;margin:0;min-height:76px;padding:11px 14px;border-radius:16px;border-bottom-right-radius:5px;border:1px solid var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--surface));color:var(--text);font:14px/1.6 'Pretendard','Gothic A1',sans-serif;resize:vertical}
.gchat .gm.compose textarea::placeholder{color:var(--dim)}
.gc-act{display:flex;gap:8px;justify-content:flex-end}
.gc-act button{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);color:var(--text);font-size:12px;background:transparent}
.gc-act .gc-send{background:var(--acc);border:0;color:var(--acc-ink)}
.gc-act .gc-del{margin-right:auto;color:var(--edge);border-color:var(--edge)}
@media (max-width:560px){.gm,.gm.compose{max-width:88%;width:auto}.gm.compose{width:88%}.gc-sky{padding:18px 10px 24px}.gc-frame{grid-template-columns:12px minmax(0,1fr) 12px}.gc-holes{background-size:6px 100%}.gc-hd{font-size:9px;letter-spacing:.16em}.gc-hd .ns,.gc-ft span:last-child{display:none}.gc-hd>span{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.gc-beam,.gc-hd .rec{animation:none}}
/* 폰: 메뉴 한 줄 · 떠 있는 것 작게 */
@media (max-width:480px){.nav-main{overflow:hidden}.nav .tk{flex:1 1 auto;padding:0 6px;min-height:36px;font-size:10px;letter-spacing:.05em}.seatstub{transform:rotate(-6deg) scale(.66)}}
/* 공통 필름 패널 */
.fpanel{margin-top:18px;border-radius:4px;overflow:hidden;background:var(--surface);border:1px solid var(--line2);box-shadow:0 10px 24px -16px var(--shadow)}
.fpanel .gc-hd{padding:12px 18px;background:color-mix(in srgb,var(--surface) 88%,var(--text));color:var(--text);border-bottom:1px dashed var(--line2)}
.fpanel .gc-hd::before{display:none}
.fpanel .gc-hd .ko{color:var(--dim)}
.gwrite .gc-holes{display:none}
.gwrite .gc-frame{grid-template-columns:minmax(0,1fr);background:var(--surface)}
.fpanel>.survey,.fpanel>.stats{margin:0;border:0;border-radius:0}
.sec>span:first-child{display:inline-flex;align-items:center;gap:8px}
.sec>span:first-child::before{content:"";width:18px;height:8px;border-radius:1px;background:repeating-linear-gradient(-45deg,var(--text) 0 3px,transparent 3px 6px);opacity:.55}
/* 프로필: 로비 카드 */
.idcard.v2{position:relative;overflow:hidden}
.idcard .ph3{position:relative;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 25%,transparent),0 0 0 5px var(--paper),0 0 0 6px color-mix(in srgb,var(--ink) 18%,transparent)}
.idcard .ph3 .frm{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font:500 9px/1.4 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.2em}
.idcard .inf{position:relative;z-index:1}
.idcard .inf::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%) 0 0/300% 100%;background-position:120% 0;transition:background-position 1s ease}
.idcard:hover .inf::after{background-position:-20% 0}
.idstub{flex:none;width:58px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:16px 0;border-left:1.5px dashed var(--perf);background:color-mix(in srgb,var(--paper) 86%,var(--ink))}
.idstub .vert{writing-mode:vertical-rl;font-size:8.5px;letter-spacing:.24em;color:var(--ink2)}
.idstub .bc{width:30px;height:46px;background:repeating-linear-gradient(0deg,var(--ink) 0 1px,transparent 1px 3px,var(--ink) 3px 5px,transparent 5px 6px);opacity:.8}
.idstub b{font:600 14px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.06em;color:var(--ink)}
@media (max-width:480px){.idstub{display:none}}
.stats.bulbs{position:relative;margin:0;padding:12px 18px 14px;gap:0;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 55%,transparent) 0 1.3px,transparent 1.8px) 0 3px/16px 10px repeat-x,radial-gradient(circle,color-mix(in srgb,var(--acc) 55%,transparent) 0 1.3px,transparent 1.8px) 0 calc(100% - 3px)/16px 10px repeat-x,var(--surface)}
.stats.bulbs div{border-left:1px dashed var(--line2);padding:12px 4px}
.stats.bulbs b{font:600 32px/1 'Barlow Condensed','Instrument Serif',sans-serif;letter-spacing:.04em;color:var(--acc)}
.stats.bulbs span{color:var(--dim);letter-spacing:.1em}
.osts .vin{flex:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--acc) 0 4px,#111 4.5px 5.5px,transparent 6px),repeating-radial-gradient(circle,#161616 0 1px,#232323 1px 2.5px);box-shadow:0 0 0 1px #000}
.osts button:hover .vin{animation:spin 2s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* 스크린: 로비 */
.lobby{position:relative;height:34px;margin-top:26px;border-top:2px solid color-mix(in srgb,var(--acc) 70%,transparent);border-radius:50%/100% 100% 0 0;box-shadow:0 -10px 24px -14px var(--acc);text-align:center}
.lobby span{position:relative;top:8px;font:500 9px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.5em;color:var(--dim)}
.lobby+.halls{margin-top:6px}
.hall{overflow:hidden;isolation:isolate}
.hall::after{content:"";position:absolute;left:50%;top:0;width:180%;height:100%;transform:translateX(-50%);z-index:-1;pointer-events:none;background:conic-gradient(from 165deg at 50% 0,transparent 0,rgba(255,255,255,.24) 13deg,rgba(255,250,235,.32) 15deg,rgba(255,255,255,.24) 17deg,transparent 30deg);opacity:0;transition:opacity .35s}
.hall:hover::after,.hall:focus-visible::after{opacity:1}
.hall .ic svg{transition:transform .35s}
.hall:hover .ic svg{transform:translateY(-3px) scale(1.06)}
.hall.lock{background:radial-gradient(1px 1px at 20% 30%,#fff 60%,transparent),radial-gradient(1px 1px at 70% 20%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 85% 65%,#fff 60%,transparent),radial-gradient(1px 1px at 35% 75%,#fff 60%,transparent),var(--lock)}
/* 방명록 쓰기 */
.gwrite .gw-in{min-width:0;padding:18px 16px 16px;background:radial-gradient(1px 1px at 12% 22%,var(--gs) 60%,transparent),radial-gradient(1px 1px at 78% 14%,var(--gs) 60%,transparent),radial-gradient(1.3px 1.3px at 44% 70%,var(--gs) 60%,transparent),radial-gradient(1px 1px at 90% 60%,var(--gs) 60%,transparent),radial-gradient(60% 60% at 90% 0%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--bg),var(--surface));background-size:200px 200px,240px 240px,280px 280px,220px 220px,100% 100%,100% 100%}
.gwrite,.fpanel{--gs:color-mix(in srgb,var(--text) 65%,transparent)}
[data-theme="day"] .gwrite{--gs:color-mix(in srgb,var(--acc) 55%,transparent)}
.gform.g2{display:block;margin:0;background:transparent;box-shadow:none;color:var(--text)}
.gform.g2 .l{padding:0}
.gform.g2 .row{align-items:center;gap:12px;margin-bottom:10px;padding:0;border:0}
.gform.g2 .row label{width:62px;font:500 10px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.22em;color:var(--dim)}
.gform.g2 input,.gform.g2 textarea{padding:10px 14px;border-radius:14px;border:1px solid var(--line2);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);transition:border-color .2s,box-shadow .2s}
.gform.g2 textarea{min-height:96px;border-bottom-left-radius:5px}
.gform.g2 input:focus,.gform.g2 textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 18%,transparent)}
.gform.g2 input::placeholder,.gform.g2 textarea::placeholder{color:var(--dim)}
.gform.g2 .gemo{margin:4px 0 0 74px}
.gform.g2 .gemo button{border-radius:999px}
.gform.g2 .bt{margin:12px 0 0 74px}
.gform.g2 .chk{color:var(--dim)}
.gform.g2 .chk input{accent-color:var(--acc)}
.gform.g2 .save{min-height:40px;min-width:0;padding:0 18px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font:600 12px/1 'Pretendard','Gothic A1',sans-serif;letter-spacing:.04em;box-shadow:0 6px 18px -10px var(--acc)}
.gform.g2 .save:hover{background:color-mix(in srgb,var(--acc) 85%,var(--text));color:var(--acc-ink)}
@media (max-width:560px){.gform.g2 .row{flex-direction:column;align-items:stretch;gap:6px}.gform.g2 .gemo,.gform.g2 .bt{margin-left:0}}
.fpanel .survey{padding:14px 18px 16px;background:var(--surface)}
.fpanel .survey .svh span:first-child{visibility:hidden}
/* 관 티켓 */
.hall.t2{min-height:0;border-radius:6px;background:linear-gradient(165deg,var(--paper),color-mix(in srgb,var(--paper) 90%,var(--ink)));box-shadow:0 10px 22px -14px var(--shadow)}
.hall.t2 .hfr{position:relative;flex:1;display:flex;flex-direction:column;margin:8px 8px 0;padding:12px 12px 12px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-bottom:0;border-radius:3px 3px 0 0}
.hall.t2 .htop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.hall.t2 .hno{display:flex;flex-direction:column;line-height:1}
.hall.t2 .hno small{font:500 8.5px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.34em;opacity:.7}
.hall.t2 .hno b{margin-top:4px;font:600 46px/.86 'Barlow Condensed','Instrument Serif',sans-serif;letter-spacing:.01em}
.hall.t2 .ic{padding:2px 0 0;justify-content:flex-end}
.hall.t2 .ic svg{width:50px;height:50px}
.hall.t2 .nm{padding:0;margin-top:18px}
.hall.t2 .ph2{padding:5px 0 0;font-size:9.5px;opacity:.85}
.hall.t2 .adm{position:absolute;right:-1px;bottom:12px;writing-mode:vertical-rl;transform:rotate(180deg);padding:0 1px;font:500 8px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.3em;opacity:.45}
.hall.t2 .cnt{position:relative;margin-top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 14px 12px;border-top:1.5px dashed var(--perf);font:500 9.5px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.16em}
.hall.t2 .cnt::before,.hall.t2 .cnt::after{content:"";position:absolute;top:-8px;width:14px;height:14px;border-radius:50%;background:var(--notch)}
.hall.t2 .cnt::before{left:-7px}.hall.t2 .cnt::after{right:-7px}
.hall.t2 .bc2{width:38px;height:14px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 6px,currentColor 6px 7px,transparent 7px 9px);opacity:.55}
.hall.t2 .go{padding:4px 9px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:999px;transition:background .2s,color .2s}
.hall.t2:hover .go{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hall.t2.lock{background:radial-gradient(1px 1px at 20% 30%,#fff 60%,transparent),radial-gradient(1px 1px at 70% 20%,#fff 60%,transparent),radial-gradient(1.2px 1.2px at 85% 65%,#fff 60%,transparent),radial-gradient(1px 1px at 35% 75%,#fff 60%,transparent),linear-gradient(165deg,var(--lock),color-mix(in srgb,var(--lock) 85%,#000))}
.hall.t2.lock .cnt{border-top-color:color-mix(in srgb,var(--lock-ink) 35%,transparent)}
.hall.t2.lock:hover .go{background:var(--lock-ink);color:var(--lock);border-color:var(--lock-ink)}
/* 카운트다운 */
.dl.d2{display:grid;grid-template-columns:64px minmax(0,1fr) auto 104px;align-items:stretch;border-radius:5px;overflow:visible;box-shadow:0 8px 18px -14px var(--shadow);transition:transform .2s}
.dl.d2:hover{transform:translateX(3px)}
.dl.d2 .dd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0;border-radius:5px 0 0 5px;background:color-mix(in srgb,var(--paper) 84%,var(--ink));border-right:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.dl.d2 .dd small{font:600 9px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.24em;color:var(--ink2)}
.dl.d2 .dd b{font:600 28px/.95 'Barlow Condensed','Instrument Serif',sans-serif}
.dl.d2 .dd i{font:500 8.5px/1 'Barlow Condensed','Questrial',sans-serif;font-style:normal;letter-spacing:.14em;color:var(--ink2)}
.dl.d2 .l{justify-content:center;padding:12px 16px}
.dl.d2 .perf{width:0;border-left:1.5px dashed var(--perf);position:relative}
.dl.d2 .r{width:auto;flex-direction:column;gap:4px;border-radius:0 5px 5px 0;background:color-mix(in srgb,var(--paper) 86%,var(--ink));font-size:inherit}
.dl.d2 .r small{font:500 8.5px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.28em;color:var(--ink2)}
.dl.d2 .r b{font:600 28px/1 'Barlow Condensed','Instrument Serif',sans-serif;letter-spacing:.02em}
.dl.d2.past .r b{color:var(--ink2)}
.dl.d2.today .r{background:var(--edge);color:#1E1B16}
.dl.d2.today .r small{color:inherit;opacity:.8}
@media (max-width:480px){.dl.d2{grid-template-columns:54px minmax(0,1fr) auto 84px}.dl.d2 .dd b,.dl.d2 .r b{font-size:24px}.dl.d2 .l{padding:10px 12px}}
/* 홈 */
.stubs{align-items:flex-end}
.tstub:hover{transform:translateX(-4px) rotate(1deg)}
.newg{margin-left:auto}
.title{position:relative}
.hbeam{position:absolute;left:0;top:-120px;width:100%;height:calc(100% + 160px);pointer-events:none;z-index:0;background:conic-gradient(from 150deg at 8% 0,transparent 0deg,color-mix(in srgb,var(--acc) 9%,transparent) 14deg,color-mix(in srgb,var(--text) 7%,transparent) 20deg,color-mix(in srgb,var(--acc) 9%,transparent) 26deg,transparent 40deg);animation:hflick 4s steps(8) infinite;mix-blend-mode:screen}
[data-theme="day"] .hbeam{mix-blend-mode:multiply;background:conic-gradient(from 150deg at 8% 0,transparent 0deg,color-mix(in srgb,var(--edge) 10%,transparent) 14deg,color-mix(in srgb,var(--edge) 6%,transparent) 20deg,color-mix(in srgb,var(--edge) 10%,transparent) 26deg,transparent 40deg)}
@keyframes hflick{0%,100%{opacity:1}20%{opacity:.82}45%{opacity:.95}60%{opacity:.75}80%{opacity:.92}}
.dust{position:absolute;inset:-60px 0 0;pointer-events:none;z-index:0;overflow:hidden}
.dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--text);opacity:0;animation:dust 11s linear infinite}
@keyframes dust{0%{opacity:0;transform:translate(0,0)}20%{opacity:.45}80%{opacity:.3}100%{opacity:0;transform:translate(40px,-60px)}}
.title h1{position:relative;z-index:1;animation:tglow 6s ease-in-out infinite}
@keyframes tglow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 22px color-mix(in srgb,var(--acc) 35%,transparent)}}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
/* 프로그램 */
.strip{padding:10px 30px}
.frame{min-height:62px;gap:12px;padding:0 14px}
.frame .en{font-size:23px}
.frame .kr{font-size:11px;margin-top:2px}
.frame .fn{font-size:6.5px;top:3px}
@media (min-width:720px){.strip .frames{display:grid;grid-template-columns:1fr 1fr;gap:8px}}
.frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,240,210,.10) 50%,transparent 65%) 0 0/300% 100%;background-position:120% 0;transition:background-position .8s}
.frame:hover::after{background-position:-20% 0}
/* 라인업 */
.lineup .hall.mini{flex:0 0 190px;scroll-snap-align:start}
.hall.mini .hfr{padding:10px 10px 10px}
.hall.mini .hno b{font-size:36px}
.hall.mini .ic{display:none}
.hall.mini .nm{margin-top:12px}
.hall.mini .nm .en{font-size:24px}
.hall.mini .ph2{font-size:8.5px}
.hall.mini .cnt{padding:9px 10px 10px;gap:8px;font-size:8.5px}
.hall.mini .bc2{width:26px}
.lineup{padding-top:8px;padding-bottom:14px}
@media (max-width:480px){.lineup .hall.mini{flex-basis:170px}}
/* (예전 라인업) */
.lt{flex:0 0 122px}
.lt .tp{min-height:118px;padding:12px 12px 10px;gap:4px}
.lt .en{font-size:28px}
.lt .kr{font-size:13px}
.lt .fm{font-size:7.5px}
.lt .bt{padding:7px 12px;font-size:7.5px}
/* 배너 */
.bnpanel{border-radius:4px;background:var(--surface);box-shadow:0 10px 24px -16px var(--shadow)}
.bnpanel-h{background:color-mix(in srgb,var(--surface) 88%,var(--text));color:var(--text);border-bottom:1px dashed var(--line2);padding:12px 18px;font-size:10px;letter-spacing:.2em}
.bnpanel-h .ko{color:var(--dim)}
.bnpanel-h::before,.bnpanel-h::after{display:none}
.bnpanel-b{padding:18px 18px 16px}
.bnpanel-b .bnfilm2{margin:0;padding:12px;background:color-mix(in srgb,var(--surface) 70%,var(--bg));border:1px solid var(--line2);box-shadow:none}
.bnpanel-b .bnfilm2 .holes{display:none}
.bnh>span:first-child{display:inline-flex;align-items:center;gap:8px}
.bnh>span:first-child::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 6px var(--acc)}
@media (prefers-reduced-motion:reduce){.hbeam,.dust i,.title h1{animation:none}.dust{display:none}}
.ot-res{padding:1px 9px;border:1px solid var(--ot-ln);border-radius:999px;font-family:'Pretendard','Gothic A1',sans-serif;font-weight:500;font-size:.95em;color:var(--ot-ink)}
.ot-res.mute{opacity:.6}
.ot-b.lost{filter:saturate(.6)}
/* 배경 */
body{background:radial-gradient(120% 70% at 0% -10%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 60%),radial-gradient(90% 60% at 100% 110%,color-mix(in srgb,var(--deep) 45%,transparent),transparent 65%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 92%,var(--deep)));background-attachment:fixed}
[data-theme="day"] body{background:radial-gradient(120% 70% at 0% -10%,color-mix(in srgb,var(--edge) 10%,transparent),transparent 60%),radial-gradient(90% 60% at 100% 110%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 65%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 94%,var(--deep)))}
/* 일정 */
.days .day{position:relative}
.rbs{position:absolute;left:0;right:0;bottom:3px;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.rb{display:block;height:3px;margin:0 -1px;opacity:.85;text-decoration:none}
.rb.a{margin-left:22%;border-radius:2px 0 0 2px}.rb.z{margin-right:22%;border-radius:0 2px 2px 0}.rb.a.z{border-radius:2px}
.caltip small.span,.upnext small.span{display:inline-block;font-size:10.5px;letter-spacing:.02em;color:var(--ink2)}
.upnext small.span{color:var(--dim);margin-left:4px}
/* 일기 */
.dfl{display:flex;flex-direction:column;gap:22px;margin-top:20px}
.fcut{--fb:var(--ot-bg);--fi:var(--ot-ink);position:relative;display:flex;flex-direction:column;background:var(--fb);color:var(--fi);border-radius:3px;box-shadow:0 14px 28px -18px rgba(0,0,0,.7);transition:transform .3s}
.fcut:hover{transform:translateY(-3px) rotate(-.3deg)}
.fcut .fh{display:block;height:22px;background:repeating-linear-gradient(90deg,transparent 0 10px,#F4F1EA 10px 22px,transparent 22px 34px) center/100% 10px no-repeat;opacity:.92}
.fcut .fmk{position:absolute;left:18%;right:18%;top:24px;display:flex;justify-content:space-between;font:500 8px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;opacity:.55}
.fin{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:22px;padding:14px 26px 8px}
.fimg{position:relative;display:flex;flex-direction:column;gap:6px}
.fimg img,.fimg .fno{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid color-mix(in srgb,var(--fi) 30%,transparent)}
.fimg .fno{display:grid;place-items:center;font-size:42px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--fi) 18%,transparent),transparent 70%)}
.fimg small{font:500 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;opacity:.7;text-align:right}
.ftx{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.fti{font:400 40px/1.1 'Allura','Nanum Pen Script',cursive;letter-spacing:.01em;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
.fex{font:300 13px/1.85 'Noto Serif KR','Gowun Batang',serif;opacity:.9;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.fbc{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-top:4px}
.fbc .bcd{width:92px;height:20px;fill:currentColor}
.fbc span{font:500 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.32em}
@media (max-width:600px){.fin{grid-template-columns:1fr;padding:12px 18px 6px;gap:14px}.fti{font-size:34px}.fcut .fmk{left:10%;right:10%}}
/* 타래 */
.subs{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.subc{position:relative;padding:18px 22px 20px;background:#0B0D10;color:#F2F0EA;border-radius:4px;box-shadow:inset 0 10px 0 #000,inset 0 -10px 0 #000,0 12px 26px -18px rgba(0,0,0,.7)}
.subc::after{content:"";position:absolute;inset:10px 0;pointer-events:none;background:radial-gradient(80% 120% at 50% 0,rgba(255,255,255,.05),transparent 70%)}
.sch{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin-top:4px;font:500 10px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.18em;color:#9AA0A6}
.sch>span:nth-child(2){font-family:'Nanum Gothic Coding',monospace;letter-spacing:.04em}
.sch .scn{margin-left:auto;display:inline-flex;gap:8px;align-items:center}
.sch .edb{color:#cfd3d6;border-color:#555}
.stx{margin:12px 0 0;font:500 15px/1.75 'Pretendard','Gothic A1',sans-serif;white-space:pre-wrap;word-break:keep-all;text-shadow:0 1px 2px #000,0 0 1px #000}

.stx .inpic img{max-height:min(60vh,520px)}
.fdet .tx{max-height:min(62vh,560px);overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-width:thin}
/* 일기 상세 */
.fdet{--fb:var(--ot-bg);--fi:var(--ot-ink);display:block;margin-top:20px;background:var(--fb);color:var(--fi);border-radius:3px;box-shadow:0 18px 36px -22px rgba(0,0,0,.7)}
.fdet .fh{display:block;height:24px;background:repeating-linear-gradient(90deg,transparent 0 10px,#F4F1EA 10px 22px,transparent 22px 34px) center/100% 10px no-repeat;opacity:.92}
.fd-in{padding:10px 32px 18px}
.fd-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;opacity:.75}
.fd-ed{min-height:30px;padding:0 12px;border:1px solid color-mix(in srgb,var(--fi) 40%,transparent);border-radius:999px;color:inherit;font:inherit}
.fdet .fti{display:block;margin:22px 0 4px;font-size:52px}
.fd-stk{text-align:center;font-size:28px}
.fdet .tx{margin-top:22px;font:300 15px/1.95 'Noto Serif KR','Gowun Batang',serif}
.fdet .tx p{margin:0 0 1.1em;white-space:pre-wrap}
.fdet .tx .inpic img{border:1px solid color-mix(in srgb,var(--fi) 30%,transparent);box-shadow:none}
.fdet .tx .inpic small{color:inherit;opacity:.7}
.fdet .fbc{margin-top:18px}
@media (max-width:600px){.fd-in{padding:8px 18px 14px}.fdet .fti{font-size:40px}}
/* 좋아요 · 댓글 */
.soc .soc-in{padding:16px 18px 18px;background:var(--surface)}
.soc-bar{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px dashed var(--line2)}
.likeb{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px 0 12px;border:1px solid var(--line2);border-radius:999px;color:var(--text);transition:transform .15s,background .2s}
.likeb .hrt{font-size:18px;line-height:1;color:var(--edge);transition:transform .25s}
.likeb b{font:600 15px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em}
.likeb.on{background:color-mix(in srgb,var(--edge) 16%,transparent);border-color:var(--edge)}
.likeb.on .hrt{animation:pop .35s ease}
.likeb:active{transform:scale(.94)}
@keyframes pop{40%{transform:scale(1.45)}}
.soc-c{font-size:12px;color:var(--dim)}
.soc-list{display:flex;flex-direction:column;gap:12px;padding:16px 0 6px}
.soc-list .empty{margin:0;text-align:center;color:var(--dim);font-size:13px}
.soc .gm.them .gm-av{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--paper) 80%,#fff),var(--acc) 65%,var(--deep))}
.soc .gm.me .gm-av{background:radial-gradient(circle at 50% 50%,#FFF6E0 0 4px,var(--edge) 6px,var(--film) 75%)}
.soc .gm.them .bub{background:color-mix(in srgb,var(--bg) 55%,var(--surface));color:var(--text);border:1px solid var(--line2);border-bottom-left-radius:5px}
.soc .gm.me .bub{background:var(--acc);color:var(--acc-ink);border-bottom-right-radius:5px}
.soc .gm-who b{color:var(--text)}.soc .gm-who,.soc .gm-who time{color:var(--dim)}
.soc .gm-re{border-color:var(--line2);color:var(--dim)}
.soc .gm.compose textarea{width:100%;min-height:70px;padding:10px 14px;border-radius:14px;border:1px solid var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--surface));color:var(--text);font:14px/1.6 'Pretendard','Gothic A1',sans-serif}
.soc .gc-act button{border-color:var(--line2);color:var(--text)}.soc .gc-act .gc-send{background:var(--acc);color:var(--acc-ink)}
.soc-f{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:end;margin-top:10px}
.soc-f input,.soc-f textarea{min-width:0;padding:10px 14px;border-radius:14px;border:1px solid var(--line2);background:color-mix(in srgb,var(--bg) 40%,var(--surface));color:var(--text);font:14px/1.5 'Pretendard','Gothic A1',sans-serif;resize:vertical}
.soc-f input:focus,.soc-f textarea:focus{outline:none;border-color:var(--acc)}
.soc-f .save{min-height:42px;padding:0 16px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font:600 12px/1 'Pretendard','Gothic A1',sans-serif}
@media (max-width:600px){.soc-f{grid-template-columns:1fr}.soc-f .save{justify-self:end}}
.socm{margin-left:auto;color:var(--edge);letter-spacing:.06em}
.fbc .socm{margin:0 0 4px;font:500 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:inherit;opacity:.85}
/* TRPG 플레이 목록 */
.tsheet{display:flex;justify-content:flex-end;margin:14px 0 4px}
.plf{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 6px}
.plf button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border:1px solid var(--line2);border-radius:999px;color:var(--dim);font-size:12px;transition:background .2s,color .2s}
.plf button .mono{font-size:10px;opacity:.7}
.plf button:hover{color:var(--text)}
.plf button[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.pll{margin-top:8px}
.pl-yr{display:flex;align-items:baseline;gap:12px;margin:26px 0 4px;color:var(--dim)}
.pl-yr b{font:italic 400 34px/1 'Instrument Serif',serif;color:var(--text);letter-spacing:-.01em}
.pl-yr .mono{font-size:9.5px;letter-spacing:.22em}
.pl-yr i{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--line2) 0 6px,transparent 6px 10px);align-self:center}
.plr{position:relative;display:grid;grid-template-columns:48px 132px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 4px 14px 2px;border-top:1px dashed color-mix(in srgb,var(--line2) 80%,transparent);transition:background .25s}
.pl-yr + .plr{border-top-color:transparent}
.plr:hover{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--acc) 7%,transparent) 30%,transparent)}
.pl-no{font:italic 400 22px/1 'Instrument Serif',serif;color:var(--faint);text-align:right}
.plr.done .pl-no{color:var(--dim)}
.pl-dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;font-size:11.5px;letter-spacing:.06em;color:var(--dim)}
.pl-dt em{font-style:normal;opacity:.6}
.pl-dt small{flex-basis:100%;font-size:9.5px;letter-spacing:.16em;color:var(--acc)}
.pl-dt .tba{font-size:9.5px;letter-spacing:.2em;opacity:.6}
.pl-m h4{margin:0;font:600 15px/1.45 'Gowun Batang','Hahmlet',serif;color:var(--text);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere}
.pl-m p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:5px 0 0;font-size:12px;color:var(--dim)}
.pl-m p > span:not(.pl-rule) + span::before{content:"·";margin:0 7px;opacity:.5}
.pl-m p .pl-rule + span::before{content:none}
.pl-m p .mono{font-size:11px;letter-spacing:.04em}
.pl-rule{display:inline-block;margin-right:8px;padding:0 8px;border:1px solid color-mix(in srgb,var(--acc) 60%,transparent);border-radius:2px;color:var(--acc);font:500 10.5px/18px 'Pretendard',sans-serif;letter-spacing:.04em}
.pl-m small{display:block;margin-top:3px;font-size:11.5px;color:var(--faint)}
.pl-st{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pl-stamp{display:inline-block;padding:3px 7px 2px;border:1.5px solid var(--acc);border-radius:3px;color:var(--acc);font:600 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;transform:rotate(-6deg);opacity:.85}
.pl-stamp.now{background:var(--acc);color:var(--acc-ink);transform:rotate(-3deg);opacity:1}
.pl-stamp.next{border-style:dashed;border-color:var(--dim);color:var(--dim);transform:none;opacity:.7}
@media (max-width:640px){
  .plr{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"no dt st" "no m st";gap:4px 10px;padding:13px 0}
  .pl-no{grid-area:no;align-self:start;padding-top:2px;font-size:18px}
  .pl-dt{grid-area:dt}.pl-dt small{flex-basis:auto;margin-left:4px}
  .pl-m{grid-area:m}.pl-st{grid-area:st;align-self:start}
  .pl-m h4{font-size:14px}
}
/* TRPG 페어: 영화 포스터 */
.rel{display:inline-grid;place-items:center;min-width:24px;height:18px;padding:0 4px;border-radius:3px;background:#7a7a80;color:#fff;font:700 9.5px/1 'Barlow Condensed','Pretendard',sans-serif;font-style:normal;letter-spacing:.04em;vertical-align:middle;flex:none}
.rel-ncp{background:#2f9468}.rel-hl{background:#e08a2a}.rel-bl{background:#3768c8}.rel-gl{background:#cf4677}
.mvl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px;margin-top:20px}
@media (max-width:760px){.mvl{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
.mv{display:flex;flex-direction:column;gap:7px;min-width:0}
.mv-p{position:relative;display:block;aspect-ratio:.7;overflow:hidden;border-radius:4px;background:var(--surface);box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.mv-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mv-no{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;text-align:center;background:linear-gradient(160deg,var(--deep),var(--surface));color:var(--text)}
.mv-no b{font:600 16px/1.3 'Hahmlet','Gowun Batang',serif;word-break:keep-all}
.mv-no em{font:italic 400 20px/1 'Instrument Serif',serif;color:var(--acc)}
.mv-rk{position:absolute;z-index:2;left:8px;top:2px;font:italic 400 44px/1 'Instrument Serif',serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.65);pointer-events:none}
.mv-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px 16px;background:rgba(8,10,12,.82);color:#f2efe8;opacity:0;transition:opacity .3s}
.mv-ln{font:400 13px/1.7 'Pretendard',sans-serif;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.mv-ov .mono{font-size:9.5px;letter-spacing:.2em;color:#cfd8d3;margin-top:auto}
.mv:hover .mv-ov,.mv:focus-visible .mv-ov{opacity:1}
.mv:hover .mv-p img{transform:scale(1.04)}
.mv-t{display:flex;align-items:center;gap:6px;min-width:0}
.mv-t b{font:600 14.5px/1.35 'Pretendard',sans-serif;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-s{margin-top:-4px;font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:none){.mv-ov{display:none}}
/* 페어 상세 */
.mvh{position:relative;margin-top:18px;overflow:hidden;border-radius:4px;background:#0c0d10;color:#f2efe8;isolation:isolate}
.mvh-bg{position:absolute;inset:-40px;z-index:-1;background:var(--mvbg,linear-gradient(160deg,#1d2a2c,#0c0d10)) center/cover;filter:blur(26px) brightness(.42) saturate(1.15);transform:scale(1.08)}
.mvh::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,11,.92) 0%,rgba(8,9,11,.6) 55%,rgba(8,9,11,.25))}
.mvh-in{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:end;padding:36px 32px 32px}
.mvh-l > .mono{font-size:9.5px;letter-spacing:.24em;color:#b9c7c1}
.mvh-l h2{margin:10px 0 0;font:700 clamp(26px,4vw,38px)/1.15 'Hahmlet','Gowun Batang',serif;letter-spacing:-.02em;word-break:keep-all}
.mvh-en{margin:6px 0 0;font:italic 400 20px/1.2 'Instrument Serif',serif;color:#d9d4c8}
.mvh-en em{color:var(--acc);font-style:italic}
.mvh-ln{margin:14px 0 0;max-width:46ch;font-size:13.5px;line-height:1.7;color:#cfcac0;word-break:keep-all}
.mvh-st{display:flex;margin-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.mvh-st > div{flex:1;padding:14px 14px 0 0}
.mvh-st > div + div{padding-left:16px;border-left:1px solid rgba(255,255,255,.14)}
.mvh-st small{display:block;font-size:11px;color:#a9b3ae}
.mvh-st b{display:flex;align-items:baseline;gap:6px;margin-top:6px;font:600 26px/1 'Barlow Condensed','Pretendard',sans-serif}
.mvh-st b .rel{align-self:center}
.mvh-st b span{font-size:22px}
.mvh-st b em{font:400 12px/1 'Pretendard',sans-serif;font-style:normal;color:#a9b3ae}
.mvh-ed{margin-top:18px;color:#f2efe8;border-color:rgba(255,255,255,.35)}
.mvh-p{position:relative;aspect-ratio:.7;overflow:hidden;border-radius:4px;box-shadow:0 18px 40px -14px rgba(0,0,0,.8)}
.mvh-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:640px){
  .mvh-in{grid-template-columns:minmax(0,1fr) 108px;gap:16px;padding:24px 18px 20px;align-items:start}
  .mvh-p{order:2}
  .mvh-st{grid-column:1/-1}
  .mvh-st b{font-size:22px}
}
.mvt{display:flex;margin-top:22px;border-bottom:1px solid var(--line2)}
.mvt button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;margin-bottom:-1px;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;color:var(--dim);font-size:14px;font-weight:500}
.mvt button .mono{font-size:10px;opacity:.7}
.mvt button[aria-selected="true"]{border-color:var(--line2);background:var(--bg);color:var(--text);font-weight:700;box-shadow:inset 0 2px 0 var(--acc)}
.mvt-p{padding:22px 2px 6px}
.mvi-syn{margin:0 0 18px;font-size:14.5px;line-height:1.85;color:var(--text)}
.mvi-dl{display:flex;flex-direction:column;gap:6px;margin:0 0 26px;padding:14px 16px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--surface) 60%,transparent);font-size:13px}
.mvi-dl > div{display:flex;gap:10px}
.mvi-dl dt{flex:none;width:66px;color:var(--dim)}
.mvi-dl dt::after{content:" :"}
.mvi-dl dd{margin:0;color:var(--text)}
.mvi-h{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font:600 15px/1.3 'Pretendard',sans-serif;color:var(--text)}
.mvi-h .mono{font-size:10px;color:var(--acc);letter-spacing:.14em}
.mvs{list-style:none;margin:0;padding:0}
.mvs li > *{display:grid;grid-template-columns:150px 76px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px dashed color-mix(in srgb,var(--line2) 80%,transparent)}
.mvs li > a:hover{background:color-mix(in srgb,var(--acc) 7%,transparent)}
.mvs .mono{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;font-size:11px;color:var(--dim)}
.mvs .mono em{font-style:normal;opacity:.6}.mvs .mono small{font-size:9.5px;color:var(--acc)}
.mvs b{font:600 14px/1.45 'Gowun Batang','Hahmlet',serif;color:var(--text);word-break:keep-all}
.mvs .pl-rule{margin:0;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mvs .mvs-go{font-size:9.5px;letter-spacing:.16em;color:var(--acc)}
@media (max-width:640px){.mvs li > *{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px}.mvs li > * > .mono:first-child{grid-column:1/-1}}
.acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:640px){.acts{grid-template-columns:minmax(0,1fr)}}
.act{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;padding:14px;border:1px solid var(--line2);border-radius:4px;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.act-ph{position:relative;display:block;aspect-ratio:.78;overflow:hidden;border-radius:3px;background:var(--deep)}
.act-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.act-ph > span{position:absolute;inset:0;display:grid;place-items:center;font:400 36px/1 'Instrument Serif',serif;color:var(--dim)}
.act-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.act-t small{font-size:9px;letter-spacing:.24em;color:var(--acc)}
.act-t b{margin-top:2px;font:700 18px/1.3 'Pretendard',sans-serif;color:var(--text);word-break:keep-all}
.act-t em{font:500 11px/1.2 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.act-own{font-size:11.5px;color:var(--acc)}
.act-t .act-dl{display:flex;flex-wrap:wrap;gap:8px 20px;width:100%;margin:10px 0 0;padding:0}
.act-t .act-dl > div{display:block;flex:none;min-width:0;margin:0;padding:0;border:0}
.act-dl dt{font-size:10px;color:var(--dim);letter-spacing:.04em}
.act-dl dd{margin:1px 0 0;font-size:13px;font-weight:600;color:var(--text);word-break:keep-all}
.act-t q{margin-top:6px;font:400 17px/1.3 'Nanum Pen Script',cursive;color:var(--text);quotes:"“" "”"}
.act-go{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:10px}
.act-go a{font-size:9.5px;letter-spacing:.18em;color:var(--acc)}
.act-go a:hover{text-decoration:underline}
.stl-main{position:relative;display:grid;place-items:center;min-height:240px;max-height:min(72vh,680px);overflow:hidden;border-radius:4px;background:#08090b}
.stl-main img{display:block;max-width:100%;max-height:min(72vh,680px);object-fit:contain;cursor:zoom-in}
.stl-n{position:absolute;right:10px;bottom:8px;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:#e9e6df;font-size:10px;letter-spacing:.14em}
.stl-c{min-height:1.4em;margin:8px 2px 0;font-size:12.5px;line-height:1.6;color:var(--dim);word-break:keep-all}
.pdfa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}
@media (max-width:760px){.pdfa{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}
.pdfb{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left}
.pdfc{position:relative;display:block;aspect-ratio:.707;overflow:hidden;border-radius:2px 5px 5px 2px;background:linear-gradient(160deg,var(--deep),var(--surface));box-shadow:inset 6px 0 8px -4px rgba(0,0,0,.45),0 12px 22px -12px rgba(0,0,0,.7);transition:transform .35s}
.pdfc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.12),transparent)}
.pdfc img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.pdfc-t{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 14px 16px 18px;color:var(--text)}
.pdfc-t small{font-size:8.5px;letter-spacing:.22em;color:var(--acc)}
.pdfc-t b{font:600 15px/1.4 'Gowun Batang','Hahmlet',serif;word-break:keep-all}
.pdfc-t em{font:italic 400 13px/1.2 'Instrument Serif',serif;color:var(--dim)}
.pdfb:hover .pdfc{transform:translateY(-4px) rotate(-1deg)}
.pdft{font:600 13.5px/1.4 'Pretendard',sans-serif;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.pdfm{font-size:9px;letter-spacing:.18em;color:var(--acc)}
.panel:has(.pdfv){max-width:min(980px,96vw);max-height:96vh}
.pdfv iframe{display:block;width:100%;height:min(80vh,1100px);border:0;border-radius:3px;background:#fff}
.pdfv-b{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.pdfv-b .mono{font-size:10px;letter-spacing:.14em;color:var(--dim)}
.stl-th{display:flex;gap:8px;margin-top:10px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin}
.stl-th button{position:relative;flex:none;width:96px;aspect-ratio:1.4;overflow:hidden;border-radius:3px;opacity:.55;outline:2px solid transparent;outline-offset:-2px;transition:opacity .2s}
.stl-th button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stl-th button:hover{opacity:.85}
.stl-th button[aria-current]{opacity:1;outline-color:var(--acc)}
/* TRPG 캐릭터: 여권 */
[data-c]{--pc:#1d3a4f;--pf:#d9b971;--pp:#eef2ef;--pa:#1d3a4f;--pt:#1b1d1f}
[data-c="us"]{--pc:#1a2342;--pp:#f2f0e8;--pa:#1f2d55}
[data-c="uk"]{--pc:#4b1b26;--pp:#f3ece9;--pa:#5a2430}
[data-c="sa"]{--pc:#1f3d2b;--pp:#eff0e4;--pa:#2a5038}
[data-c="jp"]{--pc:#7c1f2c;--pp:#f5eeee;--pa:#7c1f2c}
[data-c="fic"]{--pc:#241b38;--pf:#c9cbe2;--pp:#ece8f3;--pa:#3b2d5c}
[data-c="old"]{--pc:#7b6345;--pf:#ecdcb4;--pp:#e7d8b8;--pa:#5a4430;--pt:#3b2c1d}
.ppl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin-top:20px}
@media (max-width:640px){.ppl{grid-template-columns:minmax(0,1fr)}}
.ppc{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.42;perspective:1200px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.38));transition:transform .35s}
.ppc:hover{transform:translateY(-3px)}
.ppc::after{content:"";position:absolute;top:2%;bottom:2%;left:50%;width:14px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.28),transparent);pointer-events:none;z-index:2}
.pp-cv{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12% 8% 15%;border-radius:10px 3px 3px 10px;color:var(--pf);text-align:center;overflow:hidden;
  background:radial-gradient(120% 80% at 25% 15%,rgba(255,255,255,.1),transparent 60%),repeating-linear-gradient(35deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),var(--pc);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset -6px 0 10px rgba(0,0,0,.25);transform-origin:right center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.ppc:hover .pp-cv{transform:rotateY(14deg)}
.pp-ct,.pp-cb{display:flex;flex-direction:column;gap:3px}
.pp-cv span{font:600 clamp(8px,1.5vw,11px)/1.25 'Gowun Batang','Hahmlet',serif;letter-spacing:.2em;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.pp-ct span:first-child,.pp-cb span:first-child{font-size:clamp(11px,2vw,15px);letter-spacing:.32em}
[data-c="us"] .pp-ct span,[data-c="uk"] .pp-cb span,[data-c="fic"] .pp-ct span,[data-c="old"] .pp-ct span{font:400 clamp(14px,2.6vw,20px)/1 'Instrument Serif',serif;letter-spacing:.28em}
[data-c="uk"] .pp-ct span{font-size:clamp(6.5px,1.15vw,8.5px);letter-spacing:.14em}
[data-c="jp"] .pp-ct span:first-child,[data-c="jp"] .pp-cb span:first-child{font-size:clamp(14px,2.5vw,19px);letter-spacing:.4em}
.pp-em{width:40%;fill:none;stroke:currentColor;stroke-width:1.6;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.pp-chip{position:absolute;bottom:3.5%;left:50%;width:9%;transform:translateX(-50%);fill:none;stroke:currentColor;stroke-width:1.4;opacity:.8}
[data-c="old"] .pp-cv{background:radial-gradient(40% 30% at 70% 75%,rgba(60,40,20,.35),transparent 70%),radial-gradient(50% 40% at 20% 30%,rgba(255,240,210,.12),transparent 70%),repeating-linear-gradient(80deg,rgba(0,0,0,.06) 0 1px,transparent 1px 4px),var(--pc);box-shadow:inset 0 0 22px rgba(40,25,10,.55)}
[data-c="old"] .pp-cv span{text-shadow:none;opacity:.88}
[data-c="old"] .pp-cb span{font:400 clamp(15px,2.6vw,21px)/1.1 'Nanum Pen Script','Allura',cursive;letter-spacing:.02em}
[data-c="fic"] .pp-cv{background:radial-gradient(1px 1px at 20% 30%,#fff8,transparent),radial-gradient(1px 1px at 70% 20%,#fff6,transparent),radial-gradient(1px 1px at 80% 70%,#fff7,transparent),radial-gradient(1px 1px at 35% 80%,#fff5,transparent),radial-gradient(120% 80% at 25% 15%,rgba(160,140,255,.14),transparent 60%),var(--pc)}
/* 여권 정보면 */
.pp-dp{position:relative;color:var(--pt);border-radius:3px 10px 10px 3px;overflow:hidden;
  background:repeating-radial-gradient(circle at 78% 22%,transparent 0 7px,color-mix(in srgb,var(--pa) 7%,transparent) 7px 8px),repeating-linear-gradient(115deg,transparent 0 11px,color-mix(in srgb,var(--pa) 4%,transparent) 11px 12px),linear-gradient(160deg,var(--pp),color-mix(in srgb,var(--pp) 86%,var(--pa)))}
[data-c="old"] .pp-dp,[data-c="old"] .pp-visa{background:radial-gradient(30% 22% at 80% 85%,rgba(120,80,30,.22),transparent 70%),radial-gradient(25% 18% at 15% 20%,rgba(120,80,30,.16),transparent 70%),radial-gradient(120% 100% at 50% 50%,transparent 60%,rgba(90,60,25,.3)),linear-gradient(170deg,#ecdfc0,#dcc69a)}
.pp-dh{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--pa) 30%,transparent);color:var(--pa);font:600 9px/1.2 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.pp-dh span:last-child{text-align:right}
.pp-ph{position:relative;aspect-ratio:.78;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--pa) 14%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--pa) 25%,transparent)}
.pp-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02)}
.pp-ph > span{position:absolute;inset:0;display:grid;place-items:center;font:400 40px/1 'Instrument Serif',serif;color:color-mix(in srgb,var(--pa) 50%,transparent)}
[data-c="old"] .pp-ph img{filter:sepia(.7) contrast(.95) brightness(.97)}
[data-c="old"] .pp-ph{box-shadow:0 0 0 4px #f3e8cf,0 0 0 5px rgba(90,60,30,.4),2px 3px 6px rgba(60,40,20,.3);transform:rotate(-1.5deg)}
/* 카드: 사진 쪽 절반 */
.pp-dp.mini{display:grid;grid-template-rows:auto 1fr;grid-template-columns:46% 1fr;gap:9% 7%;padding:10% 8% 8% 9%}
.pp-dp.mini .pp-dh{grid-column:1/-1;font-size:clamp(6px,1vw,8px)}
.pp-dp.mini .pp-ph{align-self:start}
.pp-mf{grid-column:1/-1;align-self:end;display:flex;flex-direction:column;gap:6px;min-width:0}
.pp-mrz.mini{margin:0;padding:0;font-size:clamp(5px,.82vw,7px);letter-spacing:.04em;opacity:.85}
.pp-ms{margin:0;font:400 clamp(13px,2vw,17px)/1.15 'Nanum Pen Script',cursive;color:color-mix(in srgb,var(--pa) 65%,#111);transform:rotate(-1.5deg);transform-origin:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
[data-c="old"] .pp-ms{color:#3a2a18;font-size:clamp(14px,2.2vw,18px)}
.pp-mn{display:flex;flex-direction:column;min-width:0;gap:1px}
.pp-mn small{margin-top:4px;color:color-mix(in srgb,var(--pa) 75%,transparent);font:600 clamp(5.5px,.9vw,7px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pp-mn small:first-child{margin-top:0}
.pp-mn b{font:700 clamp(11px,1.8vw,14px)/1.25 'Pretendard',sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.pp-mn em{font:500 clamp(7px,1.1vw,9px)/1.2 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.pp-mn span{font:500 clamp(7px,1.15vw,9.5px)/1.3 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
[data-c="old"] .pp-mn b{font:400 clamp(16px,2.6vw,21px)/1.05 'Nanum Pen Script',cursive}
[data-c="old"] .pp-mn span,[data-c="old"] .pp-mn em{font:400 clamp(11px,1.8vw,14px)/1.1 'Nanum Pen Script','Allura',cursive;letter-spacing:0;text-transform:none}
/* 상세: 펼친 여권 */
.pp-wrap{max-width:860px;margin:22px auto 0}
.pp-spread{display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 18px 24px rgba(0,0,0,.4));position:relative;padding:8px;border-radius:14px;background:var(--pc)}
.pp-spread::after{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:22px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.2) 45%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.2) 55%,transparent);pointer-events:none}
.pp-pg{position:relative;padding:22px 24px 18px;min-height:380px}
.pp-visa{border-radius:8px 3px 3px 8px;color:var(--pt);background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--pa) 6%,transparent) 23px 24px),linear-gradient(200deg,var(--pp),color-mix(in srgb,var(--pp) 88%,var(--pa)))}
.pp-pg.pp-dp{border-radius:3px 8px 8px 3px;display:flex;flex-direction:column}
.pp-dg{display:grid;grid-template-columns:36% 1fr;gap:16px;margin-top:16px}
.pp-dg dl{margin:0;display:flex;flex-direction:column;gap:9px;min-width:0}
.pp-dg dl > div.w2,.pp-dg dl > div.w3{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-dg dl > div.w3{grid-template-columns:.5fr .8fr 1.4fr}
.pp-dg dt,.pp-sg dt{color:color-mix(in srgb,var(--pa) 80%,transparent);font:600 8px/1.2 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.pp-dg dd{margin:2px 0 0;font:600 13px/1.3 'Pretendard',sans-serif;letter-spacing:.02em;word-break:keep-all;overflow-wrap:anywhere}
.pp-dg dd.nm{font-size:16px}
.pp-dg dd em{display:block;font:500 11px/1.3 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.pp-sg{margin-top:16px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--pa) 30%,transparent)}
.pp-sg p{margin:2px 0 0;min-height:30px;font:400 24px/1.2 'Nanum Pen Script','Allura',cursive;color:color-mix(in srgb,var(--pa) 70%,#111);transform:rotate(-1.5deg);transform-origin:left}
.pp-mrz{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:2px;overflow:hidden;font:400 clamp(8.5px,1.25vw,11.5px)/1.25 'Nanum Gothic Coding',monospace;letter-spacing:.08em;color:#2a2a2a;white-space:nowrap}
[data-c="old"] .pp-dg dd{font:400 21px/1.05 'Nanum Pen Script','Allura',cursive;letter-spacing:0;color:#3a2a18}
[data-c="old"] .pp-dg dd.nm{font-size:26px}
[data-c="old"] .pp-dg dd em{font:400 17px/1 'Allura',cursive;letter-spacing:0;text-transform:none}
[data-c="old"] .pp-dg dt,[data-c="old"] .pp-sg dt,[data-c="old"] .pp-dh{font-family:'Instrument Serif',serif;font-style:italic;letter-spacing:.06em;text-transform:none;font-size:11px}
[data-c="old"] .pp-sg p{color:#3a2a18}
.pp-pn{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:400 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:color-mix(in srgb,var(--pa) 50%,transparent)}
.stps{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:18px 2px 24px;justify-items:center}
.stp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;max-width:100%;padding:8px 12px;border:2px solid var(--k);color:var(--k);text-align:center;transform:rotate(var(--r));mix-blend-mode:multiply;opacity:.82;
  -webkit-mask:radial-gradient(circle at 30% 40%,#000 60%,#0008 61%,#000 75%);mask:radial-gradient(circle at 30% 40%,#000 60%,#0008 61%,#000 75%)}
.stp small{font:600 8.5px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase}
.stp b{font:700 12px/1.25 'Pretendard',sans-serif;letter-spacing:-.01em;word-break:keep-all}
.stp.r2{outline:1px solid var(--k);outline-offset:2px}
.stp.c{width:96px;height:96px;padding:10px;border-radius:50%}
.stp.o{border-radius:50%/40%;padding:10px 16px}
[data-c="old"] .stp{--k:#6b3a22 !important;opacity:.7}
.pp-ad{display:flex;justify-content:flex-end;margin-top:12px}
.pp-notes .pp-scroll{max-height:min(62vh,560px);overflow:auto;padding-right:10px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.pp-notes .pp-scroll::-webkit-scrollbar{width:6px}
.pp-notes .pp-scroll::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}
.pp-h{margin:18px 0 6px;font:600 11px/1 'Pretendard',sans-serif;letter-spacing:.1em;color:var(--acc)}
.pp-h:first-child{margin-top:0}
@media (max-width:700px){
  .pp-spread{grid-template-columns:minmax(0,1fr);gap:8px}
  .pp-spread::after{display:none}
  .pp-pg.pp-dp{order:-1;border-radius:8px}
  .pp-visa{border-radius:8px;min-height:0}
  .pp-pg{padding:18px 16px 16px;min-height:0}
  .pp-dg{grid-template-columns:34% 1fr;gap:12px}
}
/* TRPG 세션: 가로 포스터 티켓 */
.hts{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:18px}
@media (min-width:720px){.hts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hti{display:block;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));transition:transform .3s}
.hti:hover{transform:translateY(-3px) rotate(-.6deg)}
.hti-in{--ot-bg:#13282A;--ot-ink:#C9DCCF;position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ot-bg);border-radius:4px;
  -webkit-mask:radial-gradient(circle at 0 50%,#0000 6px,#000 6.5px) left/51% 18px repeat-y,radial-gradient(circle at 100% 50%,#0000 6px,#000 6.5px) right/51% 18px repeat-y;
  mask:radial-gradient(circle at 0 50%,#0000 6px,#000 6.5px) left/51% 18px repeat-y,radial-gradient(circle at 100% 50%,#0000 6px,#000 6.5px) right/51% 18px repeat-y}
.hti-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .4s}
.hti-no{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--ot-ink) 26%,var(--ot-bg)),var(--ot-bg));text-align:center}
.hti-no b{font:600 24px/1.3 'Noto Serif KR',serif;color:var(--ot-ink)}
.hti-in::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.25) 48%,transparent 60%) 0 0/300% 100%;background-position:120% 0;transition:background-position .8s;pointer-events:none}
.hti-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px 26px;color:#F4F1EA;background:linear-gradient(0deg,color-mix(in srgb,var(--ot-bg) 92%,transparent) 0%,color-mix(in srgb,var(--ot-bg) 55%,transparent) 55%,transparent 85%);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.hti-ov .mono{color:color-mix(in srgb,var(--ot-ink) 80%,#fff);font-size:9px;letter-spacing:.24em}
.hti-ov b{font:600 22px/1.25 'Noto Serif KR',serif;letter-spacing:-.02em}
.hti-ov em{align-self:flex-start;padding:1px 9px;border:1px solid rgba(255,255,255,.5);border-radius:999px;font:500 11px/1.6 'Pretendard',sans-serif;font-style:normal}
.hti-ov small{font:300 12.5px/1.6 'Pretendard',sans-serif;opacity:.88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hti:hover .hti-ov,.hti:focus-visible .hti-ov{opacity:1;transform:none}
.hti:hover img{transform:scale(1.04);filter:brightness(.8)}
.hti:hover .hti-in::after{background-position:-20% 0}
@media (hover:none){.hti-ov{opacity:1;transform:none;background:linear-gradient(0deg,color-mix(in srgb,var(--ot-bg) 88%,transparent),transparent 60%)}.hti-ov small{display:none}}
/* 플레이 로그 */
.logsec #logbox{padding:14px 0 4px}
.logsec .logopen{min-height:42px;padding:0 18px}
.logsec .logpw{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.logsec .logpw span{flex-basis:100%;color:var(--dim);font-size:13px}
.logsec .logpw input{flex:1;min-width:0;max-width:260px;padding:9px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--text)}
.logsec .busy{opacity:.6;pointer-events:none}
.logbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px}
.logf{display:block;width:100%;height:min(80vh,820px);border:1px solid var(--line2);border-radius:4px;background:#fff}
/* 오프닝 조금 짧게 */
.intro img{animation-duration:3.4s}
/* 입장: 영사실 컴퓨터 (사이트 색 그대로) */
.tbox{position:relative;padding:8px 10px 9px;border:1px solid var(--line2);border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,var(--text)),var(--surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent),0 10px 22px -16px var(--shadow)}
.tbox::before,.tbox::after{content:"";position:absolute;top:7px;width:4px;height:4px;border-radius:50%;background:var(--faint)}
.tbox::before{left:6px}.tbox::after{right:6px}
.tbox-h{display:flex;align-items:center;gap:8px;padding:0 10px 7px;font-size:8.5px;letter-spacing:.2em;color:var(--dim)}
.tbox-h .mdl{margin-left:auto;opacity:.7}
.tbox .led{width:5px;height:5px;border-radius:50%;background:var(--acc);box-shadow:0 0 6px var(--acc);animation:blink 1.4s steps(2) infinite}
.bwin{position:relative;flex:none;width:34px;height:13px;padding:0;border:1px solid var(--dim);border-radius:2px;background:color-mix(in srgb,var(--bg) 80%,#000);overflow:hidden;cursor:pointer}
.bwin i{position:absolute;inset:2px;border-radius:1px;background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--acc) 40%,#fff),var(--acc) 45%,transparent 80%);animation:bflick 3.2s steps(1) infinite}
@keyframes bflick{0%,100%{opacity:1}12%{opacity:.35}14%{opacity:1}46%{opacity:.7}48%{opacity:1}80%{opacity:.45}82%{opacity:1}}
.loader .term{position:relative;min-height:132px;padding:10px 12px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--bg) 88%,#000);color:var(--acc);font-family:'Nanum Gothic Coding',monospace;font-size:12px;line-height:1.6;text-shadow:0 0 5px color-mix(in srgb,var(--acc) 35%,transparent);box-shadow:inset 0 0 14px rgba(0,0,0,.45);overflow:hidden}
.loader .term::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}
.loader .term .hi,.loader .term .cr{color:var(--text)}
[data-theme="day"] .loader .term{background:color-mix(in srgb,var(--ink) 92%,var(--acc));color:color-mix(in srgb,var(--acc) 55%,#fff)}
[data-theme="day"] .loader .term .hi,[data-theme="day"] .loader .term .cr{color:#fff}
.tbox-k{display:flex;align-items:center;gap:8px;padding:8px 4px 0}
.tbox-k i{position:relative;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--faint),var(--deep) 70%);box-shadow:0 1px 2px var(--shadow)}
.tbox-k i::after{content:"";position:absolute;left:6px;top:2px;width:2px;height:5px;background:var(--text);border-radius:1px;opacity:.7}
.tbox-k i:nth-child(2){transform:rotate(60deg)}.tbox-k i:nth-child(3){transform:rotate(-40deg)}
.tbox-k .kl{font-size:7.5px;letter-spacing:.18em;color:var(--faint)}
.bexit{margin-left:auto;padding:2px 5px;border:1px solid var(--line2);border-radius:2px;color:var(--acc);font-size:8px;letter-spacing:.16em;line-height:1.3}
.bstaff{padding:2px 6px;border:1px dashed var(--dim);border-radius:2px;color:var(--dim);font:600 8.5px/1.3 'Pretendard',sans-serif;letter-spacing:.04em}
.bexit:hover,.bstaff:hover,.bwin:hover{border-color:var(--acc);color:var(--text)}
[data-egg].knock{animation:knock .35s}
@keyframes knock{20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}
/* 입장: PC 에서는 티켓을 화면 가운데 */
@media (min-width:700px){
  #ldb.on{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;margin:0;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(2px);cursor:pointer}
  #ldb.on .ticket{width:min(440px,92vw);cursor:default;animation:rise .35s ease-out}
}
/* 프로필: 가로 티켓 (눌러서 뒤집기) */
.pft-wrap{margin-top:26px;perspective:1600px}
.pft{display:block;max-width:760px;margin:0 auto;cursor:pointer;outline:0;filter:drop-shadow(0 16px 22px rgba(0,0,0,.42))}
.pft-in{display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.pft.flip .pft-in{transform:rotateY(180deg)}
.pft:hover .pft-in{transform:rotateY(-6deg)}
.pft.flip:hover .pft-in{transform:rotateY(174deg)}
.pft:focus-visible{outline:2px solid var(--acc);outline-offset:6px}
.pft-f,.pft-b{grid-area:1/1;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:340px;background:var(--ot-bg);color:var(--ot-ink);
  -webkit-mask:radial-gradient(circle at 50% 0,#0000 6px,#000 6.5px) top/18px 51% repeat-x,radial-gradient(circle at 50% 100%,#0000 6px,#000 6.5px) bottom/18px 51% repeat-x;mask:radial-gradient(circle at 50% 0,#0000 6px,#000 6.5px) top/18px 51% repeat-x,radial-gradient(circle at 50% 100%,#0000 6px,#000 6.5px) bottom/18px 51% repeat-x}
.pft-f::before,.pft-b::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 20% 10%,color-mix(in srgb,var(--ot-ink) 10%,transparent),transparent 70%),repeating-linear-gradient(45deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px)}
.pft-b{transform:rotateY(180deg);display:flex;flex-direction:column;gap:10px;padding:24px 26px 20px;font-family:'Pretendard','Gothic A1',sans-serif;font-weight:300;font-size:13px}
.pft-f{display:grid;place-items:center;padding:38px 70px 44px}
.pft-ph{position:relative;width:min(100%,480px);aspect-ratio:1.9;overflow:hidden;border:6px solid color-mix(in srgb,var(--ot-ink) 18%,var(--ot-bg));box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.pft-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}
.pft-ph > span{position:absolute;inset:0;display:grid;place-items:center;font:600 30px/1 'Noto Serif KR',serif;color:var(--ot-ink);background:linear-gradient(160deg,color-mix(in srgb,var(--ot-ink) 20%,var(--ot-bg)),var(--ot-bg))}
.pft-no{position:absolute;left:24px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center;margin-left:14px;font:600 21px/1 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.06em;white-space:nowrap;color:var(--ot-ink);opacity:.9}
.pft-tw{position:absolute;font:400 11px/1.2 'Nanum Gothic Coding','Courier New',monospace;letter-spacing:.02em;color:var(--ot-ink);white-space:nowrap}
.pft-tw.t1{top:20px;right:72px;text-transform:none}
.pft-tw.t2{bottom:22px;left:70px}
.pft-tw.t3{right:22px;top:50%;transform:translate(50%,-50%) rotate(-90deg);margin-right:8px}
.pft-tw.t4{right:28px;bottom:22px}
.pft-hint{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:2px 8px;font:500 11px/1.4 'Pretendard',sans-serif;color:var(--ot-ink);background:color-mix(in srgb,var(--ot-bg) 80%,transparent);border:1px dashed color-mix(in srgb,var(--ot-ink) 45%,transparent);animation:pfh 2.4s ease-in-out infinite}
@keyframes pfh{50%{opacity:.55}}
.pft .pft-fr{display:grid;grid-template-columns:1.05fr 1fr;align-items:start;gap:14px 24px;padding:14px 16px 0}
.pft-b .k{font:500 .74em/1.3 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ot-dim)}
.pft-c1,.pft-c2{display:flex;flex-direction:column;gap:9px;min-width:0}
.pft .ot-ti{text-align:left}
.pft .ot-ti b{font-size:28px}
.pft .pft-g{grid-column:1/-1;margin:2px -16px 0}
.pft .pft-g > div{padding:7px 16px}
.pft .ot-g.c3{grid-template-columns:repeat(3,1fr)}
.pft .ot-g.c4{grid-template-columns:repeat(4,1fr);border:1px solid var(--ot-ln)}
.pft .ot-g.c4 > div{align-items:center;padding:6px 2px}
.pft .ot-g.c4 span:not(.k){font-size:1.45em;line-height:1.1}
.pf-bo,.pf-lk{display:flex;flex-direction:column;gap:5px}
.pf-lk a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:5px 2px;border-top:1px dashed var(--ot-ln);color:var(--ot-ink)}
.pf-lk a:last-child{border-bottom:1px dashed var(--ot-ln)}
.pf-lk b{font-weight:500;font-size:.95em}
.pf-lk small{font:400 .82em/1.2 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.06em;color:var(--ot-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-lk i{font-style:normal;color:var(--ot-dim);transition:transform .2s}
.pf-lk a:hover i{transform:translate(2px,-2px);color:var(--ot-ink)}
@media (max-width:640px){
  .pft-f{place-items:stretch;padding:42px 40px 66px;min-height:240px}
  .pft-ph{width:100%;height:100%;aspect-ratio:auto}
  .pft-no{font-size:20px;left:16px}
  .pft-tw{font-size:9px}.pft-tw.t1{right:40px;top:16px}.pft-tw.t2{left:40px;bottom:16px}.pft-tw.t3{right:16px}.pft-tw.t4{right:18px;bottom:16px}
  .pft-hint{top:auto;bottom:30px;font-size:10px}
  .pft-b{padding:22px 16px 18px;font-size:12px}
  .pft .pft-fr{grid-template-columns:minmax(0,1fr);padding:12px 12px 0}
  .pft .pft-g{margin:2px -12px 0}
}
/* 프로필: 채팅 (방명록 모양, 작게) */
.pchat{margin-top:12px}
.pchat .gc-sky{max-height:340px;gap:10px;padding:16px 12px 18px}
.pchat .bub{font-size:13px;padding:8px 12px}
.pchat .gm-who{font-size:10px}
.pchat .gm-av{width:22px;height:22px;font-size:10px}
.pchat .gscene{font-size:9px}
.pc-form{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--line2) 70%,transparent);background:color-mix(in srgb,var(--film) 92%,transparent);position:relative;z-index:2}
.pc-form input{flex:1;min-width:0;min-height:38px;padding:0 14px;border:1px solid var(--acc);border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,var(--surface));color:var(--text);font-size:13px}
.pc-form .save{min-height:38px;padding:0 14px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font-size:12px;font-weight:600}
/* 프로필: 사운드트랙 작게 */
.ost-sec{margin-top:30px}
.osts.sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 14px;margin:8px 0 0;padding:0;list-style:none}
.osts.sm li{margin:0}
.osts.sm button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:4px 2px;border:0;border-bottom:1px dashed color-mix(in srgb,var(--line2) 70%,transparent);background:none;text-align:left;color:var(--dim);font-size:12px}
.osts.sm .mono{font-size:9.5px;opacity:.7}
.osts.sm .ot2{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1;overflow:hidden}
.osts.sm .ot2 b{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osts.sm .ot2 small{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osts.sm .op{font-size:9px;color:var(--acc)}
.osts.sm button:hover .ot2 b{color:var(--acc)}
/* 메뉴: 하위 카테고리 */
.nav .tkw{position:relative;display:flex;flex:1 0 auto}
.nav .tkw > .tk{flex:1;position:relative}
.nav .tkw + .tkw > .tk::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--line2)}
.nav .tkw > .tk.on::before,.nav .tkw:has(> .tk.on) + .tkw > .tk::before,.nav .tkw > .tk:hover::before,.nav .tkw:has(> .tk:hover) + .tkw > .tk::before{opacity:0}
.tsub{display:none}
@media (hover:hover) and (min-width:760px){
  .nav-main{overflow:visible}
  .tsub{position:absolute;top:100%;left:50%;z-index:80;flex-direction:column;min-width:178px;padding:14px 6px 6px;transform:translateX(-50%)}
  .tsub::before{content:"";position:absolute;inset:8px 0 0;z-index:-1;border:1px solid var(--line2);border-radius:6px;background:var(--surface);box-shadow:0 16px 30px -14px var(--shadow)}
  .tkw:hover > .tsub,.tkw:focus-within > .tsub{display:flex;animation:rise .2s ease-out}
  .tsub a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:8px 10px;border-radius:4px;color:var(--text);text-transform:none;letter-spacing:0}
  .tsub a + a{border-top:1px dashed color-mix(in srgb,var(--line2) 70%,transparent)}
  .tsub a .mono{font-size:9.5px;color:var(--dim)}
  .tsub a b{font:600 13px/1.2 'Pretendard',sans-serif}
  .tsub a small{font-size:9px;letter-spacing:.14em;color:var(--dim)}
  .tsub a:hover,.tsub a.on{background:color-mix(in srgb,var(--acc) 14%,transparent)}
  .tsub a.on b{color:var(--acc)}
}
.subnav{display:flex;align-items:center;gap:4px;margin-top:10px;padding:2px 0 6px;overflow-x:auto;scrollbar-width:none;border-bottom:1px dashed color-mix(in srgb,var(--line2) 80%,transparent)}
.subnav::-webkit-scrollbar{display:none}
.subnav .sn-h{flex:none;margin-right:6px;font-size:9.5px;letter-spacing:.2em;color:var(--dim)}
.subnav a{flex:none;display:inline-flex;align-items:baseline;gap:5px;min-height:32px;padding:7px 12px 0;border-radius:999px;color:var(--dim);font:500 12.5px/1 'Pretendard',sans-serif;white-space:nowrap;transition:background .2s,color .2s}
.subnav a .mono{font-size:9px;opacity:.7}
.subnav a:hover{color:var(--text)}
.subnav a.on{background:var(--acc);color:var(--acc-ink)}
@media (max-width:480px){.nav .tkw{flex:1 1 auto}}
/* 상영관: 같은 크기, 2 · 2 · 3 가운데 */
@media (min-width:640px){.halls{grid-template-columns:repeat(6,minmax(0,1fr))}.halls > .hall{grid-column:span 2}.halls > .hall:nth-child(4){grid-column:2 / span 2}.halls > .hall:nth-child(5){grid-column:4 / span 2}}
/* 캘린더: 카운트다운 작게 */
@media (min-width:720px){.dlist{display:grid !important;grid-template-columns:1fr 1fr;gap:8px 10px}.dlist > .dl{margin:0 !important}}
.dl.d2{grid-template-columns:46px minmax(0,1fr) auto 70px}
.dl.d2 .dd{padding:5px 0}
.dl.d2 .dd b{font-size:20px}
.dl.d2 .dd small,.dl.d2 .dd i{font-size:7.5px}
.dl.d2 .l{padding:7px 12px}
.dl.d2 .l b{font-size:13px}
.dl.d2 .l .mono{font-size:9.5px}
.dl.d2 .r small{font-size:7.5px}
.dl.d2 .r b{font-size:18px}
@media (max-width:480px){.dl.d2{grid-template-columns:44px minmax(0,1fr) auto 64px}.dl.d2 .dd b,.dl.d2 .r b{font-size:18px}.dl.d2 .l{padding:7px 10px}}
/* 플레이리스트 편집 */
.tt .ttedit{display:block;margin:10px 0 0 auto;min-height:30px;padding:0 10px;border:1px dashed var(--line2);border-radius:999px;color:var(--acc);font-size:10px;letter-spacing:.12em}
.tt .tted{list-style:none;margin:10px 0 0;padding:0;max-height:220px;overflow-y:auto}
.tt .tted li{display:grid;grid-template-columns:22px minmax(0,1fr) 28px 28px;align-items:center;gap:6px;padding:5px 0;border-top:1px dashed color-mix(in srgb,var(--line2) 70%,transparent)}
.tt .tted .mono{font-size:9.5px;color:var(--dim)}
.tt .tted .t{display:flex;flex-direction:column;min-width:0}
.tt .tted b{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt .tted small{font-size:10.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt .tted button{min-height:28px;border:1px solid var(--line2);border-radius:4px;color:var(--dim);font-size:12px}
.tt .tted button:hover:not(:disabled){color:var(--text);border-color:var(--acc)}
.tt .tted button:disabled{opacity:.3}
.tt .ttadd{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line2)}
.tt .ttadd .r2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tt .ttadd input{min-width:0;min-height:34px;padding:0 10px;border:1px solid var(--line2);border-radius:4px;background:var(--bg);color:var(--text);font-size:12.5px}
.tt .ttadd .btn{min-height:34px}
/* 페어: 관련 기사 (신문) */
.nwl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px 20px;margin-top:6px}
@media (max-width:760px){.nwl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}
@media (max-width:420px){.nwl{grid-template-columns:minmax(0,1fr)}}
.nw{--np:#efe7d4;--ni:#1d1b17;position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:12px 13px 11px;text-align:left;color:var(--ni);background:radial-gradient(70% 50% at 85% 90%,rgba(120,90,40,.12),transparent 70%),repeating-linear-gradient(0deg,rgba(0,0,0,.018) 0 1px,transparent 1px 3px),var(--np);box-shadow:0 1px 0 rgba(0,0,0,.08),0 14px 24px -14px rgba(0,0,0,.65);transform:rotate(var(--r));transition:transform .3s,box-shadow .3s}
.nw::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 48%,rgba(0,0,0,.05) 50%,transparent 52%)}
.nw:hover{transform:rotate(0) translateY(-4px);box-shadow:0 1px 0 rgba(0,0,0,.08),0 20px 30px -14px rgba(0,0,0,.7)}
.nw-mh{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:6px;padding-bottom:5px;border-bottom:3px double var(--ni)}
.nw-mh b{font:700 clamp(13px,1.9vw,17px)/1 'Instrument Serif','Noto Serif KR',serif;text-align:center;letter-spacing:.01em}
.nw-mh .mono{font-size:7px;letter-spacing:.14em;color:#4b463c;white-space:nowrap}
.nw-hl{font:700 clamp(15px,2vw,19px)/1.25 'Noto Serif KR','Hahmlet',serif;letter-spacing:-.03em;word-break:keep-all}
.nw-sub{margin-top:-3px;font:400 11px/1.45 'Noto Serif KR',serif;color:#4b463c;word-break:keep-all}
.nw-ph{position:relative;display:block;aspect-ratio:1.5;overflow:hidden;background:#cfc6b2}
.nw-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) sepia(.15)}
.nw-tx{font:400 10.5px/1.55 'Noto Serif KR',serif;color:#2c2924;column-count:2;column-gap:12px;column-rule:1px solid rgba(0,0,0,.18);text-align:left;word-break:keep-all;max-height:9.3em;overflow:hidden;-webkit-mask:linear-gradient(180deg,#000 70%,transparent)}
.nw-tx::first-letter{float:left;font:700 2.6em/.9 'Noto Serif KR',serif;margin:2px 4px 0 0}
.nw-pdf{display:flex;align-items:center;gap:8px;padding:10px;border:1px dashed rgba(0,0,0,.35)}
.nw-pdf b{font:700 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;padding:5px 6px;background:var(--ni);color:var(--np)}
.nw-pdf span{font-size:11px;color:#4b463c}
.nw-ft{margin-top:auto;padding-top:6px;border-top:1px solid rgba(0,0,0,.25);font-size:8px;letter-spacing:.14em;color:#4b463c}
.panel:has(.nwr){max-width:min(860px,96vw)}
.nwr{padding:22px clamp(16px,4vw,40px) 18px;color:#1d1b17;background:repeating-linear-gradient(0deg,rgba(0,0,0,.015) 0 1px,transparent 1px 3px),#efe7d4}
.nwr-mh{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;padding-bottom:8px;border-bottom:4px double #1d1b17}
.nwr-mh b{font:700 clamp(24px,4vw,40px)/1 'Instrument Serif',serif}
.nwr-mh .mono{font-size:9px;letter-spacing:.16em;color:#4b463c}
.nwr-mh .mono:last-child{text-align:right}
.nwr h2{margin:18px 0 0;font:700 clamp(22px,3.4vw,32px)/1.25 'Noto Serif KR','Hahmlet',serif;letter-spacing:-.03em;word-break:keep-all}
.nwr-sub{margin:8px 0 0;font:400 14px/1.6 'Noto Serif KR',serif;color:#4b463c}
.nwr-ph{margin:16px 0 0}
.nwr-ph img{display:block;width:100%;max-height:60vh;object-fit:cover;filter:grayscale(.85) contrast(1.05) sepia(.12)}
.nwr .nwr-tx{max-width:66ch;margin:16px auto 0;padding-top:14px;border-top:1px solid rgba(0,0,0,.3);font:400 15px/1.95 'Noto Serif KR',serif;color:#1d1b17;max-height:none;overflow:visible}
.nwr .nwr-tx p:first-child::first-letter{float:left;font:700 3.2em/.85 'Noto Serif KR',serif;margin:6px 8px 0 0}

.nwr-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:12px;border-top:3px double #1d1b17}
.nwr-ft .btn,.nwr-ft .edb{color:#1d1b17;border-color:#1d1b17}
/* 홈: 최신글 창 */
.fw{position:relative;margin:4px 0 22px;padding:7px 9px 8px;border:1px solid var(--line2);border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,var(--text)),var(--surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent),0 14px 30px -18px var(--shadow)}
.fw::before,.fw::after{content:"";position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:var(--faint)}
.fw::before{left:5px}.fw::after{right:5px}
.fw.float{position:fixed;left:24px;top:150px;z-index:90;width:268px;margin:0;animation:rise .4s ease-out}
.fw-bar{display:flex;align-items:center;gap:7px;padding:0 4px 7px 8px}
.fw-win{position:relative;flex:none;width:30px;height:12px;border:1px solid var(--dim);border-radius:2px;background:color-mix(in srgb,var(--bg) 80%,#000);overflow:hidden}
.fw-win i{position:absolute;inset:2px;border-radius:1px;background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--acc) 40%,#fff),var(--acc) 45%,transparent 80%);animation:bflick 3.2s steps(1) infinite}
.fw-tt{flex:1;min-width:0;font-size:8px;letter-spacing:.18em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-led{flex:none;width:5px;height:5px;border-radius:50%;background:var(--acc);box-shadow:0 0 6px var(--acc);animation:blink 1.4s steps(2) infinite}
.fw-bar button{flex:none;display:grid;place-items:center;width:20px;height:18px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--surface) 70%,var(--deep));color:var(--dim);font-size:10px;line-height:1;box-shadow:0 1px 0 color-mix(in srgb,var(--bg) 60%,transparent)}
.fw-bar button:hover{border-color:var(--acc);color:var(--text)}
.fw.min .fw-bar{padding-bottom:0}
.fw-scr{position:relative;padding:8px 10px 8px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--bg) 88%,#000);box-shadow:inset 0 0 14px rgba(0,0,0,.45);--fs:var(--text);--fd:var(--dim)}
.fw-scr::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:3px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px)}
[data-theme="day"] .fw-scr{background:color-mix(in srgb,var(--ink) 92%,var(--acc));--fs:#efe9de;--fd:#a99f8e}
.fw-tabs{display:flex;gap:2px;margin-bottom:8px;border-bottom:1px dashed color-mix(in srgb,var(--fd) 45%,transparent)}
.fw-tabs button{position:relative;padding:3px 8px 6px;font:600 12px/1.3 'Pretendard',sans-serif;color:var(--fd)}
.fw-tabs button[aria-selected="true"]{color:var(--acc);box-shadow:inset 0 -2px 0 var(--acc)}
.fw-dot{position:absolute;top:2px;right:1px;width:5px;height:5px;border-radius:50%;background:var(--acc);box-shadow:0 0 5px var(--acc)}
.fw-pin{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin-bottom:8px;padding:8px 9px;border:1px dashed var(--acc);border-radius:4px;background:color-mix(in srgb,var(--acc) 10%,transparent)}
.fw-pin b{font:600 12.5px/1.4 'Pretendard',sans-serif;color:var(--fs);word-break:keep-all}
.fw-pin:hover{background:color-mix(in srgb,var(--acc) 18%,transparent)}
.fw-list{list-style:none;margin:0;padding:0;max-height:min(48vh,380px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.fw-list li > a,.fw-list .fw-r{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 2px;border-top:1px dashed color-mix(in srgb,var(--fd) 30%,transparent);color:var(--fs)}
.fw-list li:first-child > a,.fw-list li:first-child .fw-r{border-top:0}
.fw-list a:hover b{color:var(--acc)}
.fw-txt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.fw-txt b{max-width:100%;font:500 12px/1.35 'Pretendard',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-txt b.wrap{white-space:normal;font-weight:400;text-align:left;word-break:keep-all}
.fw-txt b.wrap *{text-align:left!important;margin:0}
.fw-txt b.wrap p{margin:0}
.fw-list time{align-self:start;padding-top:2px;font-size:9px;color:var(--fd)}
.fw-upd li{position:relative;text-align:left}
.fw-upd .fw-txt{align-items:stretch;text-align:left}
.fw-upd .fw-txt b{width:100%;display:block}
.fw-upd .fw-txt b *{padding:0!important;margin:0!important;text-indent:0!important}
.fw-upd .fw-r{padding-left:0!important}
.fw-upd .edb{position:absolute;right:0;bottom:2px;font-size:9px}
.fw-add{display:block;margin:8px 0 0 auto;padding:3px 8px;border:1px dashed var(--acc);border-radius:3px;color:var(--acc);font-size:9.5px;letter-spacing:.12em}
.fw-tag{display:inline-block;padding:1px 6px;border-radius:2px;font:600 8.5px/1.5 'Barlow Condensed','Pretendard',sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-ink);background:var(--acc)}
/* 태그: 사이트 색 (acc · deep · line) 안에서만 */
.fw-tag{border:1px solid var(--acc)}
.fw-tag.diary{background:color-mix(in srgb,var(--acc) 55%,var(--deep));border-color:color-mix(in srgb,var(--acc) 55%,var(--deep));color:var(--fs)}
.fw-tag.thread{background:transparent;color:var(--acc)}
.fw-tag.guest{background:var(--deep);border-color:var(--line2);color:var(--acc)}
.fw-tag.trpg{background:transparent;border-style:dashed;color:var(--acc)}
.fw-tag.pin{background:var(--fs);border-color:var(--fs);color:#111}
.fw-empty{padding:10px 0;font-size:12px;color:var(--fd)}
.fw-k{display:flex;align-items:center;gap:7px;padding:7px 3px 0}
.fw-k i{position:relative;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--faint),var(--deep) 70%);box-shadow:0 1px 2px var(--shadow)}
.fw-k i::after{content:"";position:absolute;left:5px;top:2px;width:2px;height:4px;background:var(--text);border-radius:1px;opacity:.7}
.fw-k i:nth-child(2){transform:rotate(60deg)}.fw-k i:nth-child(3){transform:rotate(-40deg)}
.fw-k span{font-size:7px;letter-spacing:.16em;color:var(--faint)}
.fw-k .mdl{margin-left:auto}
.fw-open{position:fixed;left:14px;top:150px;z-index:90;display:flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--line2);border-radius:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,var(--text)),var(--surface));color:var(--dim);font-size:9.5px;letter-spacing:.18em;box-shadow:0 8px 18px -12px var(--shadow)}
.fw-open i{width:5px;height:5px;border-radius:50%;background:var(--acc);box-shadow:0 0 6px var(--acc)}
.fw-open:hover{color:var(--text)}
/* 최신글 창에서 넘어온 자리 반짝 */
.jumped{animation:jumped 2.2s ease-out}
@keyframes jumped{0%,30%{box-shadow:0 0 0 2px var(--acc),0 0 22px color-mix(in srgb,var(--acc) 45%,transparent);border-radius:8px}100%{box-shadow:0 0 0 0 transparent}}
/* TRPG › 성향 */
.tdy4{margin-top:18px;font-family:'Pretendard','Gothic A1',sans-serif}
.tdy4 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tdy4 .mono{font-family:'Barlow Condensed','Questrial',sans-serif;letter-spacing:.2em}
.tdy4 > * + *{margin-top:22px}
.ty4-r1{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}
.ty4-r1 > .ty4-tks{order:-1}
@media (max-width:680px){.ty4-r1{grid-template-columns:minmax(0,1fr)}}
/* 디렉터 노트 영수증 */
.ty4-rc{margin-top:16px}
.ty4-tks{margin-top:4px}
.ty4-rc .rc-note{font-size:11.5px;line-height:1.75}
.ty4-rh{margin:2px 0 4px;font-size:10px;letter-spacing:2px;opacity:.75}
.ty4-li{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:11.5px;line-height:1.7}
.ty4-li b{flex:none;font-weight:700}
.ty4-sm{margin:0;font-size:10.5px;line-height:1.6;opacity:.8}
/* 한눈에 보는 성향표 티켓 */
.ty4-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.ty4-hd .mono{font-size:10px;color:var(--acc)}
.ty4-hd b{font:700 13.5px/1.3 'Pretendard',sans-serif;color:var(--text)}
.ty4-tg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;align-items:stretch}
.ty4-tk{display:flex;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.ty4-tk .ot-b{flex:1;gap:8px;padding:14px 12px 12px;font-size:11.5px}
.ty4-tk .ot-frame{gap:6px;padding:9px 10px}
.ty4-tk .ot-ti b{font-size:15px}
.ty4-tk .ty3-ox li{font-size:11.5px;color:color-mix(in srgb,var(--ot-ink) 40%,transparent)}
.ty4-tk .ty3-ox li.on{color:var(--ot-ink)}
.ty4-tk .ty3-ox li i{border-color:color-mix(in srgb,var(--ot-ink) 40%,transparent)}
.ty4-tk .ty3-ox li.on i{border-color:var(--ot-ink);background:var(--ot-ink)}
.ty4-tk .ty3-ox small{color:var(--ot-dim)}
.ty3-ox{list-style:none;margin:0;padding:0}
.ty3-ox li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:6px;align-items:baseline;padding:2px 0;font-size:12px;line-height:1.4;color:var(--faint);word-break:keep-all}
.ty3-ox li i{width:7px;height:7px;border-radius:50%;border:1px solid var(--faint);transform:translateY(-1px)}
.ty3-ox li.on{color:var(--text)}
.ty3-ox li.on i{border-color:var(--acc);background:var(--acc)}
.ty3-ox small{display:block;font-size:10px;color:var(--dim)}
/* 영사실 (트리거 · 등급) */
.pr3-scr{position:relative;max-height:400px;overflow-y:auto;padding:12px 12px 14px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--bg) 88%,#000);box-shadow:inset 0 0 14px rgba(0,0,0,.45);color:var(--text);scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
[data-theme="day"] .pr3-scr{background:color-mix(in srgb,var(--ink) 92%,var(--acc));color:#efe9de;--text:#efe9de;--dim:#a99f8e;--faint:#7d7466;--line2:#5a5248}
.pr3-t{margin:2px 0 8px;font-size:9.5px;color:var(--acc)}
.kc3{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10.5px;line-height:1.35}
.kc3 th,.kc3 td{padding:5px 4px;border:1px solid color-mix(in srgb,var(--line2) 80%,transparent);text-align:center;word-break:keep-all;color:var(--faint)}
.kc3 thead th{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:var(--dim)}
.kc3 thead th:first-child,.kc3 tbody th{width:50px}
.kc3 tbody th{font-weight:700;color:var(--text)}
.kc3 td.y{color:var(--text);background:color-mix(in srgb,var(--acc) 14%,transparent)}
.kc3 td.me{box-shadow:inset 0 0 0 1.5px var(--acc);font-weight:700}
.pr3-n{margin:6px 0 2px;font-size:10.5px;color:var(--dim)}
.pr3-sc{height:10px;margin:0 8% 10px;border-top:1px solid var(--acc);border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -8px 20px color-mix(in srgb,var(--acc) 22%,transparent)}
.pr3-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}
.tseat{display:flex;align-items:center;justify-content:center;min-height:32px;padding:4px;border:1px solid var(--dim);border-radius:8px 8px 3px 3px;text-align:center;color:var(--dim)}
.tseat b{font:500 10.5px/1.25 'Pretendard',sans-serif;word-break:keep-all}
.tseat.t{background:var(--deep);border-color:var(--deep);color:var(--text)}
[data-theme="day"] .pr3-scr .tseat.t{background:#3a352e;border-color:#3a352e}
.tseat.m{border-style:dashed;border-color:var(--acc);color:var(--acc)}
.tseat.x{background:var(--text);border-color:var(--text);color:var(--bg)}
[data-theme="day"] .pr3-scr .tseat.x{color:#2b2823}
.pr3-lg{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:10.5px;color:var(--dim)}
.pr3-lg span{display:flex;align-items:center;gap:5px}
.tseat-i{display:inline-block;width:11px;height:10px;border-radius:4px 4px 2px 2px;border:1px solid var(--dim)}
.tseat-i.t{background:var(--deep);border-color:var(--deep)}.tseat-i.m{border-style:dashed;border-color:var(--acc)}.tseat-i.x{background:var(--text);border-color:var(--text)}
/* GM · PL 필름 */
.ty4-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:680px){.ty4-films{grid-template-columns:minmax(0,1fr)}}
.ty4-film{margin-top:0}
.ty4-film .gc-hd{padding:14px 14px 10px;font-size:9.5px}
.ty4-film .gc-hd .ko{font-size:10.5px}
.ty4-sky{max-height:420px;gap:4px;padding:14px 12px 20px}
.ty4-sky .gscene{margin:10px 0 2px;color:var(--text);font-size:10px}
.ty4-sky .gscene:first-child{margin-top:0}
.ty4-sky .gscene span{white-space:nowrap}
.ty4-sky .ty3-ox li{font-size:11.5px}
/* 장르 */
.ty3-gb{padding:12px 16px 14px}
.ty3-lg{display:flex;gap:6px;margin-bottom:4px}
.ty3-gr{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px dashed var(--line2)}
.ty3-gk .mono{display:block;font-size:9px;color:var(--acc)}
.ty3-gk b{font:700 12.5px/1.3 'Pretendard',sans-serif;color:var(--text)}
.ty3-cs{display:flex;flex-wrap:wrap;gap:4px}
.ty3-c{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--line2);border-radius:999px;color:var(--dim);font:500 11px/1 'Pretendard',sans-serif}
.ty3-c.on{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.ty3-c.no{border-style:dashed;color:var(--faint);text-decoration:line-through}
.ty3-gn{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--text)}
/* TRPG › 보관함 */
.shf .pl-yr:first-child{margin-top:12px}
.shf .pl-yr b{font-size:28px}
.shf-a{color:inherit}
.shf-a:hover{background:color-mix(in srgb,var(--acc) 7%,transparent)}
.shf-a:hover h4{color:var(--acc)}
.shf .pl-dt{font-size:11px}
.shf-e{padding:14px 0}
/* TRPG › 도토리 (보관함 오른쪽 공중) */
.acn-fl{--ab:calc(max(96px,16vh) + 118px + env(safe-area-inset-bottom,0px));position:fixed;right:28px;bottom:var(--ab);z-index:88;display:flex;flex-direction:column;align-items:center;animation:rise .4s ease-out}
.acn-bag{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;cursor:pointer;background:none;border:0}
.acn-bag img{position:relative;z-index:1;width:112px;height:112px;image-rendering:pixelated;image-rendering:crisp-edges;animation:acnbob 1.6s steps(2) infinite;transform-origin:50% 90%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--acc) 22%,transparent))}
.acn-bag:hover img,.acn-bag:focus-visible img{animation:acnwig .5s steps(4) infinite}
.acn.bump .acn-bag img{animation:acnpop .45s steps(5) 1,acnbob 1.6s steps(2) .45s infinite}
.acn-sh{position:absolute;left:50%;top:100px;width:66px;height:7px;margin-left:-33px;border-radius:50%;background:color-mix(in srgb,var(--text) 16%,transparent);animation:acnsh 1.6s steps(2) infinite}
.acn-hint{margin-top:4px;padding:2px 8px;border:1px solid var(--line2);border-radius:2px;background:color-mix(in srgb,var(--surface) 85%,transparent);font:400 11px/1.4 'QR Galmuri','Galmuri11',monospace;color:var(--acc);letter-spacing:0}
.acn-cr{margin:5px 0 0;font-size:9.5px;color:var(--faint);white-space:nowrap}
.acn-out{--ab:calc(max(96px,16vh) + 118px + env(safe-area-inset-bottom,0px));display:none;position:fixed;right:22px;bottom:calc(var(--ab) + 172px);z-index:125;width:360px;max-height:calc(100vh - var(--ab) - 188px);overflow-y:auto;overscroll-behavior:contain;padding:16px 10px 10px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.acn.open .acn-out{display:block;animation:acnout .45s cubic-bezier(.3,1.4,.5,1);transform-origin:75% 100%}
.acn-x{position:absolute;right:6px;top:0;z-index:4;width:24px;height:24px;border:1px solid var(--line2);border-radius:50%;background:var(--surface);color:var(--text);font-size:11px;line-height:1}
.acn-out .adminbar{margin:0 0 10px}
@media (max-width:1180px){.acn-fl,.acn-out{--ab:calc(max(96px,16vh) + 104px + env(safe-area-inset-bottom,0px))}.acn-fl{right:12px}.acn-bag img{width:80px;height:80px}.acn-sh{top:72px;width:48px;margin-left:-24px}.acn-cr{font-size:8.5px}
  .acn-out{right:8px;bottom:calc(var(--ab) + 132px);width:min(360px,calc(100vw - 16px));max-height:calc(100vh - var(--ab) - 146px)}}
@keyframes acnbob{0%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes acnsh{50%{transform:scaleX(.82);opacity:.7}}
@keyframes acnwig{0%{transform:rotate(-4deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(4deg)}}
@keyframes acnpop{0%{transform:translateY(0) scale(1)}25%{transform:translateY(5px) scale(1.08,.9)}55%{transform:translateY(-18px) scale(.95,1.06)}80%{transform:translateY(0) scale(1.04,.96)}100%{transform:none}}
@keyframes acnout{0%{opacity:0;transform:translateY(40px) scale(.5)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.acn-bag img,.acn-sh,.acn.open .acn-out{animation:none!important}}
.shf-l{list-style:none;margin:0;padding:0}
.shf-l li{display:flex;flex-direction:column;padding:4px 0}
.shf-l li + li{border-top:1px dotted color-mix(in srgb,var(--rr) 60%,transparent)}
.shf-l li > a,.shf-l li > div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:6px;align-items:baseline;color:inherit;font-size:12px;line-height:1.45}
.shf-l li > a:hover b{text-decoration:underline;text-underline-offset:2px}
.shf-n{font-size:10px;opacity:.6}
.shf-t b{display:block;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.shf-t small{display:block;font-size:10.5px;opacity:.7;overflow-wrap:anywhere}
.shf-s{max-width:6.5em;font-size:10.5px;text-align:right;word-break:keep-all;overflow-wrap:anywhere}
.shf-s.mute{opacity:.5}
.shf-ed{display:flex;justify-content:flex-end;gap:6px;margin-top:2px}
.shf-ed .edb{font-size:9px;color:var(--ri);border-color:var(--rr)}
.shf-e{margin:6px 0;font-size:11.5px;opacity:.6;text-align:center}
.shf-tot{font-weight:700}
/* 갈무리 포인트 */
.loader .term{font-family:'QR Galmuri','Galmuri11','Nanum Gothic Coding',monospace;font-size:11px;letter-spacing:0}
.fw-tabs button{font-family:'QR Galmuri','Galmuri11','Pretendard',sans-serif;font-size:11px;font-weight:400;letter-spacing:0}
.hud .rec,.hud .rec .tc{font-family:'QR Galmuri','Galmuri11',monospace;font-size:10px;letter-spacing:.04em}
.rc-credit{margin:36px 0 0;text-align:center;font:400 11px/1.5 'QR Galmuri','Galmuri11',monospace;color:var(--faint);letter-spacing:0}
/* 본문 링크 */
.rlink{color:var(--acc);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-all}
.rlink:hover{background:color-mix(in srgb,var(--acc) 14%,transparent)}
/* 다시 본 기록 */
.agn-l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.agn-i{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:start}
.agn-tk{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 9px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--surface) 70%,transparent);text-align:center}
.agn-tk::before,.agn-tk::after{content:"";position:absolute;left:50%;width:10px;height:5px;margin-left:-5px;background:var(--bg);border:1px solid var(--line2)}
.agn-tk::before{top:-1px;border-top:0;border-radius:0 0 6px 6px}.agn-tk::after{bottom:-1px;border-bottom:0;border-radius:6px 6px 0 0}
.agn-tk b{font:600 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:var(--acc)}
.agn-tk span{font:500 8.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:var(--dim)}
.agn-tk time{margin-top:3px;font:400 10px/1 'QR Galmuri','Galmuri11',monospace;color:var(--text)}
.agn-b{position:relative;padding:12px 16px;border-radius:16px;border-top-left-radius:5px;background:color-mix(in srgb,var(--acc) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--acc) 30%,var(--line2))}
.agn-t{margin:0 0 6px;font:700 13px/1.4 'Pretendard',sans-serif;color:var(--text)}
.agn-b .body{font-size:14px}
.agn-b .body p:last-child{margin-bottom:0}
.agn-b .edb{margin-top:6px}
@media (max-width:560px){.agn-i{grid-template-columns:58px minmax(0,1fr);gap:10px}.agn-tk b{font-size:17px}}
/* 방명록: 이어 단 답글 */
.gsub{display:flex;flex-direction:column;gap:10px;margin-left:18px;padding-left:12px;border-left:1px dashed color-mix(in srgb,var(--acc) 40%,transparent)}
.gm-more{align-self:flex-start;margin-left:34px;min-height:28px;padding:0 12px;border-radius:999px;border:1px dashed var(--acc);color:var(--acc);font-size:11.5px;background:transparent}
.gm-more:hover{background:color-mix(in srgb,var(--acc) 14%,transparent)}
.gthr{max-width:min(86%,520px)}
.gthr .gm-col{display:flex;flex-direction:column;gap:6px;width:100%}
.gthr input,.gthr textarea{width:100%;margin:0;padding:8px 12px;border-radius:12px;border:1px solid var(--line2);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font:400 13px/1.5 'Pretendard',sans-serif;outline:0}
.gthr textarea{border-bottom-left-radius:5px;min-height:70px;resize:vertical}
.gthr input:focus,.gthr textarea:focus{border-color:var(--acc)}
/* 책 상영관 */
.bkh{display:flex;justify-content:space-between;gap:10px;margin:26px 0 6px;padding-bottom:8px;border-bottom:1px dashed var(--line2);font-size:10px;letter-spacing:.2em;color:var(--dim)}
/* 책 상세 */
.bkd{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start;margin-top:24px}
@media (max-width:700px){.bkd{grid-template-columns:minmax(0,1fr)}.bkd-cv{max-width:240px;margin:0 auto}}
.bkd-cv{position:relative;padding-top:72px}
.bkd-book{position:relative;z-index:1;display:block;aspect-ratio:.68;overflow:hidden;border-radius:2px 6px 6px 2px;background:var(--c);color:var(--i);box-shadow:inset 6px 0 0 rgba(0,0,0,.25),inset 8px 0 6px -4px rgba(255,255,255,.12),0 18px 30px -14px rgba(0,0,0,.7)}
.bkd-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bkd-book::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.08) 4%,transparent 9%);pointer-events:none}
.bkd-no{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px 20px 24px 26px;text-align:center}
.bkd-no b{font:600 22px/1.3 'Noto Serif KR','Gowun Batang',serif;word-break:keep-all}
.bkd-no i{font:400 12px/1.4 'Pretendard',sans-serif;font-style:normal;opacity:.8}
.bkd-cl{position:absolute;left:12px;bottom:12px;z-index:2;padding:3px 6px;border-radius:1px;background:#F7F3E8;color:#2b2823;font:400 9px/1.2 'QR Galmuri','Galmuri11',monospace;text-align:center}
.bkm{position:absolute;top:calc(4px + var(--k) * 6px);right:calc(18px + var(--k) * 46px);z-index:calc(0 - var(--k));display:flex;flex-direction:column;gap:3px;width:92px;height:118px;padding:8px 8px 0;border-radius:3px 3px 0 0;background:var(--acc);color:var(--acc-ink);transform:rotate(calc(4deg - var(--k) * 6deg));transform-origin:50% 100%;transition:transform .3s;
  -webkit-mask:radial-gradient(circle at 50% 0,#0000 4px,#000 4.5px) top/12px 51% repeat-x,linear-gradient(#000,#000) bottom/100% 50% no-repeat;mask:radial-gradient(circle at 50% 0,#0000 4px,#000 4.5px) top/12px 51% repeat-x,linear-gradient(#000,#000) bottom/100% 50% no-repeat}
.bkm .mono{font-size:7.5px;letter-spacing:.14em;opacity:.8}
.bkm b{font:700 12px/1.25 'Pretendard',sans-serif;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bkm:hover{transform:rotate(0) translateY(-10px)}
.lcard{position:relative;padding:16px 18px 14px;border-radius:3px;background:#EFE6CF;color:#3a3025;background-image:repeating-linear-gradient(180deg,transparent 0 27px,rgba(120,90,50,.16) 27px 28px),radial-gradient(120% 80% at 20% 0,rgba(255,255,255,.4),transparent 60%);box-shadow:0 14px 26px -16px rgba(0,0,0,.7)}
.lcard::before{content:"";position:absolute;left:50%;top:-1px;width:44px;height:10px;margin-left:-22px;border-radius:0 0 22px 22px;background:var(--bg)}
.lc-hd{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:2px solid #8a2f2a;font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:#8a2f2a}
.lc-dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:6px 0 0}
.lc-dl > div{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px solid rgba(120,90,50,.3)}
.lc-dl > div.w{grid-column:1/-1}
.lc-dl dt{font:500 8.5px/1.2 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.14em;color:#8a7458}
.lc-dl dd{margin:2px 0 0;font:500 13px/1.35 'Pretendard',sans-serif;word-break:keep-all}
.lc-dl .lc-ti{font:600 18px/1.3 'Noto Serif KR','Gowun Batang',serif}
.lc-dl .lc-cn{font:400 12px/1.35 'QR Galmuri','Galmuri11',monospace}
.lc-rt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:9px 0;border-bottom:1px solid rgba(120,90,50,.3)}
.lc-rt .k{font:500 8.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#8a7458}
.lc-rt .stars{color:#8a2f2a}
.lc-rt q{flex-basis:100%;font:400 13px/1.6 'Gowun Batang','Hahmlet',serif;quotes:"“" "”"}
.lc-tb{width:100%;margin-top:10px;border-collapse:collapse;table-layout:fixed}
.lc-tb th{padding:4px 2px;border:1px solid rgba(120,90,50,.45);font:500 8.5px/1.2 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.12em;color:#8a7458;text-align:center}
.lc-tb td{height:30px;padding:2px;border:1px solid rgba(120,90,50,.45);text-align:center;font:400 11px/1 'Pretendard',sans-serif}
.lc-st{display:inline-block;padding:3px 5px 2px;border:1.5px solid currentColor;border-radius:3px;font:400 10px/1 'QR Galmuri','Galmuri11',monospace;letter-spacing:.02em;transform:rotate(var(--r,0deg));opacity:.88;mix-blend-mode:multiply}
.lc-st.st-date{border-color:transparent;padding:0;color:#183D3D;font-size:11.5px}
.lc-st.st-done{color:#5C8374}
.lc-st.st-loan{color:#183D3D;border-width:2px}
.lc-st.st-hold{color:#5C8374;border-style:dashed}
.lc-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font:500 8.5px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#8a7458}
.lc-bc{color:#3a3025;opacity:.8}
/* 밑줄 · 함께 본 영화 · 함께 읽은 책 */
.bul-l{list-style:none;margin:4px 0 0;padding:0}
.bul-l li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px dashed color-mix(in srgb,var(--line2) 80%,transparent)}
.bul-l li:first-child{border-top:0}
.bul-pg{font:400 11px/1 'QR Galmuri','Galmuri11',monospace;color:var(--acc);text-align:right}
.bul-l p{margin:0;font:400 15px/1.9 'Gowun Batang','Hahmlet',serif;color:var(--text);word-break:keep-all}
.bul-t{background:linear-gradient(180deg,transparent 62%,color-mix(in srgb,var(--acc) 38%,transparent) 62% 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 2px}
.bkf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.bkf-c{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--line2);border-radius:3px;color:inherit;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.bkf-c:hover{border-color:var(--acc)}
.bkf-p{position:relative;display:block;aspect-ratio:.7;overflow:hidden;border-radius:2px;background:var(--deep)}
.bkf-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bkf-p i{position:absolute;inset:0;display:grid;place-items:center;padding:4px;font:600 10px/1.2 'Pretendard',sans-serif;font-style:normal;text-align:center;color:var(--text)}
.bkf-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.bkf-t .mono{font-size:9px;letter-spacing:.16em;color:var(--acc)}
.bkf-t b{font:600 14px/1.3 'Pretendard',sans-serif;color:var(--text)}
.bkon{display:flex;flex-wrap:wrap;gap:14px}
.bkon-c{display:flex;flex-direction:column;gap:6px;width:96px;color:inherit}
.bkon-b{position:relative;display:grid;place-items:center;aspect-ratio:.68;overflow:hidden;padding:8px;border-radius:2px 4px 4px 2px;background:var(--c);color:var(--i);box-shadow:inset 4px 0 0 rgba(0,0,0,.25),0 10px 18px -12px #000;text-align:center;transition:transform .25s}
.bkon-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bkon-b b{font:600 12px/1.3 'Noto Serif KR',serif;word-break:keep-all}
.bkon-c:hover .bkon-b{transform:translateY(-4px) rotate(-1deg)}
.bkon-t b{display:block;font:600 12px/1.3 'Pretendard',sans-serif;color:var(--text)}
.bkon-t span{font-size:10.5px;color:var(--dim)}
.bkpick{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;padding:6px 8px;border:1px solid var(--line2);border-radius:3px}
.bkpick small{color:var(--dim)}
/* 카드 목록함 서랍 (분류) */
.cat-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin-top:12px;padding:8px;border-radius:4px;background:linear-gradient(180deg,#183D3D,#0f2a2a);box-shadow:inset 0 0 0 1px rgba(147,177,166,.25),inset 0 2px 0 rgba(255,255,255,.06),0 12px 22px -16px #000}
.drw{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 7px;border-radius:2px;background:linear-gradient(180deg,#2E5C58,#183D3D);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.4);color:#0b1a1c;transition:transform .2s,box-shadow .2s}
.drw-lb{display:flex;align-items:baseline;gap:5px;width:100%;padding:3px 6px;border:2px solid #9a8f6c;border-radius:2px;background:#EDE6D3;box-shadow:inset 0 0 0 1px #c9bf9f,0 1px 0 rgba(0,0,0,.3);font:600 11px/1.2 'Pretendard',sans-serif;white-space:nowrap;overflow:hidden;color:#1f2b2b}
.drw-lb b{font:700 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em}
.drw-lb span{overflow:hidden;text-overflow:ellipsis}
.drw-hd{width:30px;height:9px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#b9a67a,#7d6e4b);box-shadow:0 2px 2px rgba(0,0,0,.45)}
.drw-n{position:absolute;right:6px;bottom:4px;font-size:8.5px;color:rgba(201,220,207,.7)}
.drw:hover{transform:translateY(2px)}
.drw.on{transform:translateY(5px) scale(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 12px rgba(0,0,0,.5),0 0 0 1px var(--acc);background:linear-gradient(180deg,#3d726c,#2E5C58)}
/* 책 주머니 */
.bps{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:34px 18px;margin-top:30px}
.bp{position:relative;display:block;width:100%;height:230px;padding:0;border:0;background:none;cursor:pointer;text-align:left;transform:rotate(var(--r,0deg));perspective:700px}
.bp-back{position:absolute;left:0;right:0;top:48px;bottom:0;border-radius:16px 16px 3px 3px;background:color-mix(in srgb,var(--pc) 70%,#040D12);box-shadow:0 12px 20px -14px #000}
.bp-card{position:absolute;left:9%;right:9%;top:16px;height:150px;display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:1px;background:#F3EFE4;color:#1f2b2b;font-family:'Nanum Gothic Coding','Courier New',monospace;background-image:linear-gradient(transparent 52px,rgba(92,131,116,.55) 52px 53px,transparent 53px),linear-gradient(90deg,transparent 30%,rgba(24,61,61,.28) 30% calc(30% + 1px),transparent calc(30% + 1px));box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.bp-cl{font-size:10px;line-height:1.25}
.bp-rg{position:absolute;right:9px;top:9px;font-size:9.5px;letter-spacing:.04em}
.bp-ti{margin-top:12px;font:700 12.5px/1.3 'Pretendard',sans-serif;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-au{font-size:10px;opacity:.75}
.bp-tk{position:absolute;right:2%;top:30px;z-index:0;width:52px;height:110px;padding:6px 4px;border-radius:2px;background:var(--acc);color:var(--acc-ink);font:600 7.5px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(9deg);transform-origin:50% 100%;transition:transform .35s;overflow:hidden;white-space:nowrap}
.bp-front{position:absolute;left:0;right:0;bottom:0;z-index:2;height:150px;display:flex;flex-direction:column;padding:12px 12px 10px;border-radius:2px;background-color:var(--pc);color:#10201f;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -20px 30px -24px rgba(0,0,0,.35);transform-origin:50% 100%;transition:transform .35s cubic-bezier(.3,1.4,.5,1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.12 0 0 0 0 0.12 0 0 0 .26 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.bp-fcl{font:400 11px/1.25 'Nanum Gothic Coding','Courier New',monospace;color:#1f3a3a}
.bp-frg{position:absolute;right:12px;top:12px;font:400 14px/1 'Courier New','Nanum Gothic Coding',monospace;letter-spacing:.06em}
.bp-front::after{content:"";position:absolute;left:10px;right:10px;bottom:24px;border-top:1px solid rgba(16,32,31,.35);border-bottom:1px solid rgba(16,32,31,.35);height:2px}
.bp-fti{margin-top:auto;font:700 15px/1.3 'Pretendard',sans-serif;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-fau{font:500 11px/1.3 'Pretendard',sans-serif;opacity:.75}
.bp-lib{margin-top:8px;font:600 8px/1 'Barlow Condensed',sans-serif;letter-spacing:.24em;color:rgba(16,32,31,.5)}
.bp-stp{position:absolute;right:10px;top:40px;padding:2px 5px;border:1.5px solid var(--pi);border-radius:2px;color:var(--pi);font:400 9px/1.2 'QR Galmuri','Galmuri11',monospace;transform:rotate(-8deg);opacity:.9;filter:url(#mp-ink)}
.bp-stp.h{border-style:dashed;opacity:.8}
.bp:hover .bp-card,.bp:focus-visible .bp-card{transform:translateY(-26px) rotate(-1.5deg)}
.bp:hover .bp-front,.bp:focus-visible .bp-front{transform:rotateX(-16deg)}
.bp:hover .bp-tk{transform:rotate(14deg) translateY(-12px)}
.bp.st-loan .bp-card{transform:translateY(-12px)}
.bp.st-loan:hover .bp-card{transform:translateY(-32px) rotate(-1.5deg)}
.bp:active .bp-card{transform:translateY(-60px)}
/* 북카드 */
.bcard{position:relative;padding:14px 16px 12px;border-radius:2px;background:#F3EFE4;color:#1f2b2b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.28 0 0 0 0 0.2 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");font-family:'Pretendard',sans-serif;box-shadow:0 16px 30px -16px rgba(0,0,0,.75)}
.bc-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1.5px solid rgba(92,131,116,.7)}
.bc-top small,.bc-ln small,.bc-pg small,.bc-sec > small{display:block;font:500 9px/1.2 'Pretendard',sans-serif;letter-spacing:.06em;color:#5C8374}
.bc-top b{font:400 14px/1.3 'Nanum Gothic Coding','Courier New',monospace}
.bc-top .r{text-align:right}
.bc-top .r b{font-size:18px;letter-spacing:.04em}
.bc-ln{padding:6px 0;border-bottom:1px solid rgba(92,131,116,.38)}
.bc-ln b{font:500 13.5px/1.4 'Nanum Gothic Coding','Pretendard',monospace}
.bc-ln b.ti{font:700 17px/1.35 'Pretendard',sans-serif}
.bc-ln.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bc-tb{width:100%;margin-top:10px;border-collapse:collapse;table-layout:fixed}
.bc-tb th{padding:4px 2px;border:1px solid rgba(92,131,116,.5);font:500 9px/1.2 'Pretendard',sans-serif;color:#5C8374}
.bc-tb td{height:28px;padding:2px;border:1px solid rgba(92,131,116,.5);text-align:center;font:400 11px/1 'Pretendard',sans-serif}
.bc-tb tr > :first-child{width:18%}.bc-tb tr > :last-child{width:26%}
.bc-pg{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px}
.bc-bar{position:relative;height:6px;border-radius:3px;background:rgba(92,131,116,.2)}
.bc-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#5C8374,#183D3D)}
.bc-bar em{position:absolute;top:-9px;width:9px;height:18px;margin-left:-4px;background:#183D3D;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.bc-pg b{font:400 11px/1 'QR Galmuri','Galmuri11',monospace;color:#183D3D}
.bc-rt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(92,131,116,.45)}
.bc-rt .stars{color:#183D3D}
.bc-rt q{flex-basis:100%;font:400 13px/1.6 'Gowun Batang','Hahmlet',serif;quotes:"“" "”"}
.bc-sec{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(92,131,116,.45)}
.bc-sec .body{margin-top:4px;font-size:13.5px;line-height:1.8;color:#2b2823}
.bc-sec .body p{margin:0 0 8px}
.bcard .body b,.bcard .body i,.bcard .body s,.bcard .body strong{color:inherit}

.bcard .rlink{color:#183D3D}
.bc-q{display:flex;gap:8px;margin:6px 0 0;font:400 14px/1.8 'Gowun Batang','Hahmlet',serif}
.bc-q > span:first-child:not(.bul-t){flex:none;min-width:40px;font:400 10.5px/2.2 'QR Galmuri','Galmuri11',monospace;color:#5C8374}
.bcard .bul-t{background:linear-gradient(180deg,transparent 62%,rgba(147,177,166,.6) 62% 90%,transparent 90%)}
.bc-fl{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.bc-tk{padding:4px 9px 3px;border-radius:2px;background:var(--acc);color:var(--acc-ink);font:600 11px/1.3 'Pretendard',sans-serif}
.bc-more{display:block;margin-top:14px;padding:8px 0;border:1px dashed #5C8374;border-radius:2px;color:#183D3D;font:600 12px/1.3 'Pretendard',sans-serif;text-align:center}
.bc-more:hover{background:rgba(92,131,116,.12)}
.bc-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font:500 8.5px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:#5C8374}
.bcard .lc-st.st-date{font-size:10.5px}
/* 북카드 팝업 */
.bkpop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px 12px;background:rgba(4,8,10,0);transition:background .3s}
.bkpop.on{background:rgba(4,8,10,.72)}
.bkpop-in{position:relative;width:min(480px,100%);max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;padding-top:0;transform:translateY(60px) scale(.88);opacity:0;transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .25s;scrollbar-width:thin}
.bkpop.on .bkpop-in{transform:none;opacity:1}
.bkpop-x{position:sticky;top:8px;display:grid;place-items:center;z-index:3;width:32px;height:32px;margin:0 8px -40px auto;border-radius:50%;border:0;background:#183D3D;color:#F3EFE4;font-size:14px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.bkpop-x:hover{background:#23504E}
.bkpop .bc-top{padding-right:44px}
/* 상세: 주머니에서 꺼낸 북카드 */
.bkd2{margin-top:24px}
.bkd2-pk{position:relative;max-width:560px;margin:0 auto;padding:0 18px 60px}
.bkd2-pk::before{content:"";position:absolute;left:0;right:0;top:40px;bottom:0;border-radius:18px 18px 3px 3px;background:color-mix(in srgb,var(--pc) 70%,#040D12);z-index:0}
.bkd2-pk .bcard{z-index:1}
.bkd2-front{position:absolute;left:0;right:0;bottom:0;z-index:2;height:80px;display:flex;justify-content:space-between;padding:14px 16px;border-radius:2px;background:var(--pc);color:#10201f;font:400 13px/1.3 'Nanum Gothic Coding','Courier New',monospace;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
/* 카드 목록함 · 북카드: 옛 활자 · 바랜 종이 */
.cat-box{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,var(--text)),var(--surface));border:1px solid var(--line2);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent),0 12px 22px -16px var(--shadow)}
.drw{background:linear-gradient(180deg,color-mix(in srgb,var(--deep) 80%,var(--text)),var(--deep));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 14%,transparent),inset 0 -2px 0 rgba(0,0,0,.25),0 2px 0 color-mix(in srgb,var(--bg) 60%,#000);color:var(--text)}
.drw-lb{border:2px solid color-mix(in srgb,var(--dim) 80%,#000);background:#E9E1CC;box-shadow:inset 0 0 0 1px rgba(90,70,40,.25),0 1px 0 rgba(0,0,0,.3);color:#22252a}
.drw-lb,.drw-lb b{font-family:'Special Elite','Song Myung',serif;font-weight:400}
.drw-lb b{font-size:13px}.drw-lb span{font-size:11.5px}
.drw-hd{background:linear-gradient(180deg,color-mix(in srgb,var(--dim) 70%,#fff),color-mix(in srgb,var(--dim) 60%,#000))}
.drw-n{color:var(--dim)}
.drw.on{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 45%,var(--deep)),var(--deep));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 20%,transparent),0 7px 12px rgba(0,0,0,.4),0 0 0 1px var(--acc)}
/* 활자 글씨 */
.ink{font-family:'Special Elite','Song Myung',serif;font-weight:400;letter-spacing:.01em;color:#23262b;text-shadow:0 0 .7px rgba(35,38,43,.55);filter:url(#mp-ink)}
.ink.k{font-family:'Song Myung','Special Elite',serif}
.ink.f{opacity:.78}.ink.h{text-shadow:0 0 1.1px rgba(35,38,43,.75),.4px 0 0 rgba(35,38,43,.3)}
/* 바랜 종이 */
.bp-card,.bcard{--fa:24deg;background-color:#ECE4CF;color:#23262b;background-image:
  radial-gradient(40% 30% at 82% 18%,rgba(160,120,50,.13),transparent 70%),radial-gradient(30% 24% at 14% 76%,rgba(150,110,45,.1),transparent 70%),
  linear-gradient(var(--fa),transparent 49.7%,rgba(90,80,66,.07) 50%,rgba(255,255,255,.18) 50.3%,transparent 50.8%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  box-shadow:inset 0 0 22px rgba(120,95,50,.22),0 1px 3px rgba(0,0,0,.3)}
.bp-card{background-image:linear-gradient(transparent 52px,rgba(79,116,102,.5) 52px 53px,transparent 53px),linear-gradient(90deg,transparent 30%,rgba(24,61,61,.28) 30% calc(30% + 1px),transparent calc(30% + 1px)),
  radial-gradient(40% 30% at 82% 18%,rgba(160,120,50,.13),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.bp-cl,.bp-rg,.bp-au{font-family:'Special Elite','Song Myung',serif}
.bp-ti{font:400 13.5px/1.3 'Song Myung','Special Elite',serif}
/* 주머니: 초록 한 가지 · 분류 번호에 따라 명도 · 채도 */
.bp-front{background-color:var(--pc);color:var(--pi)}
.bp-fcl{color:var(--pi);opacity:.85;font-family:'Special Elite','Song Myung',serif}
.bp-frg{font-family:'Special Elite',monospace;font-size:15px}
.bp-fti{font:400 16px/1.3 'Song Myung','Special Elite',serif}
.bp-fau{font:400 11.5px/1.3 'Song Myung',serif;opacity:.8}
.bp-lib{color:var(--pi);opacity:.5}
.bp-front::after{border-color:color-mix(in srgb,var(--pi) 35%,transparent)}
.bp-stp{font-family:'Song Myung','Special Elite',serif;font-size:11px}
/* 북카드 안: 인쇄된 칸은 초록 잉크, 내용은 타자 */
.bc-top small,.bc-ln small,.bc-pg small,.bc-sec > small,.bc-tb th{font-family:'Song Myung',serif;font-weight:400;letter-spacing:.04em;color:#5C8374}
.bc-top b,.bc-ln b,.bc-ln b.ti,.bc-pg b,.bc-tb td{font-family:'Special Elite','Song Myung',serif;font-weight:400;color:#23262b;text-shadow:0 0 .7px rgba(35,38,43,.55)}
.bc-ln b.ti{font-family:'Song Myung','Special Elite',serif;font-size:20px}
.bc-top .r b{font-size:19px}
.bc-rt q,.bc-q,.bc-sec .body{font-family:'Song Myung','Gowun Batang',serif}
.bcard .lc-st{font-family:'Special Elite','Song Myung',serif;filter:url(#mp-ink)}
.bc-ft,.bc-more{font-family:'Song Myung','Special Elite',serif;font-weight:400;letter-spacing:.08em}
.bkd2-front{background-color:var(--pc);color:var(--pi);font-family:'Special Elite','Song Myung',serif}
.bcard .bc-top b,.bcard .bc-ln b,.bcard .bc-tb td{filter:url(#mp-ink)}
.agn-tk .agn-hm{margin-top:1px;font-size:9.5px;color:var(--dim)}
.agn-q{display:block;margin:0 0 6px;font:400 13.5px/1.5 'Noto Serif KR','Gowun Batang',serif;color:var(--acc);quotes:"“" "”"}
.ot-rvm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ot-rvm li{display:flex;align-items:baseline;gap:6px;min-width:0;border-bottom:1px solid var(--ot-ln);font-family:'Noto Serif KR','Hahmlet',serif;font-weight:300;font-size:.92em;line-height:1.75}
.ot-rvm em{flex:none;font:600 .72em/1 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:.12em;color:var(--ot-dim)}
.ot-rvm span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soc .gsub{margin-left:18px}
/* 블로그식 글쓰기 */
.rte{border:1px solid var(--line2);border-radius:4px;background:color-mix(in srgb,var(--bg) 70%,var(--surface))}
.rte-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:6px;border-bottom:1px solid var(--line2);background:var(--surface);border-radius:4px 4px 0 0}
.rte-bar button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;border:1px solid transparent;border-radius:3px;color:var(--text);font:500 12px/1 'Pretendard',sans-serif;background:transparent}
.rte-bar button:hover{border-color:var(--line2);background:color-mix(in srgb,var(--acc) 12%,transparent)}
.rte-bar button:disabled{opacity:.6}
.rte-hl{padding:0 3px;background:color-mix(in srgb,var(--acc) 45%,transparent)}
.rte-sep{width:1px;height:18px;margin:0 3px;background:var(--line2)}
.rte-ed{min-height:220px;max-height:60vh;overflow-y:auto;padding:14px 16px;outline:0;white-space:normal;color:var(--text);font:400 14px/1.9 'Pretendard',sans-serif}
.rte-ed:empty::before{content:attr(data-ph);color:var(--faint)}
.rte-ed:focus{box-shadow:inset 0 0 0 1px var(--acc)}
.rte-ed .inpic img{cursor:pointer}
.rte-ed .inpic img:hover{outline:2px solid var(--acc)}
/* 새 글 보기 */
.rte-out,.body .rte-out{white-space:normal}
.rte-out p,.rte-ed p{margin:0 0 .9em}
.rte-out p:empty,.rte-ed p:empty{min-height:1em}
.rte-out h3,.rte-ed h3{margin:1.3em 0 .5em;font:700 17px/1.4 'Pretendard',sans-serif;color:var(--text)}
.rte-out blockquote,.rte-ed blockquote{margin:1em 0;padding:4px 0 4px 14px;border-left:3px solid var(--acc);color:var(--dim);font-family:'Gowun Batang','Hahmlet',serif}
.rte-out hr,.rte-ed hr{margin:1.4em auto;width:40%;border:0;border-top:1px dashed var(--line2)}

.rte-out a,.rte-ed a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.rte-out ul,.rte-out ol{margin:0 0 .9em;padding-left:1.4em}
.rte-out .pic-p,.rte-ed .pic-p{margin:0}
.rte{position:relative}
.rte-ed{padding-bottom:40px}
.rte-ed .inpic.on img{outline:3px solid var(--acc);outline-offset:2px}
.rte-pm{position:absolute;z-index:5;display:flex;flex-wrap:wrap;gap:3px;max-width:calc(100% - 16px);padding:4px;border-radius:4px;border:1px solid var(--line2);background:var(--surface);box-shadow:0 8px 20px -8px #000}
.rte-pm button{min-height:28px;padding:0 9px;border-radius:3px;color:var(--text);font:500 12px/1 'Pretendard',sans-serif;background:transparent}
.rte-pm button:hover{background:color-mix(in srgb,var(--acc) 18%,transparent)}
/* 손님 사진 */
.pic-b{align-self:flex-start;min-height:30px;padding:0 10px;border:1px dashed var(--line2);border-radius:999px;color:var(--dim);font-size:11.5px;background:transparent}
.pic-b:hover{border-color:var(--acc);color:var(--text)}
.pic-pv{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.pic-pv img{width:54px;height:54px;object-fit:cover;border-radius:3px;border:1px solid var(--line2)}
.pic-pv small{flex-basis:100%;font-size:10.5px;color:var(--faint)}
.bub-pic{display:block;margin:6px 0 2px}
.bub-pic img{display:block;max-width:min(240px,100%);max-height:280px;border-radius:10px;object-fit:cover;cursor:zoom-in}
.bub-pic + .bub-pic{margin-top:4px}
.soc-f{grid-template-columns:150px 1fr auto auto}
.soc-f .pic-pv{grid-column:1/-1}
@media (max-width:600px){.soc-f{grid-template-columns:1fr auto}.soc-f input,.soc-f textarea{grid-column:1/-1}}
.gc-act .pic-b{margin-right:auto}
.gemo .pic-b{margin-left:6px;font-size:11.5px}
/* 라디오 (예전 LP 자리) */
:root{--mt1:#2E5C58;--mt2:#183D3D;--mt3:#0F2A2A;--trim:#93B1A6;--ph:#C9F2DD;--phr:201,242,221;--phg:rgba(147,177,166,.55);--hi:#E8F7EE;--scr:#081211;--c1:#12302b;--c2:#0a1d1a;--c3:#040b0a;--o1:#1c4a40;--o2:#0d2622;--grl:#071010;--grs:#5C8374;--kb1:#2a3f3c;--kb2:#142422;--kn:#0b1a1a;--k1:#c9d6cf;--k2:#7f978d;--k3:#3f5650}
[data-theme="day"]{--mt1:#E9DDC8;--mt2:#D6C4A6;--mt3:#B9A182;--trim:#4E7A5F;--ph:#1E3F3B;--phr:30,63,59;--phg:rgba(78,122,95,.22);--hi:#0f2a27;--scr:#e4e6d8;--c1:#eef0e2;--c2:#dfe4d3;--c3:#c4cdb8;--o1:#f4f7ea;--o2:#e3ead8;--grl:#8f7a5e;--grs:#EFE6D4;--kb1:#d8c8ad;--kb2:#c2ad8c;--kn:#2B2823;--k1:#fbf6ea;--k2:#cdbb9c;--k3:#9a8462}
.metal{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='120'%3E%3Cg stroke='%23E2EAE6' stroke-opacity='.18' fill='none'%3E%3Cpath d='M10 20l60 8M120 90l70-12M30 100l25-30M150 15l40 22M80 60l30 3'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 90% at 0 0,rgba(201,180,140,.35),transparent 18%),radial-gradient(90% 70% at 100% 100%,rgba(140,110,70,.4),transparent 22%),linear-gradient(180deg,var(--mt1),var(--mt2) 55%,var(--mt3));box-shadow:inset 0 1px 0 rgba(226,234,230,.25),inset 0 -2px 0 rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.35),0 14px 24px -12px #000;color:var(--text)}
.metal::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.75;background:radial-gradient(6px 4px at 6% 8%,var(--trim) 40%,transparent 60%),radial-gradient(5px 3px at 93% 92%,var(--trim) 40%,transparent 60%),radial-gradient(3px 3px at 88% 6%,rgba(170,120,70,.7) 40%,transparent 70%),radial-gradient(8px 3px at 14% 96%,rgba(170,120,70,.5) 40%,transparent 70%)}
.crt{position:relative;overflow:hidden;border-radius:6px/10px;background:radial-gradient(120% 140% at 50% 50%,var(--c1) 0%,var(--c2) 60%,var(--c3) 100%);color:var(--ph);box-shadow:inset 0 0 0 1px rgba(147,177,166,.25),inset 0 0 18px rgba(0,0,0,.9);text-shadow:0 0 3px var(--phg),0 0 8px rgba(147,177,166,.25)}
.crt::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(180deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(var(--phr),.08),transparent 30%);animation:crtf 4s steps(1) infinite}
@keyframes crtf{0%,100%{opacity:1}47%{opacity:.85}48%{opacity:1}83%{opacity:.9}}
.on .crt.rdial,.ota.on .crt{background:radial-gradient(120% 140% at 50% 50%,var(--o1) 0%,var(--o2) 60%,var(--c3) 100%);box-shadow:inset 0 0 0 1px rgba(147,177,166,.35),inset 0 0 18px rgba(0,0,0,.8),0 0 16px rgba(147,177,166,.35)}
.ndl{position:absolute;top:2px;bottom:2px;width:3px;margin-left:-1.5px;border-radius:1px;background:var(--hi);box-shadow:0 0 6px var(--ph),0 0 14px var(--phg);transition:left .9s cubic-bezier(.3,1.3,.5,1);z-index:2}
.rdial{display:block;padding:5px 26px 8px 6px}
.rdial .rw{display:flex;align-items:center;gap:6px;white-space:nowrap}
.rdial .bd{flex:none;width:20px;font:600 8px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em}
.rdial .ln{flex:1;display:flex;justify-content:space-between;border-bottom:1px solid rgba(var(--phr),.35);font:500 7.5px/1.3 'Barlow Condensed',sans-serif}
.rdial .ln i{font-style:normal}
.rdial .lg{position:absolute;right:5px;top:50%;width:18px;height:18px;margin-top:-10px;border:1.5px solid var(--ph);border-radius:4px;display:grid;place-items:center;font:700 6px/1 'Barlow Condensed',sans-serif;z-index:1}
.knob{display:block;width:28px;height:28px;border-radius:50%;position:relative;transition:transform .9s cubic-bezier(.3,1.3,.5,1)}
.knob,.rbtn{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(circle at 40% 35%,var(--k1),var(--k2) 55%,var(--k3));box-shadow:0 0 0 2px #23504E,0 2px 4px rgba(0,0,0,.6);color:var(--kn)}
.knob::after{content:"";position:absolute;left:50%;top:3px;width:2px;height:8px;margin-left:-1px;background:var(--kn);border-radius:1px}
.tt .deck{display:none}
.rdo{position:relative;display:block;width:184px;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.rdo > span,.rdo .rf > span{display:block}
.rdo .an{position:absolute;right:30px;bottom:96%;width:3px;height:70px;transform-origin:50% 100%;transform:rotate(14deg);border-radius:2px;background:linear-gradient(90deg,#3f5650,#0b1414 60%,#5C8374)}
.rdo .an::before{content:"";position:absolute;left:-1px;right:-1px;top:-4px;height:6px;border-radius:2px;background:var(--trim)}
.rdo .wv{position:absolute;right:6px;bottom:calc(96% + 58px);width:40px;height:30px;pointer-events:none;opacity:0}
.rdo .wv i{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--ph);border-radius:50%;animation:rwv 1.8s ease-out infinite;opacity:0}
.rdo .wv i:nth-child(2){animation-delay:.6s}.rdo .wv i:nth-child(3){animation-delay:1.2s}
@keyframes rwv{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.4);opacity:0}}
.rdo.on .wv{opacity:1}
.rdo .bdy{padding:7px 7px 8px;border-radius:7px}
.rdo .bdy::after{content:"MIDNIGHT FM";position:absolute;left:8px;bottom:-1px;transform:rotate(-3deg);padding:1px 5px;background:#E6D8C3;color:#2b2823;font:600 6.5px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.16em;opacity:.82;clip-path:polygon(0 0,100% 6%,97% 100%,3% 92%)}
.rdo .rf{display:grid;grid-template-columns:1fr 46px;gap:6px;padding:6px;border-radius:4px;background:var(--scr);box-shadow:inset 0 0 0 1px rgba(147,177,166,.18),inset 0 0 20px #000}
.rdo .rf .rdial{grid-column:1/-1}
.rdo .gr{height:46px;border-radius:2px;background:repeating-linear-gradient(180deg,var(--grs) 0 2px,var(--grl) 2px 5px);box-shadow:inset 0 0 0 2px var(--grl),inset 0 0 12px rgba(0,0,0,.7);opacity:.9}
.rdo .kb{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:3px;background:linear-gradient(180deg,var(--kb1),var(--kb2));box-shadow:inset 0 0 0 1px rgba(147,177,166,.2)}
.rdo .kb small{font:600 6.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--trim);opacity:.8}
.rdo-sh{display:block;width:210px;height:14px;margin:-4px auto 0;border-radius:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,#3a3127,#221c16);box-shadow:0 8px 14px -8px #000}
.rdo-lb{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px;font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:var(--dim)}
.rdo-lb i{width:6px;height:6px;border-radius:50%;background:#163331}
.tt.playing .rdo-lb i{background:var(--ph);box-shadow:0 0 8px var(--ph);animation:blink 1.4s steps(2) infinite}
.tt{transform:scale(.72);transform-origin:right bottom}
.tt.open{transform:none}
.tt.open .rdo,.tt.open .rdo-sh,.tt.open .rdo-lb{display:none}
@media (max-width:480px){.tt{transform:scale(.5)}}
/* 편성표 (예전 플레이리스트 패널) */
.tt .ttp{position:relative;right:auto;bottom:auto;width:min(340px,calc(100vw - 24px));padding:34px 10px 10px;border:0;border-radius:7px;scrollbar-width:thin}
.tt .rx{position:absolute;right:8px;top:6px;z-index:3;display:grid;place-items:center;width:26px;height:22px;border-radius:4px;background:var(--scr);color:var(--ph);box-shadow:inset 0 0 0 1px rgba(147,177,166,.35);font:700 16px/1 'Barlow Condensed',sans-serif}
.tt .rx:hover{box-shadow:inset 0 0 0 1px var(--ph)}
.tt .ttp .scr{max-height:calc(100vh - max(96px,16vh) - 74px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#23504E transparent}
@media (max-width:600px){.tt.open{top:calc(8px + env(safe-area-inset-top,0px));bottom:auto;left:8px;right:8px;align-items:stretch}.tt.open .ttp{width:auto}.tt .ttp .scr{max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}
.tt .ttp::after{content:"MIDNIGHT FM · 편성표";position:absolute;left:12px;top:11px;font:600 8.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:var(--trim);pointer-events:none}
.tt .ttp .scr{position:relative;padding:10px 10px 8px;border-radius:4px;background:var(--scr);color:var(--ph);text-shadow:0 0 3px var(--phg);box-shadow:inset 0 0 0 1px rgba(147,177,166,.18),inset 0 0 20px #000}
.tt .ttp .scr::after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 40%,transparent 60%,rgba(0,0,0,.6) 100%);animation:crtf 5s steps(1) infinite}
.tt .ttv{margin:0 0 8px;border-radius:6px/10px;filter:saturate(.6) sepia(.15) hue-rotate(110deg) brightness(.9);box-shadow:inset 0 0 0 1px rgba(147,177,166,.25)}
.rhd{display:flex;justify-content:space-between;align-items:center;font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:var(--hi)}
.rhd span:first-child{animation:blink 1.6s steps(2) infinite}
.rhd button{min-height:26px;padding:0 6px;font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--trim)}
.rnow{margin:8px 0 6px;padding:6px 8px 9px;font:600 11.5px/1.3 'Pretendard',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rnow .ndl{top:3px;bottom:3px}
.rth{display:flex;align-items:baseline;gap:6px;margin:2px 0 8px;font:400 13px/1.3 'Song Myung','Pretendard',serif;color:var(--ph)}
.rth small{flex:none;font:600 8.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--trim)}
.tt .ttp ol{list-style:none;margin:0;padding:0;max-height:210px;overflow:auto;border:0;scrollbar-width:thin;scrollbar-color:#23504E transparent}
.tt .ttp li button{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:baseline;width:100%;min-height:0;padding:6px 2px;border-top:1px dashed rgba(var(--phr),.18);text-align:left;color:var(--ph);font:500 12.5px/1.35 'Pretendard',sans-serif}
.tt .ttp li .fq{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;color:var(--trim);width:auto}
.tt .ttp li small{display:block;font-size:10.5px;color:rgba(var(--phr),.55)}
.tt .ttp li .no{font:500 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:rgba(var(--phr),.55)}
.tt .ttp li .no.wk{color:var(--hi)}
.tt .ttp li button[aria-current="true"]{background:rgba(147,177,166,.14);color:var(--hi)}
.tt .ttp li button[aria-current="true"] .fq{color:var(--hi)}
.tt .ttp .ctl{display:flex;gap:6px;margin:9px 0 0}
.rbtn{display:grid;place-items:center;flex:1;height:30px;min-height:30px!important;padding:0;border:0;border-radius:15px;font:600 11px/1 'Pretendard',sans-serif;letter-spacing:0;cursor:pointer}
.rbtn.pl{flex:1.4}
.rvol{display:flex;align-items:center;gap:6px;margin-top:8px;font:600 8px/1 'Barlow Condensed',sans-serif;letter-spacing:.18em;color:var(--trim)}
.rvol input{flex:1;accent-color:#93B1A6}
.rvol b{width:22px;text-align:right;font-weight:600}
.tt .ttedit{color:var(--trim);border-color:rgba(147,177,166,.4)}
.tt .tted li,.tt .ttadd{border-color:rgba(var(--phr),.18)}
.tt .tted b{color:var(--ph)}
.ota .rnw{display:flex;align-items:center;gap:8px;margin-top:6px;min-width:0;font:600 11.5px/1.3 'Pretendard',sans-serif;color:var(--hi)}
.ota .rnw .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ota .eq{flex:none;display:flex;align-items:flex-end;gap:2px;height:14px}
.ota .eq i{width:3px;height:30%;border-radius:1px;background:var(--ph);box-shadow:0 0 4px var(--phg);animation:req .9s ease-in-out infinite alternate}
.ota .eq i:nth-child(2){animation-delay:-.2s;animation-duration:.7s}.ota .eq i:nth-child(3){animation-delay:-.5s;animation-duration:1.1s}.ota .eq i:nth-child(4){animation-delay:-.1s;animation-duration:.8s}
.ota .eq i:nth-child(5){animation-delay:-.4s;animation-duration:1s}.ota .eq i:nth-child(6){animation-delay:-.7s;animation-duration:.75s}.ota .eq i:nth-child(7){animation-delay:-.3s;animation-duration:.95s}
@keyframes req{0%{height:15%}100%{height:100%}}
.ota .rdj{display:block;margin-top:5px;font:400 13px/1.45 'Song Myung','Pretendard',serif;color:var(--ph);word-break:keep-all}
.ota .rdj small{margin-right:7px;padding:1px 5px;border:1px solid rgba(var(--phr),.45);border-radius:2px;font:600 8px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.18em;color:var(--trim);vertical-align:2px}
/* 홈: 이번 주 주파수 */
.ota{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;margin:16px 0 4px;padding:9px 10px;border:0;border-radius:6px;text-align:left;cursor:pointer}
.ota .tg{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;border-radius:3px;background:var(--scr);color:var(--trim);box-shadow:inset 0 0 0 1px rgba(147,177,166,.2);font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em}
.ota .tg b{font:700 18px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:var(--ph);text-shadow:0 0 6px var(--phg)}
.ota .crt{display:block;padding:6px 10px 9px;min-width:0}
.ota .th{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ota .th small{font:600 8.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:var(--trim)}
.ota .th b{font:400 18px/1.25 'Song Myung','Pretendard',serif;color:var(--ph)}
.ota .th em{font:500 10px/1 'Barlow Condensed',sans-serif;font-style:normal;letter-spacing:.12em;color:var(--trim)}
.ota .sc{display:flex;justify-content:space-between;margin-top:5px;border-top:1px solid rgba(var(--phr),.35);font:500 7.5px/1.4 'Barlow Condensed',sans-serif}
.ota .ndl{top:auto;bottom:3px;height:18px}
.ota .pb{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:13px}
@media (max-width:560px){.ota{grid-template-columns:1fr auto}.ota .tg{display:none}}
[data-theme="day"] .crt{text-shadow:none}
[data-theme="day"] .crt::after{background:repeating-linear-gradient(180deg,rgba(30,63,59,.08) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 40%,transparent 60%,rgba(80,60,30,.18) 100%)}
[data-theme="day"] .tt .ttp .scr{text-shadow:none}
[data-theme="day"] .tt .ttp .scr::after{background:repeating-linear-gradient(180deg,rgba(30,63,59,.07) 0 1px,transparent 1px 3px)}
[data-theme="day"] .metal{color:#2B2823}
[data-theme="day"] .tt .ttv{filter:saturate(.8) sepia(.25)}
[data-theme="day"] .rdo .bdy::after{background:#183D3D;color:#E6D8C3}
[data-theme="day"] .rdo .an{background:linear-gradient(90deg,#9a8462,#5a4a34 60%,#c2ad8c)}
/* 커서 · 별 · 찢김 효과는 어떤 창보다 위 */
.cur{z-index:10003}.tear{z-index:10002}.star{z-index:10001}
/* 폰: 글 본문은 페이지와 함께 스크롤, 채팅창은 끝에서 페이지로 넘김 */
@media (max-width:760px),(pointer:coarse){.outrev .body:not(.blur),.entry.diary .tx,.rd .body,.fdet .tx,.pp-notes .pp-scroll{max-height:none;overflow-y:visible}.gc-sky{max-height:min(60vh,520px);overscroll-behavior-y:auto}}
/* 터치: 호버로 뜨는 것 끄기 (첫 탭이 무시되는 문제) */
@media (hover:none){.bndesc{display:none}.tkw:hover > .tsub{display:none}.hall:hover:not(:focus-visible)::after{opacity:0}}
.dy-days{display:flex;gap:4px;flex-wrap:wrap}
.dy-days label{position:relative;cursor:pointer}
.dy-days input{position:absolute;opacity:0;inset:0}
.dy-days span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line2);border-radius:50%;font-size:13px;color:var(--dim)}
.dy-days input:checked+span{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.dy-days input:focus-visible+span{outline:2px solid var(--edge)}
/* 다이어리: 습관 + 일기 */
:root,[data-theme="night"]{--hc1:#93B1A6;--hc2:#B8925A;--hc3:#5E8C7C;--hc4:#D9CDB4;--dy-miss:#C98A7A}
[data-theme="day"]{--hc1:#4E7A5F;--hc2:#A9844C;--hc3:#8BAA93;--hc4:#6F604F;--dy-miss:#B4624F}
.dy-vt{display:flex;gap:4px;margin:4px 0 16px}
.dy-vt button{padding:6px 16px;border:1px solid var(--line2);border-radius:20px;background:none;color:var(--dim);font-size:13px}
.dy-vt button.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.dy-lay{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start;margin-top:6px}
.dy-lay>*{min-width:0}
.dy-box{border:1px solid var(--line2);border-radius:4px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
.dy-box h3{margin:0;padding:10px 12px 9px;border-bottom:1px dashed var(--line2);display:flex;justify-content:space-between;align-items:baseline;gap:6px;font:500 10.5px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--dim)}
.dy-box h3 b{font-weight:500;color:var(--edge);white-space:nowrap}
.dy-mini .mi{padding:10px 10px 12px}
.dy-mini .mh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.dy-mini .mh b{font:500 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em}
.dy-mini .mh em{font:italic 13px 'Instrument Serif',serif;color:var(--dim)}
.dy-mini .mg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.dy-mini .mg>*{aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:2px;position:relative;font:500 9.5px/1 'Barlow Condensed',sans-serif;color:var(--dim);background:none}
.dy-mini .mg .w{color:var(--faint);font-size:8.5px;letter-spacing:.1em}
.dy-mini .mg .d{background:color-mix(in srgb,var(--acc) calc(var(--f) * 85%),transparent);color:var(--text);cursor:pointer}
.dy-mini .mg .d:hover{box-shadow:0 0 0 1px var(--acc)}
.dy-mini .mg .d.hi{color:var(--acc-ink)}
.dy-mini .mg .d.fut{background:none;color:var(--faint)}
.dy-mini .mg .d.td{box-shadow:0 0 0 1px var(--edge)}
.dy-mini .mg .d.dy::after{content:"";position:absolute;right:1px;top:1px;width:3px;height:3px;border-radius:50%;background:var(--edge)}
.dy-mini .dyfill{margin-top:10px}
.dy-mini .dyfill .r{display:flex;justify-content:space-between;align-items:baseline;font:500 10.5px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:var(--dim)}
.dy-mini .dyfill .r b{font-size:20px;letter-spacing:.02em;color:var(--text);font-weight:500}
.dy-mini .trk{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:4px}
.dy-mini .trk i{display:block;height:100%;background:var(--acc)}
.dy-mini .mlg{display:flex;align-items:center;gap:3px;margin-top:8px;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--faint)}
.dy-mini .mlg i{width:9px;height:9px;border-radius:2px;background:color-mix(in srgb,var(--acc) calc(var(--f) * 85%),transparent);border:1px solid var(--line)}
.dy-mini .mlg span{margin-left:auto}
.dy-todo{margin-top:14px}
.dy-todo ul{list-style:none;margin:0;padding:6px 12px 4px}
.dy-todo li{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:start;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12.5px;line-height:1.45}
.dy-todo li:last-child{border-bottom:0}
.dy-todo .cb{width:14px;height:14px;min-height:0;margin-top:2px;padding:0;border:1px solid var(--line2);border-radius:2px;background:none;display:grid;place-items:center;font-size:10px;line-height:1;color:var(--acc-ink)}
.dy-todo .cb:disabled{cursor:default;opacity:1}
.dy-todo li.done .cb{background:var(--acc);border-color:var(--acc)}
.dy-todo li.done>span{color:var(--faint);text-decoration:line-through}
.dy-todo small{display:block;font:500 9.5px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-decoration:none}
.dy-todo .dtx{border:0;background:none;padding:0 2px;min-height:0;color:var(--faint);font-size:11px}
.dy-todo .dtx:hover{color:var(--dy-miss)}
.dy-todo .emp{margin:0;padding:12px;font-size:12px;color:var(--faint)}
.dy-todo .add{display:flex;gap:6px;align-items:center;padding:8px 12px 12px;border-top:1px dashed var(--line2)}
.dy-todo .add input{flex:1;min-width:0;border:0;border-bottom:1px solid var(--line2);border-radius:0;background:none;color:var(--text);font:12px 'Pretendard',sans-serif;padding:3px 0}
.dy-todo .add select{width:46px;border:0;background:none;color:var(--dim);font-size:11px;padding:0}
.dy-todo .add button{border:0;background:none;color:var(--edge);font-size:15px;padding:0 2px;min-height:0}
.dy-chal{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:thin}
.dy-chal .ch{flex:0 0 auto;min-width:132px;max-width:190px;padding:9px 11px 9px 13px;border:1px solid var(--line2);border-radius:4px;background:none;text-align:left;position:relative;color:var(--text)}
.dy-chal .ch::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--hc)}
.dy-chal .ch b{display:block;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dy-chal .ch small{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--dim)}
.dy-chal .ch .mt{display:block;height:2px;margin-top:5px;background:var(--line);overflow:hidden}
.dy-chal .ch .mt i{display:block;height:100%;background:var(--hc)}
.dy-chal .ch.on{border-color:var(--hc);background:color-mix(in srgb,var(--hc) 12%,transparent)}
.dy-chal .ch.on::after{content:"ONLY";position:absolute;right:8px;top:7px;font:600 8.5px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--hc)}
.dy-chal .ch.on b{padding-right:30px}
.dy-chal .ch.all{min-width:0;padding:9px 14px;display:grid;place-items:center;font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:.16em}
.dy-chal .ch.all::before,.dy-chal .ch.new::before{display:none}
.dy-chal .ch.all.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.dy-chal .ch.all.on::after{display:none}
.dy-chal .ch.new{min-width:0;border-style:dashed;color:var(--dim);display:grid;place-items:center;font-size:12px}
.dy-info{position:relative;display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin:-4px 0 14px;padding:10px 12px;border-left:2px solid var(--hc);background:color-mix(in srgb,var(--hc) 8%,transparent);font-size:12.5px}
.dy-info b{font-family:'Gowun Batang',serif;font-weight:400;font-size:14px}
.dy-info span{font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:var(--dim)}
.dy-info .edb{position:static;margin-left:auto}
.dy-calh{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.dy-calh>button{border:0;background:none;color:var(--dim);font-size:13px;padding:4px 8px;min-height:0}
.dy-calh .dymo{text-align:center;position:relative}
.dy-calh .dymo b{display:block;font:500 22px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em}
.dy-calh .dymo em{font:italic 15px 'Instrument Serif',serif;color:var(--dim)}
.dy-calh .tdy{display:block;margin:4px auto 0;padding:2px 10px;border:1px solid var(--line2);border-radius:20px;background:none;color:var(--dim);font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:.16em;min-height:0}
.dy-cg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.dy-cg .w{padding:8px 0;text-align:center;font:500 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--dim);border-bottom:1px solid var(--line)}
.dy-cg .w.su{color:var(--edge)}
.dy-cg .c{position:relative;min-width:0;min-height:84px;margin:0;padding:5px 5px 6px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;display:flex;flex-direction:column;color:var(--text);font:inherit}
.dy-cg .c:nth-child(7n){border-right:0}
.dy-cg .c.lr{border-bottom:0}
.dy-cg .c .n{font:500 13px/1 'Barlow Condensed',sans-serif;color:var(--dim);width:22px;height:22px;display:grid;place-items:center;margin:-2px 0 0 -2px}
.dy-cg .c.o .n{opacity:.35}
.dy-cg .c.has .n{color:var(--text)}
.dy-cg .c.td .n{border:1px solid var(--acc);border-radius:50%;color:var(--text)}
.dy-cg button.c:hover{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.dy-cg .dstk{flex:1;display:grid;place-items:center;padding-top:2px}
.dy-cg .dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:3px}
.dy-cg .dots i,.dy-lg i{width:6px;height:6px;border-radius:50%;background:var(--hc)}
.dy-cg .dots i.no,.dy-cg .dots i.none{background:none;box-shadow:inset 0 0 0 1.2px var(--hc);opacity:.7}
.dy-cg .dots i.none{opacity:.35}
.dy-cg .dots i.rest{width:6px;height:1.5px;border-radius:0;align-self:center;opacity:.6}
/* 필름 한 컷 스티커 */
.dy-fk{--rot:-4deg;position:relative;display:inline-block;width:62px;padding:6px 4px;background:var(--film);border-radius:1.5px;transform:rotate(var(--rot));box-shadow:0 3px 6px rgba(0,0,0,.45),0 0 0 .5px rgba(255,255,255,.06);transition:transform .2s}
.dy-cg .c:hover .dy-fk{transform:rotate(calc(var(--rot) * -.4)) translateY(-2px) scale(1.04)}
.dy-fk::before,.dy-fk::after{content:"";position:absolute;left:3px;right:3px;height:3px;background:repeating-linear-gradient(90deg,#d8cdb6 0 3px,transparent 3px 6.5px);opacity:.8}
.dy-fk::before{top:1.5px}.dy-fk::after{bottom:1.5px}
.dy-fk .dyph{display:block;aspect-ratio:4/3;overflow:hidden;background:#000}
.dy-fk .dyph img,.f35 .dyph img{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
.dy-fk .dyph img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--age)}
.dy-fk .dyph .no{display:grid;place-items:center;height:100%;color:#d8cdb6;font-size:14px;background:radial-gradient(circle at 30% 30%,rgba(216,205,182,.18),transparent 70%)}
.dy-fk .dtape{position:absolute;left:50%;top:-6px;width:24px;height:9px;margin-left:-12px;background:color-mix(in srgb,var(--hc4) 55%,transparent);transform:rotate(calc(var(--rot) * -1.6));opacity:.75;z-index:2}
.dy-fk.hb{width:44px}
.dy-fk.hb .dyph{display:grid;place-items:center;background:var(--hc);font:600 15px/1 'Barlow Condensed',sans-serif;color:var(--film)}
.dy-fk.hb.no .dyph{background:#0c0a08;color:var(--dy-miss);font-size:13px}
.dy-fk.hb.rest .dyph{background:#2a231b;color:var(--edge);font-size:9px;letter-spacing:.16em}
.dy-fk.hb.none{background:none;box-shadow:none;outline:1px dashed var(--line2);outline-offset:-1px}
.dy-fk.hb.none::before,.dy-fk.hb.none::after{opacity:.25}
.dy-fk.hb.none .dyph{background:none}
.dy-lg{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:11.5px;color:var(--dim);align-items:center}
.dy-lg>span{display:flex;gap:6px;align-items:center}
.dy-lg .mut{color:var(--faint)}
.dy-lg .dy-fk{width:26px;padding:3px 2px;--rot:0deg}
.dy-lg .dy-fk::before,.dy-lg .dy-fk::after{height:1.5px;left:2px;right:2px;top:.8px}
.dy-lg .dy-fk::after{top:auto;bottom:.8px}
.dy-lg .dy-fk .dyph{font-size:8px}
.dy-lg .dy-fk .dyph .no{font-size:8px}
.dy-lg .dy-fk:not(.hb) .dyph{background:#2a231b}
/* 날짜 팝업 */
.dypop .bkpop-in{width:min(680px,100%)}
.dyd{position:relative;background:var(--ot-bg);color:var(--ot-ink);border-radius:3px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.dyd .fh{display:block;height:24px;background:repeating-linear-gradient(90deg,transparent 0 10px,#F4F1EA 10px 22px,transparent 22px 34px) center/100% 10px no-repeat;opacity:.92}
.dyd .din{padding:10px 30px 16px}
.dyd .dtop{display:flex;justify-content:space-between;gap:10px;padding-right:34px;font:500 9.5px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.2em;opacity:.7}
.dyd .fti{display:block;margin:18px 0 4px;font-size:46px}
.dyd .stk1{text-align:center;font-size:26px}
.dyd .dbd{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:start;margin-top:16px}
.dyd .dbd.one{grid-template-columns:1fr}
.dyd .dtx{font:300 14.5px/1.95 'Noto Serif KR','Gowun Batang',serif}
.dyd .dtx p{margin:0 0 1em;white-space:pre-wrap}
.dyd .dtx .inpic img{border:1px solid color-mix(in srgb,var(--ot-ink) 30%,transparent);box-shadow:none}
.f35{--rot:2deg;position:relative;margin:4px 0 0;background:var(--film);padding:16px 8px 18px;border-radius:2px;transform:rotate(var(--rot));box-shadow:0 12px 24px -10px rgba(0,0,0,.7)}
.f35::before,.f35::after{content:"";position:absolute;left:6px;right:6px;height:7px;background:repeating-linear-gradient(90deg,#e8dfcc 0 7px,transparent 7px 13px);border-radius:1px;opacity:.85}
.f35::before{top:5px}.f35::after{bottom:5px}
.f35 .dyph{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#000}
.f35 .dyph img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--age)}
.f35 .dyph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(236,222,196,var(--milk,0)),rgba(236,222,196,var(--milk,0))),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(40,25,10,var(--vig,.1)) 100%),linear-gradient(115deg,rgba(255,170,90,var(--leak,0)) 0,transparent 35%)}
.f35 .deg{position:absolute;left:10px;right:10px;bottom:-1px;display:flex;justify-content:space-between;font:600 7.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#d9a35a;opacity:.85}
.f35 .dtp{position:absolute;left:50%;top:-8px;width:56px;height:16px;margin-left:-28px;background:rgba(239,230,210,.5);transform:rotate(-3deg);z-index:2}
.dyd .dcap{margin:10px 0 0;font:500 9.5px 'Barlow Condensed',sans-serif;letter-spacing:.16em;opacity:.65;text-align:right}
.dy-hb{margin-top:16px;padding-top:12px;border-top:1px dashed color-mix(in srgb,currentColor 30%,transparent)}
.dy-hb .dlab{display:block;margin-bottom:6px;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:.2em;opacity:.65}
.dy-hb .hr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:7px 0;border-bottom:1px dashed color-mix(in srgb,currentColor 14%,transparent)}
.dy-hb .hr:last-child{border-bottom:0}
.dy-hb .hn b{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.dy-hb .hn b i{width:7px;height:7px;border-radius:50%;background:var(--hc)}
.dy-hb .hn b i.no,.dy-hb .hn b i.none{background:none;box-shadow:inset 0 0 0 1.2px var(--hc)}
.dy-hb .hn em{margin-left:8px;font-style:normal;font-size:12px;opacity:.65}
.dy-hb .hn p{margin:2px 0 0 13px;font-size:12.5px;opacity:.8}
.dy-hb .hset{display:flex;gap:6px;align-items:center}
.dy-hb .hdid{width:130px;min-width:0;padding:4px 6px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:3px;background:none;color:inherit;font:12px 'Pretendard',sans-serif}
.dy-hb .seg{display:flex;gap:3px}
.dy-hb .seg button{min-height:0;padding:5px 8px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:3px;background:none;color:inherit;font:500 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em}
.dy-hb .seg button.on.ok{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.dy-hb .seg button.on.no{background:var(--dy-miss);border-color:var(--dy-miss);color:#fff}
.dy-hb .seg button.on.rest{border-color:var(--edge);color:var(--edge)}
.dy-hb .seg button.clr{opacity:.6}
.dy-hb.dy-todo{margin-top:12px}
.dy-hb.dy-todo ul{padding:0}
.dyd .dfoot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:16px}
.dyd .dsoc{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:11px;opacity:.85}
.dyd .dfoot a{font-size:11px;letter-spacing:.14em;color:inherit;opacity:.8}
.dyn{position:relative;background:var(--surface);border:1px solid var(--line2);border-radius:4px;padding:18px 18px 16px}
.dyn .dlab{font:500 10.5px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--dim)}
.dyn h4{margin:6px 0 4px;font:400 30px/1 'Instrument Serif',serif}
.dyn .emp{margin:12px 0 0;font-size:12.5px;color:var(--faint)}
.dyn .wr{display:block;width:100%;margin-top:14px;padding:9px;border:1px dashed var(--line2);border-radius:3px;background:none;color:var(--dim);font-size:12.5px}
/* 일기 목록 사진도 바래게 */
.fcut .fimg img,.fdet .dtx .inpic img{filter:var(--age,none)}
/* 폰: 컴퓨터와 같은 배치, 크기만 작게 */
@media (max-width:640px){
  .dy-lay{grid-template-columns:32% minmax(0,1fr);gap:8px}
  .dy-box h3{padding:7px 7px 6px;font-size:8.5px;letter-spacing:.1em}
  .dy-mini .mi{padding:6px 6px 8px}
  .dy-mini .mh b{font-size:12px;letter-spacing:.06em}.dy-mini .mh em{font-size:10px}
  .dy-mini .mg{gap:1.5px}
  .dy-mini .mg>*{font-size:8px}.dy-mini .mg .w{font-size:6.5px;letter-spacing:0}
  .dy-mini .mg .d.dy::after{width:2px;height:2px}
  .dy-mini .dyfill{margin-top:6px}.dy-mini .dyfill .r{font-size:8px;letter-spacing:.08em}.dy-mini .dyfill .r b{font-size:14px}
  .dy-mini .mlg{gap:2px;font-size:7px;letter-spacing:.04em;margin-top:6px}.dy-mini .mlg i{width:6px;height:6px}
  .dy-todo{margin-top:8px}
  .dy-todo ul{padding:3px 7px 2px}
  .dy-todo li{grid-template-columns:12px minmax(0,1fr) auto;gap:5px;padding:5px 0;font-size:10.5px;line-height:1.35}
  .dy-todo .cb{width:11px;height:11px;font-size:8px;margin-top:1px}
  .dy-todo small{font-size:8px;letter-spacing:.06em}
  .dy-todo .emp{padding:8px 7px;font-size:10px}
  .dy-todo .add{flex-wrap:wrap;gap:4px;padding:6px 7px 8px}
  .dy-todo .add input{flex-basis:100%;font-size:10.5px}
  .dy-todo .add select{flex:1;width:auto;font-size:10px}
  .dy-chal{gap:5px;margin-bottom:8px}
  .dy-chal .ch{min-width:100px;max-width:140px;padding:6px 7px 6px 9px}
  .dy-chal .ch b{font-size:11px}.dy-chal .ch small{font-size:8.5px;letter-spacing:.04em;gap:4px}
  .dy-chal .ch.on::after{font-size:7px;right:5px;top:5px}.dy-chal .ch.on b{padding-right:22px}
  .dy-chal .ch.all{padding:6px 9px;font-size:10px}.dy-chal .ch.new{font-size:10px}
  .dy-info{margin:-2px 0 8px;padding:7px 8px;font-size:11px}.dy-info b{font-size:12px}.dy-info span{font-size:9.5px;letter-spacing:.04em}
  .dy-calh{margin-bottom:6px}.dy-calh .dymo b{font-size:16px;letter-spacing:.1em}.dy-calh .dymo em{font-size:11px}
  .dy-cg .w{padding:5px 0;font-size:7px;letter-spacing:.04em}
  .dy-cg .c{min-height:50px;padding:2px 1px 3px}
  .dy-cg .c .n{font-size:10px;width:16px;height:16px;margin:0}
  .dy-cg .dy-fk{width:30px;padding:3px 2px}.dy-cg .dy-fk.hb{width:22px}
  .dy-cg .dy-fk::before,.dy-cg .dy-fk::after{height:1.5px;left:2px;right:2px;top:.8px}
  .dy-cg .dy-fk::after{top:auto;bottom:.8px}
  .dy-cg .dy-fk .dtape{width:12px;height:5px;margin-left:-6px;top:-3px}
  .dy-cg .dy-fk.hb .dyph{font-size:10px}.dy-cg .dy-fk.hb.rest .dyph{font-size:6px;letter-spacing:0}
  .dy-cg .dots{gap:1.5px;margin-top:1px}.dy-cg .dots i{width:4px;height:4px}.dy-cg .dots i.rest{width:4px;height:1px}
  .dy-lg{gap:5px 9px;font-size:9.5px}
  .dyd .din{padding:8px 14px 12px}
  .dyd .dtop{font-size:7.5px;letter-spacing:.1em;padding-right:26px}
  .dyd .fti{font-size:32px;margin-top:12px}
  .dyd .dbd{grid-template-columns:minmax(0,1fr) 38%;gap:12px;margin-top:10px}
  .dyd .dtx{font-size:12.5px;line-height:1.85}
  .f35{padding:10px 5px 12px}
  .f35::before,.f35::after{height:4px;left:4px;right:4px;top:3px;background:repeating-linear-gradient(90deg,#e8dfcc 0 4px,transparent 4px 8px)}
  .f35::after{top:auto;bottom:3px}
  .f35 .dtp{width:34px;height:10px;margin-left:-17px;top:-5px}
  .f35 .deg{font-size:6px;left:6px;right:6px}
  .dyd .dcap{font-size:8px;letter-spacing:.1em}
  .dy-hb .hr{grid-template-columns:1fr}
  .dy-hb .hset{flex-wrap:wrap}.dy-hb .hdid{flex:1}
  .dyn h4{font-size:24px}
}
/* 폰: 화면 전체 효과 가볍게 (멈춘 필름 결은 그대로) */
@media (pointer:coarse),(max-width:760px){.fx .grain{animation:none;inset:0}.fx .flick,.fx .dust,.dust{display:none}.title h1{animation:none}.hbeam{animation:none}.gm.them .bub,.bmk .tape,#ldb.on{-webkit-backdrop-filter:none;backdrop-filter:none}}
/* 캘린더: 영수증 · 북마크 */
@font-face{font-family:"QR Galmuri";src:url("/_blob/8304bfe6884d64e95a5aefdf893497d7") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"QR Galmuri";src:url("/_blob/3cec5f471ffa1ffb8c4be8c765dfb05e") format("woff2");font-weight:700;font-display:swap}
.twc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start;gap:34px 26px;margin-top:30px}
.twc .rcpt{margin-top:var(--dy,0);translate:var(--dx,0) 0}
.twc .rcpt:nth-child(3n+2){z-index:1}
.rcpt.tp-0 .rc-tape{margin-left:calc(-42px + var(--tx,0px))}
.rcpt.tp-1 .rc-tape{left:-14px;top:-4px;margin:0;width:70px;transform:rotate(-38deg)}
.rcpt.tp-2 .rc-tape{left:auto;right:-14px;top:-4px;margin:0;width:70px;transform:rotate(36deg)}
.rcpt.tp-3 .rc-tape{left:-12px;top:-2px;margin:0;width:62px;transform:rotate(-34deg)}
.rcpt .rc-tape.r2{left:auto;right:-12px;transform:rotate(32deg)}
.rcpt .mono{color:inherit}
.bmk .mono{color:var(--ink2)}
.tw-em{margin-top:10px;min-height:20px}
.yt-em{position:relative;margin-top:10px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.yt-em.sh{aspect-ratio:9/16;width:min(240px,100%);margin-left:auto;margin-right:auto}
.yt-em .yt-go{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;background:#000;cursor:pointer}
.yt-em img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.yt-em .yt-go::after{content:"▶";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;padding-left:3px;box-sizing:border-box;display:grid;place-items:center;border-radius:50%;background:rgba(20,18,16,.72);color:#fff;font-size:16px;transition:transform .2s}
.yt-em .yt-go:hover::after{transform:scale(1.08)}
.yt-em iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tw-em .twitter-tweet{margin:10px 0 0!important}
.tw-em blockquote.twitter-tweet:not(.twitter-tweet-rendered){margin:0;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff;color:#0f1419;font:400 13px/1.55 'Pretendard',sans-serif}
.tw-em blockquote.twitter-tweet:not(.twitter-tweet-rendered) p{margin:0 0 6px}
.tw-em blockquote.twitter-tweet:not(.twitter-tweet-rendered) a{color:#1d9bf0}
.tw-fb{margin:10px 0 0;font-size:13px;line-height:1.6}
.rcpt{--rp:#f2eee4;--ri:#2e2a26;--rr:#7a7268;position:relative;transform:rotate(var(--rot,0deg));transition:transform .25s ease;filter:drop-shadow(0 1px 1px rgba(40,40,40,.25)) drop-shadow(3px 6px 6px rgba(40,40,40,.18))}
.rcpt:hover{transform:rotate(0) translateY(-3px);z-index:2}
.rc-tape{position:absolute;top:-12px;left:50%;z-index:3;width:84px;height:26px;margin-left:-42px;background:rgba(255,255,255,.38);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='34'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .075' numOctaves='2' seed='7' result='t'/%3E%3CfeSpecularLighting in='t' surfaceScale='7' specularConstant='.85' specularExponent='38' lighting-color='%23ffffff'%3E%3CfeDistantLight azimuth='215' elevation='36'/%3E%3C/feSpecularLighting%3E%3C/filter%3E%3Crect width='120' height='34' fill='%23fff' filter='url%28%23c%29'/%3E%3C/svg%3E");box-shadow:0 0 0 1px rgba(255,255,255,.35) inset;transform:rotate(var(--tr,-2deg));clip-path:polygon(0 8%,3% 0,6% 10%,9% 0,100% 0,97% 12%,100% 25%,97% 40%,100% 55%,97% 70%,100% 85%,97% 100%,0 100%,3% 85%,0 70%,3% 55%,0 40%,3% 25%)}
.rc-in{position:relative;--tear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='36' viewBox='0 0 300 36' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,3.2 L4.6,4.2 L7.9,6.4 L9.7,3.5 L13.0,12.1 L17.3,5.1 L22.5,9.8 L27.7,6.7 L30.9,5.3 L34.1,7.8 L36.6,6.7 L39.2,6.0 L43.0,9.3 L48.4,10.8 L51.3,10.3 L56.5,9.3 L60.7,9.1 L65.7,12.1 L69.6,8.6 L74.3,10.8 L78.0,12.5 L81.0,11.5 L85.6,12.2 L89.0,16.0 L94.5,13.3 L96.6,13.1 L101.2,13.6 L103.7,13.7 L107.5,13.8 L111.2,22.6 L115.9,16.5 L120.7,15.1 L123.9,13.2 L127.7,14.2 L131.1,15.2 L134.8,16.8 L138.1,14.2 L140.3,17.1 L145.0,18.5 L147.5,18.9 L149.3,21.1 L151.8,15.8 L154.7,15.8 L158.3,16.6 L162.7,18.3 L166.1,16.6 L169.3,17.6 L174.4,19.6 L178.3,24.4 L180.4,21.1 L184.7,21.2 L187.1,22.9 L190.6,19.6 L193.7,21.5 L197.7,19.4 L203.1,23.7 L208.0,21.4 L212.5,22.3 L214.0,30.9 L219.4,23.6 L224.4,26.0 L227.9,23.4 L230.2,25.0 L232.5,22.5 L235.2,24.6 L240.2,30.7 L243.0,27.6 L245.8,24.1 L250.7,28.0 L255.7,27.2 L261.2,25.5 L263.0,25.3 L265.4,28.4 L270.2,26.9 L272.9,29.5 L278.2,30.0 L281.9,29.9 L286.9,30.3 L289.7,29.7 L292.7,29.7 L294.6,28.4 L298.3,31.9 L300,30 L300,0 Z' fill='black'/%3E%3C/svg%3E");padding:30px 18px 48px;background-color:var(--rp);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36  0 0 0 0 .30  0 0 0 0 .22  0 0 0 0.34 -.06'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url%28%23n%29'/%3E%3C/svg%3E");color:var(--ri);font:400 12px/1.6 'QR Galmuri','Galmuri11','Nanum Gothic Coding',monospace;word-break:keep-all;overflow-wrap:anywhere;
  -webkit-mask:var(--tear) bottom/100% 36px no-repeat,linear-gradient(#000,#000) top/100% calc(100% - 35px) no-repeat;mask:var(--tear) bottom/100% 36px no-repeat,linear-gradient(#000,#000) top/100% calc(100% - 35px) no-repeat}
.rcpt.rk-b .rc-in{--tear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='36' viewBox='0 0 300 36' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,32.2 L1.7,27.9 L6.2,30.3 L10.1,29.7 L12.2,28.7 L16.6,31.0 L20.3,28.1 L21.9,26.0 L24.7,27.4 L28.3,28.0 L29.9,26.8 L33.5,29.7 L35.7,29.0 L40.1,28.7 L44.8,25.7 L50.1,24.4 L54.5,25.5 L57.9,27.4 L62.8,24.3 L67.9,24.4 L73.1,25.2 L75.4,23.1 L77.6,25.7 L82.7,22.5 L87.1,23.1 L91.2,23.1 L93.5,22.6 L97.5,20.2 L101.9,23.8 L106.4,19.4 L109.0,20.0 L110.9,21.2 L113.4,19.5 L116.6,26.2 L118.8,21.3 L124.1,17.8 L125.7,18.8 L127.8,18.3 L130.8,17.3 L132.9,17.1 L136.9,20.2 L139.8,16.6 L144.3,19.6 L148.8,19.8 L152.2,16.5 L155.0,15.7 L160.0,15.4 L163.1,17.0 L168.4,15.4 L171.6,14.0 L173.6,17.6 L175.5,16.6 L181.0,17.6 L183.4,15.1 L187.3,15.6 L191.6,13.5 L195.2,16.6 L197.1,15.3 L199.0,12.5 L201.4,14.0 L204.2,14.3 L209.3,15.5 L212.5,13.1 L214.2,12.5 L216.4,10.7 L219.4,12.5 L223.4,11.1 L226.3,9.6 L228.2,10.8 L232.4,9.1 L235.6,11.1 L239.4,8.8 L242.4,12.7 L246.9,8.8 L250.0,9.8 L253.1,7.9 L254.9,11.3 L260.3,15.7 L264.9,9.9 L267.8,8.4 L270.4,8.5 L275.7,9.4 L280.5,6.6 L284.0,6.1 L288.2,9.0 L293.0,4.6 L298.5,4.4 L300,6 L300,0 Z' fill='black'/%3E%3C/svg%3E")}.rcpt.rk-c .rc-in{--tear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='36' viewBox='0 0 300 36' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,7.7 L3.0,9.7 L4.7,6.9 L7.3,8.1 L10.7,11.2 L14.7,8.2 L19.7,10.2 L23.9,8.3 L27.7,16.1 L31.1,11.8 L35.5,13.0 L40.2,11.0 L45.2,9.6 L47.6,13.9 L51.6,11.0 L54.6,11.4 L58.5,14.3 L63.7,14.3 L67.9,11.2 L73.2,15.1 L77.6,12.0 L81.4,19.0 L86.8,11.9 L90.0,12.4 L94.5,21.6 L96.2,15.5 L101.2,17.0 L106.7,14.1 L110.6,13.0 L113.8,16.0 L115.4,17.3 L120.8,17.7 L124.1,16.1 L128.0,16.5 L133.3,16.6 L137.6,15.5 L143.1,17.2 L144.6,16.8 L146.2,17.8 L147.9,18.0 L152.1,16.9 L156.6,21.3 L161.9,17.0 L165.8,17.5 L168.6,17.9 L171.3,18.1 L172.9,19.1 L175.6,17.6 L178.1,17.6 L182.4,17.4 L185.2,21.1 L190.1,18.2 L194.2,21.9 L196.6,18.3 L198.9,21.7 L201.1,19.3 L205.2,22.1 L207.2,19.7 L209.8,20.2 L213.0,20.6 L215.1,18.8 L220.1,23.8 L225.4,23.8 L229.9,23.6 L233.5,21.2 L235.9,20.3 L238.5,30.6 L242.8,24.8 L247.9,29.4 L250.1,22.2 L253.7,23.0 L257.6,22.8 L262.6,23.8 L265.5,22.6 L270.3,22.7 L275.4,26.1 L277.0,25.3 L278.7,23.7 L282.3,24.6 L286.9,26.4 L288.9,23.3 L293.8,23.7 L296.6,24.9 L300,26 L300,0 Z' fill='black'/%3E%3C/svg%3E")}
.rc-in::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(var(--fa,28deg),transparent 49.7%,rgba(90,80,66,.10) 50%,rgba(255,255,255,.45) 50.35%,transparent 50.9%),linear-gradient(var(--fb,112deg),transparent 49.7%,rgba(90,80,66,.08) 50%,rgba(255,255,255,.35) 50.3%,transparent 50.8%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='.006 .011' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23fff' surfaceScale='3.2' diffuseConstant='1.05'%3E%3CfeDistantLight azimuth='225' elevation='58'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='420' height='420' filter='url%28%23f%29'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,420px 420px;background-position:0 0,0 0,var(--cx,0) var(--cy,0);mix-blend-mode:multiply;opacity:.55}
.rc-in > *{position:relative;z-index:2}
.rc-t{margin:0;text-align:center;letter-spacing:6px;font-size:11px;opacity:.75}
.rc-cate{margin:6px 0 0;text-align:center;font-size:10px;letter-spacing:1px;opacity:.7}
.rc-cate::before,.rc-cate::after{content:" · "}
.rcpt h4{margin:10px 0 0;text-align:center;font:700 15px/1.4 'QR Galmuri','Galmuri11',monospace;letter-spacing:0}
.rc-who{margin:2px 0 0;text-align:center;font-size:11px;opacity:.75}
.rc-rule{border-top:3px double currentColor;margin:10px 0 6px}
.rc-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px}
.rc-dash{border-top:1px dashed var(--rr);margin:8px 0}
.rc-note{margin:4px 0;font:400 12.5px/1.8 'QR Galmuri','Galmuri11',monospace}
.rc-hl{color:inherit;padding:.02em .32em;margin:0 -.12em;background:var(--hlb) center/100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rcpt .tw-em blockquote.twitter-tweet:not(.twitter-tweet-rendered){background:rgba(255,255,255,.55);border-color:rgba(46,42,38,.25);font-family:'Pretendard',sans-serif}
.rc-ft{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}
.rc-ft a{letter-spacing:1px;color:var(--ri)}
.rc-ft a:hover{text-decoration:underline}
.rc-ft .edb,.bm-ft .edb{color:inherit;border-color:currentColor}
.rc-thx{margin-top:8px;text-align:center;font-size:10px;letter-spacing:1px;opacity:.7}
.rc-bc{display:flex;justify-content:center;margin-top:8px;color:var(--ri);opacity:.85}
.rc-bc svg{height:22px;fill:currentColor}
.bmk{position:relative;padding:22px 14px 14px;background:var(--paper);color:var(--ink);border-radius:2px;transform:rotate(var(--r));box-shadow:0 1px 0 rgba(0,0,0,.08),0 14px 22px -14px rgba(0,0,0,.6);transition:transform .3s}
.bmk:hover{transform:rotate(0) translateY(-3px)}
.bmk::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 3px)}
.bmk .tape{position:absolute;top:-11px;left:50%;width:92px;height:24px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,255,255,.42);backdrop-filter:blur(1px);box-shadow:0 1px 2px rgba(0,0,0,.12);-webkit-mask:linear-gradient(90deg,transparent 0,#000 4px calc(100% - 4px),transparent 100%),repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);mask:conic-gradient(from 45deg at left,#0000 25%,#000 0) left/4px 6px repeat-y,conic-gradient(from -135deg at right,#0000 25%,#000 0) right/4px 6px repeat-y,linear-gradient(#000 0 0) center/calc(100% - 8px) 100% no-repeat;z-index:1}
[data-theme="day"] .bmk .tape{background:rgba(255,255,255,.6)}
.bm-hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;border-bottom:1px dashed color-mix(in srgb,var(--ink) 35%,transparent)}
.bm-hd b{font:700 14.5px/1.35 'Pretendard',sans-serif;word-break:keep-all}
.bm-hd .mono{flex:none;font-size:9.5px;color:var(--ink2)}
.bm-note{margin:8px 0 0;font:400 17px/1.35 'Nanum Pen Script',cursive;word-break:keep-all}
.bm-ft{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.bm-ft a{font-size:9.5px;letter-spacing:.1em;color:var(--ink2)}
.bm-ft a:hover{color:var(--ink);text-decoration:underline}
.inpic{display:block;margin:16px auto;text-align:center;white-space:normal}
.inpic img{display:block;max-width:100%;max-height:min(70vh,640px);margin:0 auto;border-radius:3px;cursor:zoom-in;box-shadow:0 8px 20px -12px var(--shadow)}
.inpic small{display:block;margin-top:6px;font-size:12px;color:var(--dim)}
.th p{white-space:pre-wrap;word-break:keep-all}
.th p .inpic:first-child{margin-top:4px}.th p .inpic:last-child{margin-bottom:4px}
.bnframe.fill .bnimg img{object-fit:cover}
.bnframe.ico{padding:7px}
.bnframe.soon .bnimg{cursor:default}
.bnframe.soon .bnimg:hover{transform:none;box-shadow:none}
.bnframe.soon .bnph{border:1px dashed color-mix(in srgb,var(--text) 30%,transparent);text-align:center;line-height:1.3}
.btear{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;background:rgba(6,8,10,.62);transition:background .5s,opacity .5s;cursor:pointer}
.bt-t{position:relative;width:min(100%,760px);aspect-ratio:5/1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));animation:btin .6s cubic-bezier(.2,.9,.3,1.15) both}
.bt-t img{position:absolute;inset:0;width:100%;height:100%;transition:transform .7s cubic-bezier(.55,0,.8,.3),opacity .6s}
@keyframes btin{from{opacity:0;transform:translateY(46px) scale(.9) rotate(-2.5deg)}to{opacity:1;transform:none}}
.btear.pull .bt-r{transition-duration:.18s;transform:translate(.6%,3%) rotate(2deg)}
.btear.pull .bt-l{transition-duration:.18s;transform:translateX(-.4%)}
.btear.torn .bt-r{transition:transform .85s cubic-bezier(.5,0,.8,.4),opacity .45s .4s;transform:translate(4%,120%) rotate(24deg);opacity:0}
.btear.torn .bt-l{transition-duration:.35s;transform:translateX(-1%) rotate(-.6deg)}
.btear.out{background:transparent}
.btear.out .bt-l{transition-duration:.55s;transform:translateY(-34px) scale(.96);opacity:0}
.ot{--ot-bg:#1F2B2B;--ot-ink:#C9DCCF;--ot-dim:color-mix(in srgb,var(--ot-ink) 62%,transparent);--ot-ln:color-mix(in srgb,var(--ot-ink) 34%,transparent)}
.ot-cut{-webkit-mask:radial-gradient(circle at 50% 0,#0000 5.5px,#000 6px) top/17px 51% repeat-x,radial-gradient(circle at 50% 100%,#0000 5.5px,#000 6px) bottom/17px 51% repeat-x;mask:radial-gradient(circle at 50% 0,#0000 5.5px,#000 6px) top/17px 51% repeat-x,radial-gradient(circle at 50% 100%,#0000 5.5px,#000 6px) bottom/17px 51% repeat-x}
.ot-b{position:relative;display:flex;flex-direction:column;background:var(--ot-bg);color:var(--ot-ink);font-family:'Pretendard','Gothic A1',sans-serif;font-weight:300;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 70% at 20% 0,color-mix(in srgb,var(--ot-ink) 10%,transparent),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.ot-b .k{font:500 .74em/1.3 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ot-dim)}
.ot-hd,.ot-ft{display:flex;justify-content:space-between;align-items:center;gap:8px;font:500 .78em/1 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.2em;text-transform:uppercase}
.ot-hd span:last-child{letter-spacing:.12em;font-feature-settings:'tnum'}
.ot-frame{flex-grow:1;display:flex;flex-direction:column;border:1px solid var(--ot-ln);outline:1px solid var(--ot-ln);outline-offset:3px}
.ot-r1{display:flex;justify-content:space-between;align-items:baseline}
.ot-r1 span:last-child{font:400 .9em/1 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.14em}
.ot-ti{text-align:center}
.ot-ti b{display:block;font-family:'Noto Serif KR','Hahmlet',serif;font-weight:600;letter-spacing:-.03em;line-height:1.25;word-break:keep-all;background:linear-gradient(100deg,var(--ot-ink) 30%,#fff 48%,var(--ot-ink) 62%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.ot-ti small{display:block;margin-top:5px;font-size:.8em;font-weight:400;letter-spacing:.14em;color:var(--ot-dim)}
.ot-dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;align-items:baseline}
.ot-dl dt{font-size:.8em;font-weight:400;letter-spacing:.06em;color:var(--ot-dim)}
.ot-dl dd{margin:0;font-weight:400;word-break:keep-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ot-rt{display:flex;align-items:center;gap:8px}
.ot-rt .stars{color:var(--ot-ink);font-size:.9em;letter-spacing:.12em}
.ot-rt .n{margin-left:auto;white-space:nowrap;font:400 .95em/1 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.1em;color:var(--ot-dim)}
.ot-rv{display:flex;flex-direction:column;gap:2px}
.ot-rv p{margin:0;font-family:'Noto Serif KR','Hahmlet',serif;font-weight:300;font-size:.95em;line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;background:repeating-linear-gradient(180deg,transparent 0 calc(1.65em - 1px),var(--ot-ln) calc(1.65em - 1px) 1.65em);min-height:3.3em}
.ot-g{display:grid;border-top:1px solid var(--ot-ln)}
.ot-g>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.ot-g>div+div{border-left:1px solid var(--ot-ln)}
.ot-g span:not(.k){font:500 1.06em/1.4 'Barlow Condensed','Pretendard',sans-serif;letter-spacing:.1em;font-feature-settings:'tnum';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ot-g .gauge{background:var(--ot-ln)}.ot-g .gauge i{background:var(--ot-ink)}.ot-g .gv{color:var(--ot-ink)}
.ot-wm{display:inline-flex;gap:1px}
.ot-wm i{font-style:normal;display:inline-grid;place-items:center;width:1.3em;height:1.45em;font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:0;background:var(--ot-ink);color:var(--ot-bg);font-weight:700}
.ot-f{position:relative;overflow:hidden;background:#111}
.ot-f img,.ot-f .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ot-nop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--ot-ink) 30%,var(--ot-bg)),var(--ot-bg));text-align:center}
.ot-nop b{font-family:'Noto Serif KR','Hahmlet',serif;font-weight:600;letter-spacing:-.03em;color:var(--ot-ink);word-break:keep-all;line-height:1.3}
.ot-only{position:absolute;left:0;right:0;bottom:16px;text-align:center;font:500 8px/1 'Barlow Condensed','Questrial',sans-serif;letter-spacing:.2em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.ot-f::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 60%) 0 0/300% 100%;background-position:120% 0;transition:background-position .8s ease;pointer-events:none}
.ot:hover .ot-f::after,.ot:focus-within .ot-f::after{background-position:-20% 0}
.ot:hover .ot-ti b{animation:otfoil 1.4s ease}
@keyframes otfoil{from{background-position:100% 0}to{background-position:-50% 0}}
.ot-b.holo::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.28;background:linear-gradient(125deg,#ff9ad5,#9ad9ff 25%,#c4ff9a 45%,#ffe79a 65%,#c59aff 85%) 0 0/200% 200%;animation:otholo 6s linear infinite}
@keyframes otholo{to{background-position:200% 200%}}
.posts.otl{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:720px){.posts.otl{grid-template-columns:1fr 1fr}}
.otc{display:block;color:inherit;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4));transition:transform .25s}
.otc:hover{transform:translateY(-3px) rotate(-.4deg)}
.otc .ot{display:flex;height:300px}
.otc .ot-hd{font-size:9px;white-space:nowrap}
.otc .ot-hd span:first-child{overflow:hidden;text-overflow:ellipsis}
.otc .ot-f{width:126px;flex:none}
.otc .ot-b{flex-grow:1;min-width:0;padding:16px 12px 14px;gap:6px;font-size:11px;border-left:1.5px dashed color-mix(in srgb,var(--ot-ink) 45%,transparent)}
.otc .ot-frame{padding:6px 8px 0;gap:4px;overflow:hidden}
.otc .ot-dl{gap:0 8px}
.otc .ot-ti b{font-size:18px}
.otc .ot-ti small{font-size:10px}
.otc .ot-rv p{-webkit-line-clamp:1;min-height:1.65em}
.otc .ot-g{grid-template-columns:1fr 1fr;margin:auto -8px 0;padding:0}
.otc .ot-g>div{padding:4px 8px}
.otc .ot-ft{font-size:8.5px}
.otc-cap{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:8px;padding:0 4px;font-size:11px;color:var(--dim)}
.otc-cap .ht{color:var(--acc);font-family:'Pretendard','Gothic A1',sans-serif}
.otd{margin-top:24px}
.ot-pair{display:flex;justify-content:center;gap:22px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}
.ot-pair>.ot-b,.ot-pair>.ot-f{width:min(330px,calc(50% - 11px));aspect-ratio:1/1.95;flex:none}
.ot-pair .ot-b{padding:26px 22px 22px;gap:12px;font-size:14px}
.ot-pair .ot-frame{padding:14px 14px 0;gap:12px}
.ot-pair .ot-ti b{font-size:28px}
.ot-pair .ot-ti small{font-size:11px}
.ot-pair .ot-g{margin:auto -14px 0}
.ot-pair .ot-g>div{padding:8px 14px}
.ot-pair .ot-g.c2{grid-template-columns:1fr 1fr}
.ot-pair .ot-g.c3{grid-template-columns:1.3fr 1fr 1fr;margin-top:0}
.ot-g.c3 span:not(.k){letter-spacing:.14em}
.ot-pair .ot-only{font-size:10px;bottom:22px}
.ot-pair .ot-nop b{font-size:30px}
.ot-hint{display:none;margin-top:10px;text-align:center;font-size:10px;letter-spacing:.14em;color:var(--dim)}
.otd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;padding:12px 14px;border:1px solid var(--line2);border-radius:3px;background:var(--surface);font-size:12px}
.otd-meta .ht{color:var(--acc);font-family:'Pretendard','Gothic A1',sans-serif}
.otd-meta .ed{margin-left:auto;min-height:36px;color:var(--text)}
.otd .oneline{margin-top:14px}
@media (max-width:640px){
.ot-pair{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px calc(50vw - min(39vw,170px) - 16px) 10px;margin:0 -16px;scrollbar-width:none;filter:none}
.ot-pair::-webkit-scrollbar{display:none}
.ot-pair>.ot-b,.ot-pair>.ot-f{width:min(78vw,340px);scroll-snap-align:center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}
.ot-pair .ot-b{padding:22px 16px 18px;font-size:13px}
.ot-hint{display:block}
.otc .ot{height:292px}.otc .ot-f{width:104px}}
@media (prefers-reduced-motion:reduce){.ot-b.holo::after,.ot:hover .ot-ti b{animation:none}.otc:hover{transform:none}}