/* 뜯어보고 커미션에 활용하는 행동은 하지 마세요. 무료 배포 계정을 돌리고 있습니다. 수익을 위해 타인의 선의를 밟지 마세요. 여쭤보시면 알려드립니다. */

:root{--mp-ver:"2026-10-11a"}
:root,[data-theme="night"]{
  --bg:#040D12; --surface:#0A1A1E; --deep:#183D3D; --line:#183D3D; --line2:#23504E;
  --text:#E2EAE6; --dim:#7FA394; --faint:#3F6258; --acc:#93B1A6; --acc-ink:#040D12;
  --paper:#93B1A6; --ink:#040D12; --ink2:#1E3F3B; --perf:#3F6E62;
  --sign:#0B0F10; --lock:#183D3D; --lock-ink:#E2EAE6;
  --sh0:#E2EEE8; --sh1:#93B1A6; --sh2:#6E9686; --sh3:#4C7366; --sh4:#33544D; --tile:#EFEDE6; --tile-ink:#141414;
  --film:#1B1611; --film2:#2A2219; --edge:#B8925A;
  --scratch:rgba(226,234,230,.10); --grain-op:.13; --shadow:rgba(0,0,0,.55);
  color-scheme:dark;
}
[data-theme="day"]{
  --bg:#F5F5F0; --surface:#EFE8DC; --deep:#E6D8C3; --line:#D9C9B2; --line2:#C2A68C;
  --text:#2B2823; --dim:#6F604F; --faint:#B6A48E; --acc:#4E7A5F; --acc-ink:#F5F5F0;
  --paper:#E6D8C3; --ink:#2B2823; --ink2:#6F604F; --perf:#C2A68C;
  --sign:#1A1814; --lock:#2B2823; --lock-ink:#F5F5F0;
  --sh0:#22382B; --sh1:#3F6650; --sh2:#5D866C; --sh3:#8BAA93; --sh4:#BACDBF; --tile:#F5F5F0; --tile-ink:#141414;
  --film:#221B14; --film2:#30271D; --edge:#C9A46A;
  --scratch:rgba(43,40,35,.10); --grain-op:.09; --shadow:rgba(60,45,30,.22);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:'Questrial','Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.7;
  padding:env(safe-area-inset-top,0px) 0 calc(24px + env(safe-area-inset-bottom,0px));transition:background .4s,color .4s}
@media (pointer:fine){body.cc,body.cc a,body.cc button,body.cc label{cursor:none}}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
:focus-visible{outline:1px dashed var(--acc);outline-offset:3px}
.ko{font-family:'Pretendard','Gothic A1',sans-serif}
.mono{font-family:'Questrial',sans-serif;font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.code{font-family:'Nanum Gothic Coding',monospace}
.serif{font-family:'Instrument Serif',serif;font-weight:400}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.view{animation:fadein .5s ease-out}
@keyframes fadein{from{opacity:0}}
.ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;text-align:center;font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--dim);background:var(--deep)}

.fx{position:fixed;inset:0;pointer-events:none;z-index:150;overflow:hidden}
.fx .grain{position:absolute;inset:-60%;opacity:var(--grain-op);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain .5s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-2%,-4%)}100%{transform:translate(4%,2%)}}
.fx .sc{position:absolute;top:0;bottom:0;width:1px;background:var(--scratch)}
.fx .s1{left:18%;animation:scr1 3.1s steps(1) infinite}
.fx .s2{left:63%;width:2px;animation:scr2 4.7s steps(1) infinite}
.fx .s3{left:84%;animation:scr3 2.3s steps(1) infinite}
@keyframes scr1{0%{left:18%;opacity:1}20%{left:21%;opacity:0}45%{left:12%;opacity:.8}70%{left:30%;opacity:0}85%{left:26%;opacity:1}}
@keyframes scr2{0%{left:63%;opacity:0}30%{left:58%;opacity:.9}55%{left:71%;opacity:0}80%{left:66%;opacity:.7}}
@keyframes scr3{0%{left:84%;opacity:.7}35%{left:90%;opacity:0}60%{left:79%;opacity:1}85%{left:88%;opacity:0}}
.fx .dust{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--scratch);animation:dust 5s steps(1) infinite}
@keyframes dust{0%{top:22%;left:40%;opacity:1}10%{opacity:0}40%{top:70%;left:12%;opacity:1}48%{opacity:0}75%{top:35%;left:77%;opacity:1}82%{opacity:0}}
.fx .flick{position:absolute;inset:0;background:var(--bg);opacity:0;animation:flick 6s infinite}
@keyframes flick{0%,100%{opacity:0}47%{opacity:0}48%{opacity:.06}49%{opacity:0}71%{opacity:.04}72%{opacity:0}}

.cur{position:fixed;left:0;top:0;z-index:400;pointer-events:none;width:30px;height:18px;margin:-9px 0 0 -4px;display:none;transform-origin:4px 9px}
body.cc .cur{display:block}
.cur i{position:absolute;top:0;height:18px;width:15px;background:var(--paper);border:1px solid var(--ink2)}
.cur i:first-child{left:0;border-right:1px dashed var(--ink2);border-radius:3px 0 0 3px}
.cur i:nth-child(2){left:15px;border-left:0;border-radius:0 3px 3px 0}
.cur b{position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 1.5px var(--ink2);z-index:2}
.cur i{transition:opacity .15s,background .15s}
.cur.hover i{opacity:.5;background:var(--acc)}
.cur.hover b{background:var(--ink);box-shadow:0 0 0 1.5px var(--acc)}
.tear{position:fixed;z-index:399;pointer-events:none;width:15px;height:18px;background:var(--paper);border:1px solid var(--ink2)}
.tear.l{border-radius:3px 0 0 3px;animation:tearL .6s ease-out forwards}
.tear.r{border-radius:0 3px 3px 0;animation:tearR .6s ease-out forwards}
@keyframes tearL{to{transform:translate(-14px,18px) rotate(-38deg);opacity:0}}
@keyframes tearR{to{transform:translate(14px,22px) rotate(34deg);opacity:0}}
.star{position:fixed;z-index:398;pointer-events:none;font-size:9px;line-height:1;color:var(--acc);animation:fall 1s ease-in forwards}
@keyframes fall{to{transform:translate(var(--dx),var(--dy,26px)) rotate(90deg);opacity:0}}

.intro{position:fixed;inset:0;z-index:300;background:#040D12;display:flex;align-items:center;justify-content:center;overflow:hidden}
.intro img{width:min(92vw,720px);filter:contrast(1.05);animation:introFlick 4.3s steps(1) forwards}
.intro .grain{position:absolute;inset:-60%;opacity:.25;background-image:inherit}
@keyframes introFlick{0%{opacity:0}3%{opacity:1}70%{opacity:1}73%{opacity:.12}76%{opacity:1}79%{opacity:.3}82%{opacity:1}86%{opacity:0}90%{opacity:.85}94%{opacity:0}97%{opacity:.4}100%{opacity:0}}
.intro .cap{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center}
.intro .scratchy{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 140px,rgba(226,234,230,.08) 140px 141px,transparent 141px 310px)}
.loader{position:fixed;inset:0;z-index:250;background:var(--bg);overflow-y:auto;transition:opacity .7s}
.loader.gone{opacity:0;pointer-events:none}
.ld{max-width:400px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:calc(34px + env(safe-area-inset-top,0px)) 28px calc(28px + env(safe-area-inset-bottom,0px));position:relative}
.term{min-height:140px;padding:12px 14px 10px;border:1px solid var(--line2);font-family:'Nanum Gothic Coding',monospace;font-size:12px;line-height:1.6}
.term .hi{color:var(--acc)}
.term .cr{color:var(--acc);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.scrn{display:flex;flex-direction:column;align-items:center;gap:6px}
.scrn div{width:280px;height:24px;border-top:1px solid var(--acc);border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 -12px 34px color-mix(in srgb,var(--acc) 25%,transparent)}
.scrn span{margin-top:-12px;letter-spacing:.4em}
.seats{display:flex;flex-direction:column;align-items:center;gap:6px}
.srow{display:flex;align-items:center;gap:4px}
.srow .rl{width:16px;text-align:center}
.srow .aisle{width:38px}
.seat{width:38px;height:34px;border-radius:9px 9px 4px 4px;border:1px solid var(--dim);color:var(--dim);font-size:10px;text-align:center;transition:background .2s}
.seat:hover:not(:disabled){border-color:var(--text);color:var(--text)}
.seat.taken{background:var(--deep);border-color:var(--deep);color:var(--faint);cursor:not-allowed}
.seat.mine{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.seat.owner{background:var(--text);border-color:var(--text);color:var(--bg);font-size:13px;cursor:default}
.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:8px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--dim)}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{width:12px;height:11px;border-radius:4px 4px 2px 2px}
.wait{display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:0 16px;border:1px dashed var(--line2);font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--dim)}

.ticket{display:flex;background:var(--paper);color:var(--ink);border-radius:4px;box-shadow:0 12px 30px var(--shadow)}
.ticket.print{animation:print .6s ease-out}
@keyframes print{from{clip-path:inset(0 0 100% 0);transform:translateY(-10px)}to{clip-path:inset(0 0 0 0)}}
.ticket .tm{flex-grow:1;min-width:0;padding:12px 14px 11px 16px;display:flex;flex-direction:column}
.ticket .r1{display:flex;justify-content:space-between;gap:8px;white-space:nowrap;font-size:9px;letter-spacing:.12em;color:var(--ink2)}
.ticket .rule{height:2px;margin-top:6px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.perf{position:relative;flex:none;width:0;border-left:1.5px dashed var(--perf)}
.perf::before,.perf::after{content:"";position:absolute;left:-9px;width:16px;height:16px;border-radius:50%;background:var(--bg)}
.perf::before{top:-8px}.perf::after{bottom:-8px}
.ticket .stb{width:78px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;padding:12px 0 10px;color:var(--ink)}
.vert{writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em;color:var(--ink2)}
.bc{width:40px;height:22px;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 3px,var(--ink) 3px 5px,transparent 5px 6px,var(--ink) 6px 7px,transparent 7px 10px)}
.go{background:var(--ink);color:var(--paper);padding:8px 10px;font-size:10px;letter-spacing:.18em}
.rating{flex:none;width:24px;height:24px;border-radius:5px;background:#E8A317;color:#1E1B16;display:flex;align-items:center;justify-content:center;font-size:12px}
.tdl{border-top:1px dashed var(--perf);margin:10px 0 0;padding-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;font-family:'Nanum Gothic Coding',monospace}
.tdl div{display:flex;flex-direction:column}
.tdl dt{font-size:9px;color:var(--ink2)}
.tdl dd{margin:0;font-size:12px;font-weight:700}
.barcode{height:22px;background:repeating-linear-gradient(90deg,var(--dim) 0 1px,transparent 1px 3px,var(--dim) 3px 5px,transparent 5px 6px,var(--dim) 6px 7px,transparent 7px 10px,var(--dim) 10px 13px,transparent 13px 14px,var(--dim) 14px 15px,transparent 15px 19px)}

.corner{position:fixed;width:26px;height:26px;border:0 solid var(--acc);z-index:5;pointer-events:none}
.corner.a{top:calc(12px + env(safe-area-inset-top,0px));left:12px;border-top-width:1px;border-left-width:1px}
.corner.b{top:calc(12px + env(safe-area-inset-top,0px));right:12px;border-top-width:1px;border-right-width:1px}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 0 0}
.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.nav a,.nav button{min-height:24px;display:inline-flex;align-items:center;color:var(--text)}
.nav a.on{color:var(--acc)}
.nav a:hover,.nav button:hover{color:var(--acc)}
.hud{display:flex;flex-direction:column;gap:2px;font-size:10px;letter-spacing:.08em;color:var(--dim)}
.hud b{font-weight:400;color:var(--text)}
.hud .rec{color:var(--acc)}
.stubs{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px}
.tstub{position:relative;display:flex;align-items:stretch;max-width:260px;background:var(--paper);color:var(--ink);border-radius:3px;font-size:11px;letter-spacing:.04em;transition:transform .2s}
.tstub:hover{transform:translateX(4px) rotate(-1deg)}
.tstub::before,.tstub::after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--bg)}
.tstub::before{left:-5px}.tstub::after{right:-5px}
.tstub .n{padding:6px 10px 6px 12px;border-right:1px dashed var(--perf);font-size:9px;color:var(--ink2);display:flex;align-items:center}
.tstub .t{padding:6px 14px 6px 10px;text-align:left;line-height:1.45}
.tstub.on{background:var(--ink);color:var(--paper)}
.tstub.on .n{color:var(--paper)}

.sec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:56px 0 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.sec span:last-child{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;text-transform:none;font-size:12px;color:var(--dim)}
.phead{padding:44px 0 0;display:flex;flex-direction:column;gap:6px}
.phead .eb{font-size:10px;letter-spacing:.2em;color:var(--acc);text-transform:uppercase}
.phead h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(46px,12vw,66px);line-height:1}
.phead p{font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--dim)}

.hero{position:relative;height:330px;margin-top:10px}
.reel{position:absolute;left:50%;top:0;width:250px;height:250px;margin-left:-125px;animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hstrip{position:absolute;left:-22px;right:-22px;top:210px;height:118px;background:var(--film);overflow:hidden;box-shadow:0 10px 30px var(--shadow)}
.hstrip .holes{position:absolute;left:0;right:0;height:8px;display:flex;gap:9px;padding-left:4px}
.hstrip .holes.t{top:5px}.hstrip .holes.b{bottom:5px}
.hstrip .holes span{flex:none;width:9px;height:8px;border-radius:2px;background:var(--bg)}
.hstrip .run{position:absolute;top:18px;bottom:18px;left:0;display:flex;gap:10px;animation:run 30s linear infinite}
@keyframes run{to{transform:translateX(-50%)}}
.hstrip .fr{flex:none;width:130px;height:82px;border-radius:3px;background:var(--film2);overflow:hidden;position:relative}
.hstrip .fr img,.hstrip .fr .ph{width:100%;height:100%;object-fit:cover;background:var(--film2);color:#9C8E7A;font-size:9px}
.hstrip .edge{position:absolute;left:8px;top:-1px;font-size:6px;letter-spacing:.2em;color:var(--edge);white-space:nowrap}
.title{padding:44px 0 0;display:flex;flex-direction:column;gap:8px}
.title h1{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:clamp(66px,19vw,104px);line-height:.9;letter-spacing:-.01em}
.title .hd{font-size:12px;letter-spacing:.08em;color:var(--acc)}
.sign{margin-top:30px;background:var(--sign);padding:12px 10px 14px;border-radius:2px;box-shadow:0 0 0 1px #000,0 14px 30px var(--shadow);display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px}
.sign .w{display:flex;gap:2px}
.sign .l{width:17px;height:26px;background:var(--tile);color:var(--tile-ink);display:flex;align-items:center;justify-content:center;font-family:'Pretendard','Gothic A1',sans-serif;font-weight:700;font-size:16px;line-height:1;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.quote{margin-top:20px;text-align:right;font-size:11px;line-height:1.9;letter-spacing:.05em;text-transform:uppercase;min-height:5.8em}
.quote .who{color:var(--acc)}
.quote .cr{color:var(--acc);animation:blink 1s steps(2) infinite}
.strip{position:relative;padding:12px 34px;background:var(--film);border-radius:2px;box-shadow:0 12px 30px var(--shadow)}
.strip .col{position:absolute;top:0;bottom:0;width:10px;display:flex;flex-direction:column;gap:9px;padding-top:6px;overflow:hidden}
.strip .col.l{left:10px}.strip .col.r{right:10px}
.strip .col span{flex:none;width:10px;height:8px;border-radius:2px;background:var(--bg)}
.strip .edgev{position:absolute;top:0;bottom:0;right:24px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.3em;color:var(--edge);opacity:.8;display:flex;align-items:center}
.frames{display:flex;flex-direction:column;gap:10px}
.frame{position:relative;display:flex;align-items:center;gap:14px;min-height:92px;padding:0 16px;background:var(--film2);border-radius:4px;color:#EDE5D8;transition:background .25s}
.frame:hover{background:#3A2F23}
.frame .no{width:22px;font-size:10px;color:#A89A85}
.frame .en{font-family:'Instrument Serif',serif;font-size:32px;line-height:1}
.frame .kr{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:#B7AA96;margin-top:4px}
.frame .tg{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#A89A85}
.frame.ext .tg{color:var(--edge)}
.frame .fn{position:absolute;left:6px;top:4px;font-size:7px;letter-spacing:.2em;color:var(--edge)}
.lineup{display:flex;gap:12px;overflow-x:auto;margin:0 -22px;padding:4px 22px 10px;scrollbar-width:none;scroll-snap-type:x mandatory}
.lineup::-webkit-scrollbar{display:none}
.lt{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-radius:3px;transition:transform .25s}
.lt:hover{transform:translateY(-3px) rotate(-1deg)}
.lt .tp{padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;min-height:160px}
.lt .fm{font-size:8px;letter-spacing:.14em;color:var(--ink2)}
.lt .en{font-family:'Instrument Serif',serif;font-style:italic;font-size:38px;line-height:1}
.lt .kr{font-family:'Gowun Batang','Hahmlet',serif;font-weight:600;font-size:15px}
.lt .bt{border-top:1px dashed var(--perf);padding:8px 14px;font-size:8px;letter-spacing:.12em;color:var(--ink2)}
footer{margin:56px 0 110px}
footer .mono{display:flex;justify-content:space-between;margin-top:8px}

.tt{position:fixed;right:16px;bottom:calc(max(96px,16vh) + env(safe-area-inset-bottom,0px));z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.deck{position:relative;width:92px;height:92px;border-radius:10px;background:var(--paper);box-shadow:0 10px 26px var(--shadow)}
.vinyl{position:absolute;left:8px;top:9px;width:70px;height:70px;border-radius:50%;
  background:repeating-radial-gradient(circle,#101010 0 1px,#1c1c1c 1px 3px);box-shadow:0 0 0 1px #000}
.vinyl::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px #1c1c1c}
.vinyl i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#000;z-index:1}
.deck.on .vinyl{animation:spin 1.8s linear infinite}
.arm{position:absolute;right:7px;top:7px;width:4px;height:54px;background:var(--ink2);border-radius:2px;transform-origin:50% 4px;transform:rotate(-8deg);transition:transform .6s}
.arm::before{content:"";position:absolute;top:-3px;left:-3px;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.arm::after{content:"";position:absolute;bottom:-3px;left:-2px;width:8px;height:6px;background:var(--ink);border-radius:1px}
.deck.on .arm{transform:rotate(24deg)}
.deck .lbl{position:absolute;left:0;right:0;bottom:-18px;font-weight:400;text-align:center;font-size:8px;letter-spacing:.14em;color:var(--dim)}
.ttp{width:min(300px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line2);box-shadow:0 12px 30px var(--shadow);padding:14px 16px;position:absolute;right:0;bottom:112px;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s}
.tt.open .ttp{visibility:visible;opacity:1;transform:none}
.ttv{position:relative;aspect-ratio:16/9;background:#000;margin-bottom:10px;overflow:hidden}
.ttv iframe,.ttv>div{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.ttv-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5C8374;z-index:-1}
.ttp .now{font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;color:var(--acc);margin-top:4px}
.ttp .ctl{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 8px;font-size:11px;letter-spacing:.1em}
.ttp .ctl button{min-height:36px}
.ttp .ctl button:hover{color:var(--acc)}
.ttp ol{list-style:none;margin:0;padding:0;max-height:180px;overflow:auto;border-top:1px solid var(--line)}
.ttp li button{width:100%;min-height:36px;display:flex;gap:10px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;border-bottom:1px solid var(--line);align-items:center}
.ttp li button[aria-current="true"]{color:var(--acc)}
.ttp li .mono{width:20px}

.pop{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--bg) 82%,transparent)}
.pop.open{display:flex}
.panel{position:relative;width:100%;max-width:520px;max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line2);box-shadow:0 20px 50px var(--shadow);animation:rise .3s ease-out}
@keyframes rise{from{opacity:0;transform:translateY(12px)}}
.panel .phd{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--paper);color:var(--ink);font-size:10px;letter-spacing:.14em;border-bottom:1.5px dashed var(--perf)}
.panel .phd button{min-height:32px;color:var(--ink)}
.panel .pbd{padding:18px 18px 20px}
.panel h3{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:20px;letter-spacing:-.02em}
.filmwin{position:relative;background:var(--film);padding:18px 12px;border-radius:2px}
.filmwin .holes{position:absolute;left:0;right:0;height:7px;display:flex;gap:8px;padding-left:6px;overflow:hidden}
.filmwin .holes.t{top:5px}.filmwin .holes.b{bottom:5px}
.filmwin .holes span{flex:none;width:8px;height:7px;border-radius:2px;background:var(--surface)}
.filmwin .fbox{display:flex;gap:12px;background:var(--film2);border-radius:3px;padding:10px;color:#EDE5D8;min-height:150px}
.filmwin .img{width:100px;height:136px;flex:none;border-radius:2px;overflow:hidden}
.filmwin .img .ph{background:#3A2F23;color:#A89A85}
.filmwin .tag{font-size:9px;letter-spacing:.12em;color:var(--edge)}
.filmwin .tt2{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px;line-height:1.35;margin-top:4px}
.filmwin .ln{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:#B7AA96;margin-top:4px}
.filmwin .stars{margin-top:auto;color:var(--edge);letter-spacing:.1em}
.winctl{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;letter-spacing:.1em}
.winctl button{min-height:44px;min-width:44px}
.winctl button:disabled{color:var(--faint);cursor:default}
.winctl button:not(:disabled){color:var(--acc)}
.loadmsg{display:flex;align-items:center;justify-content:center;min-height:150px;font-size:11px;letter-spacing:.2em;color:var(--edge)}
.toast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:260;background:var(--paper);color:var(--ink);font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;padding:9px 14px;opacity:0;transition:opacity .3s;pointer-events:none;max-width:90vw}
.toast.show{opacity:1}

.btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--text);font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s}
.btn:hover{background:var(--text);color:var(--bg)}
.btn.acc{border-color:var(--acc);color:var(--acc)}
.btn.acc:hover{background:var(--acc);color:var(--acc-ink)}
.fld{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.fld label{font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.fld input,.fld textarea,.fld select{width:100%;background:var(--bg);border:1px solid var(--line2);padding:10px 12px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;border-radius:0}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--acc)}
.chk{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--dim);cursor:pointer}
.chk input{accent-color:var(--acc);width:16px;height:16px;margin:0}
.starpick{display:flex;gap:4px;font-size:22px}
.starpick button{min-width:32px;min-height:36px;color:var(--faint)}
.starpick button.on{color:var(--acc)}
.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line2);overflow-x:auto;scrollbar-width:none;margin-top:24px}
.tab{flex:none;min-height:44px;font-size:12px;letter-spacing:.08em;color:var(--dim);border-bottom:1px solid transparent;margin-bottom:-1px;text-transform:uppercase}
.tab .ko{text-transform:none}
.tab[aria-selected="true"]{color:var(--text);border-color:var(--acc)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chip{min-height:32px;padding:0 10px;border:1px solid var(--line2);font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.chip[aria-pressed="true"]{border-color:var(--acc);color:var(--acc)}
.adminbar{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.empty{padding:34px 0;text-align:center;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--dim)}
.next-reel{display:flex;justify-content:space-between;align-items:baseline;margin-top:56px;padding:18px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.next-reel span:last-child{font-family:'Instrument Serif',serif;font-size:28px}
.next-reel:hover span:last-child{color:var(--acc)}

.halls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
@media (min-width:640px){.halls{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hall{position:relative;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-radius:3px;min-height:220px;transition:transform .25s}
.hall:hover{transform:translateY(-3px)}
.hall .hd{display:flex;justify-content:space-between;padding:10px 12px 8px;font-size:9px;letter-spacing:.12em;color:var(--ink2);border-bottom:1.5px dashed var(--perf)}
.hall .ic{display:flex;justify-content:center;padding:16px 0 6px;color:var(--ink)}
.hall .ic svg{width:64px;height:64px}
.hall .nm{padding:0 12px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hall .nm .en{font-family:'Instrument Serif',serif;font-style:italic;font-size:28px;line-height:1}
.hall .nm .kr{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:14px}
.hall .ph2{padding:6px 12px 12px;font-size:10px;letter-spacing:.08em;color:var(--ink2);text-transform:uppercase}
.hall.lock{background:var(--lock);color:var(--lock-ink)}
.hall.lock .hd,.hall.lock .ph2{color:var(--lock-ink);opacity:.8}
.hall.lock .ic{color:var(--lock-ink)}
.hall.lock .hd{border-bottom-color:color-mix(in srgb,var(--lock-ink) 35%,transparent)}
.hall .cnt{margin-top:auto;padding:8px 12px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);font-size:9px;letter-spacing:.12em;display:flex;justify-content:space-between}
.cathead{display:flex;gap:16px;align-items:center;margin-top:30px;padding:16px;background:var(--paper);color:var(--ink);border-radius:3px}
.cathead svg{width:56px;height:56px;flex:none}
.cathead .en{font-family:'Instrument Serif',serif;font-style:italic;font-size:44px;line-height:1}
.cathead .kr{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px}
.cathead .ph2{font-size:10px;letter-spacing:.1em;color:var(--ink2);text-transform:uppercase;margin-top:4px}
.posts{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.post{display:flex;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line2);border-radius:3px;transition:border-color .2s}
.post:hover{border-color:var(--acc)}
.post .pp{width:74px;flex:none;aspect-ratio:2/3;overflow:hidden;margin:12px 0 12px 12px}
.post .pp img,.post .pp .ph{width:100%;height:100%;object-fit:cover}
.post .pi{flex-grow:1;min-width:0;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.post .pt{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px;letter-spacing:-.02em;line-height:1.35}
.post .pc{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.post .ps{color:var(--acc);letter-spacing:.1em;font-size:12px}
.post .ht{display:flex;flex-wrap:wrap;gap:4px 8px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--acc)}
.post .dt{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px 12px}
.post .side{width:54px;flex:none;border-left:1.5px dashed var(--line2);display:flex;align-items:center;justify-content:center}
.post .side span{writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em;color:var(--dim)}
.pill{align-self:flex-start;font-size:9px;letter-spacing:.1em;padding:2px 7px;border:1px solid var(--line2);color:var(--dim)}
.pill.spo{border-color:var(--acc);color:var(--acc)}
.article{margin-top:24px}
.article .ahd{display:flex;background:var(--paper);color:var(--ink);border-radius:3px 3px 0 0}
.article .ahd .l{flex-grow:1;min-width:0;padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.article .ahd .r{width:80px;flex:none;border-left:1.5px dashed var(--perf);display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.14em;text-align:center}
.article .abd{background:var(--surface);border:1px solid var(--line2);border-top:0;padding:20px 18px 24px}
.article .meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;margin-top:14px}
.article .meta dt{font-family:'Questrial',sans-serif;font-size:10px;letter-spacing:.12em;color:var(--dim);padding-top:3px}
.article .meta dd{margin:0}
.article .body{margin-top:18px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.9;white-space:pre-wrap;word-break:keep-all}
.article .body.blur{filter:blur(7px);user-select:none}
.reveal{margin-top:10px}

/* ---------- TRPG ---------- */
.linkcard{display:flex;margin-top:22px;background:var(--acc);color:var(--acc-ink);border-radius:3px;transition:transform .2s}
.linkcard:hover{transform:translateY(-2px)}
.linkcard .l{flex-grow:1;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.linkcard .l b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:18px}
.linkcard .l span{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;opacity:.85}
.linkcard .r{width:76px;flex:none;border-left:1.5px dashed color-mix(in srgb,var(--acc-ink) 45%,transparent);display:flex;align-items:center;justify-content:center;font-size:22px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.card{background:var(--surface);border:1px solid var(--line2);border-radius:3px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px}
.card b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px;letter-spacing:-.02em}
.card .mono{text-transform:none}
.card .ci{aspect-ratio:1/1;overflow:hidden;border-radius:2px;margin-bottom:6px}
.rows{margin-top:16px;border-top:1px solid var(--line2)}
.rowi{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 2px;border-bottom:1px solid var(--line2);font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px}
.rowi b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:15px}
.rowi .mono{text-transform:none}
.state{font-size:10px;letter-spacing:.08em;padding:2px 8px;border:1px solid var(--acc);color:var(--acc);align-self:start;white-space:nowrap}
.state.mute{border-color:var(--line2);color:var(--dim)}
.pair{display:flex;align-items:center;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--line2);border-radius:3px;font-family:'Pretendard','Gothic A1',sans-serif}
.pair .x{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;color:var(--acc)}
.pair b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px}

/* ---------- DREAM ---------- */
.dreams{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
@media (min-width:640px){.dreams{grid-template-columns:1fr 1fr}}
.dcard{position:relative;display:flex;flex-direction:column;background:var(--lock);color:var(--lock-ink);border-radius:3px;overflow:hidden;min-height:260px;text-align:left}
.dcard .cv{height:150px;position:relative}
.dcard .cv .ph{background:color-mix(in srgb,var(--lock-ink) 12%,var(--lock));color:var(--lock-ink)}
.dcard .lk{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--lock) 55%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:10px;letter-spacing:.2em}
.dcard .lk svg{width:26px;height:26px}
.dcard .bd{padding:14px 16px;display:flex;flex-direction:column;gap:4px;border-top:1.5px dashed color-mix(in srgb,var(--lock-ink) 40%,transparent)}
.dcard .pn{font-family:'Instrument Serif',serif;font-style:italic;font-size:28px;line-height:1}
.dcard .ps2{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;opacity:.8}
.pw{display:flex;gap:8px;margin-top:14px}
.pw input{flex-grow:1;min-width:0;height:44px;background:var(--bg);border:1px solid var(--line2);padding:0 12px;font-size:16px;letter-spacing:.3em;border-radius:0}
.dtable{width:100%;border-collapse:collapse;margin-top:16px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px}
.dtable th{width:92px;text-align:left;font-family:'Questrial',sans-serif;font-weight:400;font-size:10px;letter-spacing:.12em;color:var(--dim);padding:8px 0;border-bottom:1px solid var(--line2);vertical-align:top}
.dtable td{padding:8px 0;border-bottom:1px solid var(--line2)}
.bigq{margin-top:22px;padding:18px;background:var(--paper);color:var(--ink);font-family:'Gowun Batang','Hahmlet',serif;font-weight:600;font-size:16px;line-height:1.6;text-align:center;border-radius:3px}
.phase{margin-top:22px;padding-left:18px;border-left:1px solid var(--acc)}
.phase .pk{font-size:10px;letter-spacing:.2em;color:var(--acc)}
.phase h4{margin:2px 0 4px;font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px}
.phase p{font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--dim)}
.rp{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.rp div{display:grid;grid-template-columns:76px 1fr;gap:10px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px}
.rp span{font-size:10px;letter-spacing:.08em;color:var(--dim);padding-top:3px}
details.snip{margin-top:10px;background:var(--surface);border:1px solid var(--line2);border-radius:3px}
details.snip summary{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;list-style:none}
details.snip summary::-webkit-details-marker{display:none}
details.snip .bdy{padding:0 14px 14px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;line-height:1.85;white-space:pre-wrap}

.idcard{display:flex;margin-top:28px;background:var(--paper);color:var(--ink);border-radius:4px;box-shadow:0 12px 30px var(--shadow)}
.idcard .ph3{width:108px;flex:none;margin:14px 0 14px 14px;aspect-ratio:3/4;overflow:hidden;border-radius:2px}
.idcard .inf{flex-grow:1;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.idcard .en{font-family:'Instrument Serif',serif;font-style:italic;font-size:18px;color:var(--ink2)}
.idcard h2{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:28px;letter-spacing:-.02em}
.plines{list-style:none;margin:0;padding:0}
.plines li{display:grid;grid-template-columns:2.4em 1fr;padding:14px 0;border-bottom:1px solid var(--line2);font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;animation:fadein .4s both}
.chat{margin-top:12px;border:1px solid var(--line2);background:var(--surface)}
.chat .chd{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--paper);color:var(--ink);font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;border-bottom:1.5px dashed var(--perf)}
.chat .box{padding:16px 14px;display:flex;flex-direction:column;gap:12px}
.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}
.msg.me{align-self:flex-end;align-items:flex-end}
.msg .bb{margin-top:3px;padding:9px 13px;background:var(--deep);font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.6;border-radius:2px 12px 12px 12px}
.msg.me .bb{background:var(--acc);color:var(--acc-ink);border-radius:12px 2px 12px 12px}
.chat form{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line2)}
.chat input{flex:1;min-width:0;height:44px;background:var(--bg);border:1px solid var(--line2);padding:0 12px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;border-radius:0}

.calw{width:300px;max-width:100%;margin:30px auto 0}
.calt{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line2)}
.calt button{width:44px;height:44px;color:var(--dim)}
.calt button:hover{color:var(--acc)}
.ym{text-align:center}
.ym b{display:block;font-weight:400;font-size:20px;letter-spacing:.08em}
.ym i{font-family:'Instrument Serif',serif;font-size:16px;color:var(--dim)}
.wds,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.wds{padding-top:10px;font-size:10px;color:var(--dim)}
.wds span{padding:4px 0 8px}
.day{height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;color:var(--faint)}
.day b{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:400}
.day.today b{border:1px solid var(--dim)}
.day i{width:4px;height:4px}
button.day{color:var(--text)}
button.day i{background:var(--acc);box-shadow:0 0 6px var(--acc)}
button.day:hover b{background:var(--deep)}
button.day.pk b{background:var(--acc);color:var(--acc-ink)}

/* ---------- LOG ---------- */
.logctl{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;letter-spacing:.1em}
.logctl button{min-height:44px;min-width:44px}
.logctl button:disabled{color:var(--faint);cursor:default}
.logctl button:not(:disabled){color:var(--acc)}
.entry .ehd{display:flex;background:var(--paper);color:var(--ink);border-radius:3px 3px 0 0}
.entry .ehd .l{flex-grow:1;min-width:0;padding:10px 14px}
.entry .ehd a{width:90px;flex:none;border-left:1.5px dashed var(--perf);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.12em}
.entry .ebd{position:relative;background:var(--surface);border:1px solid var(--line2);border-top:0;padding:22px 18px 26px}
.entry h2{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:20px;letter-spacing:-.02em;padding-right:64px}
.entry .tx{margin-top:14px;display:flex;flex-direction:column;gap:12px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.9}
.entry .tx p{text-indent:.8em;word-break:keep-all}
.stk{position:absolute;top:-10px;right:14px;width:60px;height:60px;border-radius:50%;background:var(--acc);color:var(--acc-ink);box-shadow:0 0 0 3px var(--paper),2px 4px 0 3px var(--shadow);transform:rotate(-12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;letter-spacing:.12em;line-height:1.3}
.stk b{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:15px;letter-spacing:0}
.thr{position:relative;margin-top:22px;padding-left:22px}
.thr::before{content:"";position:absolute;left:4px;top:8px;bottom:0;width:1px;background:var(--line2)}
.th{position:relative;display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
.th::before{content:"";position:absolute;left:-22px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--acc)}
.th p{padding:14px 16px;background:var(--surface);border:1px solid var(--line2);font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.7}

/* ---------- GUEST ---------- */
.gform{display:flex;margin-top:26px;background:var(--paper);color:var(--ink);border-radius:4px;box-shadow:0 12px 30px var(--shadow)}
.gform .l{flex-grow:1;min-width:0;padding:14px 16px}
.gform .row{display:flex;align-items:baseline;gap:10px;border-bottom:1px dashed var(--perf);padding:6px 0}
.gform .row label{flex:none;width:72px;font-size:10px;letter-spacing:.14em;color:var(--ink2)}
.gform input,.gform textarea{flex-grow:1;min-width:0;background:transparent;border:0;padding:6px 0;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;color:var(--ink);border-radius:0}
.gform textarea{min-height:84px;resize:vertical}
.gform input:focus,.gform textarea:focus{outline:none}
.gform input::placeholder,.gform textarea::placeholder{color:var(--ink2);opacity:.7}
.gform .bt{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.gform .chk{color:var(--ink2)}
.gform .chk input{accent-color:var(--ink)}
.gform .r{width:84px;flex:none;border-left:1.5px dashed var(--perf);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0}
.gform .save{background:var(--ink);color:var(--paper);padding:10px 12px;font-size:10px;letter-spacing:.18em;min-height:44px}
.gform .save:hover{background:color-mix(in srgb,var(--ink) 78%,var(--acc));color:var(--paper)}
.glist{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.gi{display:flex;background:var(--surface);border:1px solid var(--line2);border-radius:3px}
.gi .l{flex-grow:1;min-width:0;padding:12px 16px}
.gi .who{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.gi .who b{font-weight:400;color:var(--acc);font-size:12px;letter-spacing:.04em}
.gi p{margin-top:6px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.gi .sec2{color:var(--dim);font-family:'Nanum Gothic Coding',monospace;font-size:12px}
.gi .re{margin-top:10px;padding:8px 12px;background:var(--deep);font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px}
.gi .re span{font-family:'Questrial',sans-serif;font-size:10px;letter-spacing:.1em;color:var(--acc);margin-right:8px}
.gi .seatno{width:52px;flex:none;border-left:1.5px dashed var(--line2);display:flex;align-items:center;justify-content:center}
.gi .seatno span{writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:var(--dim)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .fx .grain,.fx .sc,.fx .dust,.fx .flick{animation:none}
}

@media (max-width:560px){.top{flex-direction:column-reverse;gap:10px;padding-top:30px}.nav{justify-content:flex-start;padding-left:4px}.hud{flex-direction:row;flex-wrap:wrap;gap:2px 12px}}
.phead h1.kr{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(34px,9vw,48px)}

.dreams.one{grid-template-columns:1fr}
.dcard.big{min-height:0}
.dcard.big .cv{height:min(440px,110vw);background-size:cover;background-position:center}
.dcover{margin-top:22px;height:min(360px,90vw);border-radius:3px;overflow:hidden;background-size:cover;background-position:center;background-color:var(--deep)}
.dlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dl{display:flex;align-items:stretch;background:var(--paper);color:var(--ink);border-radius:3px}
.dl .l{flex-grow:1;min-width:0;padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.dl .l b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px;letter-spacing:-.02em}
.dl .l .mono{color:var(--ink2);text-transform:none}
.dl .r{width:112px;flex:none;display:flex;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-size:24px;line-height:1;white-space:nowrap}
.dl .r.past{color:var(--ink2)}

.dhero{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.dhero .dcover{margin-top:0}
.reels{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.rp2{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.rp2 div{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:baseline}
.rp2 .mono{text-transform:none}
.rp2 p{font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.7}
.gal{position:relative;margin-top:18px;background:var(--film);padding:20px 12px;border-radius:2px;box-shadow:0 12px 30px var(--shadow)}
.gal .holes{position:absolute;left:0;right:0;height:8px;display:flex;gap:9px;padding-left:6px;overflow:hidden}
.gal .holes.t{top:6px}.gal .holes.b{bottom:6px}
.gal .holes span{flex:none;width:9px;height:8px;border-radius:2px;background:var(--bg)}
.gg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.gg{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gf{position:relative;display:flex;flex-direction:column;background:var(--film2);border-radius:3px;padding:8px;color:#EDE5D8}
.gf .gi2{aspect-ratio:3/4;overflow:hidden;border-radius:2px}
.gf .gi2 img,.gf .gi2 .ph{width:100%;height:100%;object-fit:cover;background:#3A2F23;color:#A89A85}
.gf .gc{font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:#B7AA96;margin-top:6px;text-align:left}
.gf .fn{position:absolute;right:10px;top:10px;font-size:7px;letter-spacing:.2em;color:var(--edge)}
.gf:hover{background:#3A2F23}
.rbody{margin-top:16px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.9;white-space:pre-wrap;word-break:keep-all}
.bigart{background:var(--deep);min-height:300px;display:flex}
.bigart img{width:100%;height:auto}

.skip{position:fixed;right:18px;top:calc(18px + env(safe-area-inset-top,0px));z-index:320;min-height:44px;padding:0 14px;font-size:11px;letter-spacing:.16em;color:#93B1A6;border:1px solid currentColor}
.loader .skip{color:var(--dim)}
.skip:hover{color:var(--text)}

button[disabled]{cursor:progress;opacity:.6}
.gform .save{position:relative;z-index:2;min-width:64px;min-height:56px}
.gi .who{flex-wrap:wrap;row-gap:2px}
.gi .gdt{text-transform:none;letter-spacing:.04em}

.bnwrap{display:flex;flex-direction:column;gap:26px}
.bnh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:10px;letter-spacing:.16em;color:var(--acc);margin-bottom:10px}
.bnh .ko{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;font-size:12px;color:var(--dim)}
.bnph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:31px;padding:0 8px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:10px;color:var(--dim);background:color-mix(in srgb,var(--text) 6%,transparent)}
.bnmine{display:flex;flex-wrap:wrap;gap:16px}
.bnframe{margin:0;padding:14px 14px 10px;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:2px;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--bg) 70%,transparent)}
.bnframe .bnimg{display:block;width:200px;height:40px;max-width:100%;padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}
.bnframe .bnimg:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow)}
.bnframe .bnimg img{width:200px;height:40px;object-fit:cover}
.bnframe figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:10px;line-height:1.4;color:var(--dim)}
.bnframe .cp{font-family:'Questrial',sans-serif;font-size:8px;letter-spacing:.14em;color:var(--acc);white-space:nowrap;align-self:flex-end}
.bnfilm2{position:relative;background:var(--film);padding:20px 10px;border-radius:2px;box-shadow:0 12px 30px var(--shadow)}
.bnfilm2 .holes{position:absolute;left:0;right:0;height:7px;display:flex;gap:9px;padding-left:6px;overflow:hidden}
.bnfilm2 .holes.t{top:6px}.bnfilm2 .holes.b{bottom:6px}
.bnfilm2 .holes span{flex:none;width:9px;height:7px;border-radius:2px;background:var(--bg)}
.bnally{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(80px,calc((100% - 32px) / 5)),1fr));gap:8px}
.bnshow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px 6px;background:var(--film2);border-radius:3px;transition:background .25s,transform .2s;min-width:0}
.bnshow:hover{background:#3A2F23;transform:translateY(-2px)}
.bnshow .bi{display:flex;align-items:center;justify-content:center;height:48px;width:100%}
.bnshow img{max-width:100%;max-height:48px;width:auto;height:auto}
.bnshow .bnph{background:#3A2F23;color:#A89A85;min-height:31px;font-size:9px}
.bnshow .nm{font-family:'Pretendard','Gothic A1',sans-serif;font-size:9px;color:#B7AA96;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bnwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,200px));justify-content:center;gap:8px;padding:10px;border:1px dashed var(--line2);border-radius:2px}
.bnbtn{display:block;aspect-ratio:5/1;overflow:hidden;filter:grayscale(.4) brightness(.92);transition:filter .2s,transform .2s}
.bnbtn:hover{filter:none;transform:translateY(-1px)}
.bnbtn img{width:100%;height:100%;object-fit:cover;display:block}
.bnbtn .bnph{font-size:9px}
.pop .bnwrap{margin-top:4px}

:root{--notch:var(--bg)}
.pop .pbd{--notch:var(--surface)}
.lt .bt,.dcard .bd{position:relative}
.lt .bt::before,.lt .bt::after,.dcard .bd::before,.dcard .bd::after{content:"";position:absolute;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--notch)}
.lt .bt::before,.dcard .bd::before{left:-7px}.lt .bt::after,.dcard .bd::after{right:-7px}
.hall .hd,.chat .chd,.panel .phd{position:relative}
.hall .hd::before,.hall .hd::after,.chat .chd::before,.chat .chd::after,.panel .phd::before,.panel .phd::after{content:"";position:absolute;bottom:-8px;width:14px;height:14px;border-radius:50%;background:var(--notch)}
.hall .hd::before,.chat .chd::before,.panel .phd::before{left:-7px}.hall .hd::after,.chat .chd::after,.panel .phd::after{right:-7px}
.panel .phd::before,.panel .phd::after{background:var(--bg)}
.post .side,.article .ahd .r,.entry .ehd a,.gform .r,.gi .seatno,.linkcard .r{position:relative}
.post .side::before,.post .side::after,.article .ahd .r::before,.article .ahd .r::after,.entry .ehd a::before,.entry .ehd a::after,.gform .r::before,.gform .r::after,.gi .seatno::before,.gi .seatno::after,.linkcard .r::before,.linkcard .r::after{content:"";position:absolute;left:-8px;width:14px;height:14px;border-radius:50%;background:var(--notch)}
.post .side::before,.article .ahd .r::before,.entry .ehd a::before,.gform .r::before,.gi .seatno::before,.linkcard .r::before{top:-8px}
.post .side::after,.gform .r::after,.gi .seatno::after,.linkcard .r::after{bottom:-8px}
.article .ahd .r::after,.entry .ehd a::after{display:none}
.tstub .n{position:relative}
.tstub .n::before,.tstub .n::after{content:"";position:absolute;right:-5px;width:9px;height:9px;border-radius:50%;background:var(--notch)}
.tstub .n::before{top:-5px}.tstub .n::after{bottom:-5px}
.post,.gi,.chat{overflow:visible}
.chat .box{max-height:460px;overflow-y:auto}
.chatdiv{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:9px;letter-spacing:.16em;color:var(--dim)}
.chatdiv::before,.chatdiv::after{content:"";flex:1;border-top:1px dashed var(--line2)}
.msg .sec3{font-family:'Nanum Gothic Coding',monospace;font-size:12px;opacity:.75}

.cur.tap{display:block;animation:tapIn .16s ease-out}
@keyframes tapIn{from{opacity:0;scale:.6}}

.intermission{position:relative;display:flex;align-items:center;justify-content:center;margin:64px -22px 28px;height:20px}
.intermission::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed var(--line2)}
.intermission span{position:relative;padding:3px 14px;background:var(--bg);border:1px solid var(--line2);border-radius:999px;font-size:9px;letter-spacing:.3em;color:var(--dim)}
.bnpanel{position:relative;border:1px solid var(--line2);border-radius:4px;background:color-mix(in srgb,var(--surface) 70%,transparent)}
.bnpanel-h{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 16px;background:var(--paper);color:var(--ink);border-radius:3px 3px 0 0;border-bottom:1.5px dashed var(--perf);font-size:10px;letter-spacing:.18em}
.bnpanel-h .ko{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;font-size:12px;color:var(--ink2)}
.bnpanel-h::before,.bnpanel-h::after{content:"";position:absolute;bottom:-8px;width:14px;height:14px;border-radius:50%;background:var(--bg)}
.bnpanel-h::before{left:-8px}.bnpanel-h::after{right:-8px}
.bnpanel-b{padding:20px 16px 18px}
.bnpanel-b .bnfilm2{margin:0 -4px}

.day{height:48px;gap:4px}
.day .sq{display:flex;gap:2px;height:6px;align-items:center}
.day .sq i{width:6px;height:6px;border-radius:1px;box-shadow:0 0 0 .5px color-mix(in srgb,var(--text) 25%,transparent)}
.day .sq em{font-style:normal;font-size:8px;line-height:6px;color:var(--dim)}
button.day i{box-shadow:0 0 0 .5px color-mix(in srgb,var(--text) 25%,transparent)}
button.day.pk b{background:var(--text);color:var(--bg)}
.legend2{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line2);font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--dim)}
.legend2 span{display:flex;align-items:center;gap:6px}
.legend2 i{width:8px;height:8px;border-radius:1px}
.caltip{position:absolute;z-index:140;min-width:200px;max-width:min(300px,calc(100vw - 20px));background:var(--paper);color:var(--ink);border-radius:4px;box-shadow:0 12px 30px var(--shadow);padding:0 0 6px;pointer-events:auto;animation:fadein .15s}
.caltip[hidden]{display:none}
.caltip::after{content:"";position:absolute;left:var(--ax,50%);bottom:-6px;width:12px;height:12px;margin-left:-6px;background:var(--paper);transform:rotate(45deg)}
.caltip.below::after{bottom:auto;top:-6px}
.caltip .th2{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1.5px dashed var(--perf);font-size:10px;letter-spacing:.12em;color:var(--ink2)}
.caltip ul{list-style:none;margin:0;padding:4px 12px 0}
.caltip li{display:grid;grid-template-columns:8px 40px 1fr;gap:8px;align-items:start;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.caltip li:last-child{border-bottom:0}
.caltip li i{width:8px;height:8px;border-radius:1px;margin-top:5px;box-shadow:0 0 0 .5px color-mix(in srgb,var(--ink) 40%,transparent)}
.caltip .tm{font-family:'Nanum Gothic Coding',monospace;font-size:12px;font-weight:700}
.caltip .tt3{display:flex;flex-direction:column;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;line-height:1.45}
.caltip .tt3 b{font-weight:700}
.caltip .tt3 em{font-style:normal;font-size:11px;color:var(--ink2)}
.caltip .tt3 small{font-size:11px;color:var(--ink2)}

.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sky i{position:absolute;border-radius:50%;background:var(--star,#DDE8E3);opacity:.15;animation:twinkle 5s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.12}50%{opacity:.85}}
.sky .shoot{position:absolute;top:12%;left:-20%;width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--star,#DDE8E3));transform:rotate(18deg);opacity:0;animation:shoot 14s linear infinite 4s}
@keyframes shoot{0%{transform:translate(0,0) rotate(18deg);opacity:0}2%{opacity:.9}9%{transform:translate(70vw,24vh) rotate(18deg);opacity:0}100%{opacity:0}}
[data-theme="day"]{--star:#5D866C}
[data-theme="day"] .sky i{opacity:.1}
#app{position:relative;z-index:1}

.title{position:relative}
.title .orbit{position:absolute;left:-14%;right:-6%;top:-6px;height:clamp(200px,52vw,280px);color:var(--acc);pointer-events:none;z-index:-1}
.title .orbit svg{width:100%;height:100%;overflow:visible}
.title .orbit .tw{animation:twinkle 4s ease-in-out infinite}
.title h1,.title .hd{position:relative}

.bnmine{justify-content:center;max-width:500px;margin:0 auto}
.bnframe{flex:0 0 230px;width:230px;box-sizing:border-box}
.bnframe figcaption{flex-direction:column;gap:2px}
.bnframe .cp{align-self:flex-end}

.calgrid{display:grid;gap:26px;margin-top:30px}
@media (min-width:700px){.calgrid{grid-template-columns:300px 1fr;align-items:start}}
.calgrid .calw{margin:0 auto}
.upnext{background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid color-mix(in srgb,var(--line2) 70%,transparent);border-radius:3px;padding:12px 14px}
.uph{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;letter-spacing:.16em;color:var(--acc);padding-bottom:8px;border-bottom:1px dashed var(--line2)}
.uph .ko{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;font-size:12px;color:var(--dim)}
.upnext ol{list-style:none;margin:0;padding:0}
.upnext li{display:grid;grid-template-columns:8px 58px 44px 1fr auto;gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--line2) 55%,transparent);font-size:13px}
.upnext li:last-child{border-bottom:0}
.upnext li i{width:8px;height:8px;border-radius:1px;align-self:center}
.upnext .ud{font-size:12px;letter-spacing:.04em}
.upnext .ud small{color:var(--dim);font-family:'Pretendard','Gothic A1',sans-serif}
.upnext .ut{font-family:'Nanum Gothic Coding',monospace;font-size:12px;color:var(--dim)}
.upnext .un{font-family:'Pretendard','Gothic A1',sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis}
.upnext .un em{font-style:normal;font-size:11px;color:var(--dim)}
.upnext .uday{font-family:'Instrument Serif',serif;font-size:16px;color:var(--acc);white-space:nowrap}

.tabs{background:color-mix(in srgb,var(--surface) 62%,transparent);border:1px solid color-mix(in srgb,var(--line2) 60%,transparent);border-bottom-color:var(--line2);padding:0 14px;border-radius:3px 3px 0 0}
.plines,.rows,.thr,.reels{background:color-mix(in srgb,var(--surface) 30%,transparent);border:1px solid color-mix(in srgb,var(--line2) 45%,transparent);border-top:0;border-radius:0 0 3px 3px;padding-left:14px;padding-right:14px}
.plines li{border-bottom-color:color-mix(in srgb,var(--line2) 60%,transparent)}
.rows{margin-top:0}
.thr{margin-top:0;padding-top:16px;padding-left:36px}
.thr::before{left:18px}
.reels{margin-top:0;padding-top:16px;padding-bottom:16px}
.sec{padding:8px 12px;background:color-mix(in srgb,var(--surface) 45%,transparent);border-left:2px solid var(--acc);border-radius:0 3px 3px 0}
.broken{font-size:10px!important;line-height:1.4;padding:6px!important;word-break:break-all;text-align:center}

@media (prefers-reduced-motion:reduce){.sky i,.sky .shoot,.title .orbit .tw{animation:none}.title .orbit animateMotion{display:none}}

.bnframe{flex:0 0 auto;width:auto;padding:12px}
.bnframe .bnimg{position:relative;display:block}
.bndesc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 10px;background:color-mix(in srgb,var(--bg) 74%,transparent);color:var(--text);font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;line-height:1.3;text-align:center;opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
.bnimg:hover .bndesc,.bnimg:focus-visible .bndesc,.bnimg:active .bndesc{opacity:1}
.bnmine{max-width:540px}

.idcard{align-items:stretch}
.idcard .ph3{width:128px;aspect-ratio:auto;min-height:150px;margin:12px 0 12px 12px;align-self:stretch}
.ph3 img,.filmwin .img img,.card .ci img,.post .pp img,.idcard .ph3 .ph{width:100%;height:100%;object-fit:cover;object-position:center}
@media (min-width:640px){.idcard .ph3{width:150px;min-height:180px}}

.rate{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:12px 14px;border:1px solid color-mix(in srgb,#D05A4E 55%,transparent);border-radius:3px;background:color-mix(in srgb,#D05A4E 8%,transparent)}
.rate .rb{flex:none;width:34px;height:34px;border-radius:50%;background:#C8443A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:'Pretendard','Gothic A1',sans-serif}
.rate .rt{display:flex;flex-direction:column;gap:2px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.rate .rt b{font-size:14px;color:var(--text);font-weight:700}
.rate .w::before{content:"· "}
.dquote{margin-top:22px;padding:16px 18px;background:color-mix(in srgb,var(--surface) 45%,transparent);border-left:2px solid var(--acc);border-radius:0 3px 3px 0;position:relative}
.dquote p{margin-top:6px;font-family:'Gowun Batang','Hahmlet',serif;font-weight:600;font-size:16px;line-height:1.6;min-height:3.2em;transition:opacity .25s}
.dquote .dqn{position:absolute;right:14px;top:14px}
.pill.r19{border-color:#C8443A;color:#E07A70;margin-left:6px;vertical-align:2px}
.dbody{margin-top:0}
.dchars{display:grid;gap:14px;margin-top:16px}
@media (min-width:700px){.dchars{grid-template-columns:1fr 1fr}}
.dchar{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-radius:4px;overflow:hidden;box-shadow:0 12px 30px var(--shadow)}
.dchar .dci{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--deep)}
.dchar .dci img,.dchar .dci .ph{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.dchar .crd{position:absolute;right:8px;bottom:8px;padding:2px 8px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;letter-spacing:.06em;border-radius:2px}
.dchar .dcb{position:relative;padding:16px 16px 18px;border-top:1.5px dashed var(--perf)}
.dchar .dcb::before,.dchar .dcb::after{content:"";position:absolute;top:-8px;width:14px;height:14px;border-radius:50%;background:var(--notch)}
.dchar .dcb::before{left:-8px}.dchar .dcb::after{right:-8px}
.dchar h3{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:22px;margin-top:6px}
.dchar .en{font-family:'Instrument Serif',serif;font-style:italic;font-size:16px;color:var(--ink2)}
.chips2{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.chips2 span{padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:999px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px}
.dchar .lead{margin-top:12px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;line-height:1.8}
.dchar details.more{margin-top:8px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;line-height:1.8}
.dchar details.more summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:11px;letter-spacing:.1em;color:var(--ink2)}
.dchar details.more p{margin-top:8px}
.calls{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.callrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;background:color-mix(in srgb,var(--surface) 45%,transparent);border:1px solid color-mix(in srgb,var(--line2) 60%,transparent);border-radius:3px}
.callrow .who2{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:14px}
.callrow .who2 em{font-style:normal;color:var(--acc)}
.callrow .cl{display:flex;flex-wrap:wrap;gap:6px}
.callrow .cl b{font-weight:400;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;padding:3px 10px;background:var(--paper);color:var(--ink);border-radius:999px}
.chaps{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.chap{display:flex;align-items:center;gap:14px;width:100%;min-height:96px;padding:12px 16px;background:var(--film);border-radius:3px;color:#EDE5D8;text-align:left;position:relative;transition:background .2s}
.chap:hover:not(:disabled){background:var(--film2)}
.chap .cn{font-family:'Instrument Serif',serif;font-size:44px;line-height:1;color:var(--edge);width:52px;flex:none}
.chap .ct{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}
.chap .ct .mono{color:#A89A85}
.chap .ct b{font-family:'Instrument Serif',serif;font-weight:400;font-size:22px;line-height:1.2}
.chap .ct em{font-style:normal;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:#B7AA96}
.chap .cimg{width:96px;height:68px;flex:none;border-radius:2px;overflow:hidden}
.chap .cimg img{width:100%;height:100%;object-fit:cover}
.chap .cgo{flex:none;font-size:10px;letter-spacing:.14em;color:var(--edge)}
.chap.wip{opacity:.55;cursor:default}
.rbody.chapter p{margin-bottom:14px;text-indent:.6em}
.gf .gt{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;font-weight:700;margin-top:6px;text-align:left}
.gf .gc{margin-top:2px}
.gf .gi2{position:relative}
.gf .cnt2{position:absolute;right:6px;top:6px;padding:1px 6px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;border-radius:2px}
.pages{display:flex;flex-direction:column;gap:10px}
.pages .pg img,.pages .bigart img{width:100%;height:auto}

.bnshow .bi,.bnbtn{position:relative}
.bnshow .nm{display:none}
.bndesc b{font-weight:700;font-size:11px}
.bndesc small{display:block;font-size:10px;opacity:.85;margin-top:1px}
.bndesc{flex-direction:column}
.bnshow:hover .bndesc,.bnshow:focus-visible .bndesc,.bnshow:active .bndesc,.bnbtn:hover .bndesc,.bnbtn:focus-visible .bndesc,.bnbtn:active .bndesc{opacity:1}
.bnbtn{filter:none}
.bnbtn img{filter:grayscale(.4) brightness(.92);transition:filter .2s}
.bnbtn:hover img{filter:none}
.gn{display:block;margin-top:4px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;font-style:normal;color:var(--dim);text-align:left}
.gf .gn{color:#B7AA96}

/* 드림 프로필 */
.dprof{margin:0 16px 16px;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:3px;background:color-mix(in srgb,var(--ink) 4%,transparent)}
.dph{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1.5px dashed var(--perf);font-size:9px;letter-spacing:.16em;color:var(--ink2)}
.dph span:last-child{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;font-size:11px}
.dpg{padding:8px 12px 2px;font-size:9px;letter-spacing:.16em;color:var(--ink2);text-transform:uppercase}
.dprof dl{margin:0;padding:2px 12px 8px}
.dprof dl div{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent);font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;line-height:1.6}
.dprof dl div:last-child{border-bottom:0}
.dprof dt{font-size:11px;color:var(--ink2);padding-top:2px}
.dprof dd{margin:0}
/* 읽기 */
.rd{margin-top:14px}
.rd.split{display:grid;gap:16px}
@media (min-width:640px){.rd.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.rd.split .pages{position:sticky;top:0}}
.rd .rbody{margin-top:0}
.panel{max-width:min(860px,100%)}

/* 더 보기 / 접기 */
.dchar details.more summary{list-style:none}
.dchar details.more summary::-webkit-details-marker{display:none}
.dchar details.more .mc,.dchar details.more[open] .mo{display:none}
.dchar details.more[open] .mc{display:inline}

/* 필름 칸 3:2 */
.hstrip .fr{width:123px}
a.tstub{color:var(--ink)}
.pop .gform{box-shadow:none}

/* 여러 날짜 */
.mdate{display:flex;flex-direction:column;gap:8px}
.md-row{display:flex;gap:8px}
.md-row .md-in{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line2);padding:10px 12px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;border-radius:0}
.md-row .btn{min-height:44px;font-size:10px}
.md-chips{display:flex;flex-wrap:wrap;gap:6px}
.md-c{display:inline-flex;align-items:center;gap:6px;color:var(--text)}
.md-c button{min-width:24px;min-height:24px;color:var(--dim)}
.md-c button:hover{color:var(--acc)}
/* 게이지 */
.gline{display:flex;align-items:center;gap:8px}
.gauge{position:relative;display:inline-block;width:120px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text) 14%,transparent);overflow:hidden;vertical-align:middle}
.gauge i{position:absolute;left:0;top:0;bottom:0;background:var(--acc);border-radius:999px;transition:width .6s ease}
.gv{font-size:11px;letter-spacing:.06em;color:var(--acc)}
.ahd .gline{font-family:'Nanum Gothic Coding',monospace;font-size:12px;font-weight:700;margin-top:2px}
.ahd .gauge{background:color-mix(in srgb,var(--ink) 18%,transparent)}
.ahd .gauge i{background:var(--ink)}
.ahd .gv{color:var(--ink)}
/* 세션 카드 */
.sess{display:grid;gap:10px;margin-top:16px}
@media (min-width:640px){.sess{grid-template-columns:1fr 1fr}}
.ses{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface);border:1px solid var(--line2);border-radius:3px;transition:border-color .2s,transform .2s}
.ses:hover{border-color:var(--acc);transform:translateY(-2px)}
.ses .sh{display:flex;justify-content:space-between;align-items:center}
.ses b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px;letter-spacing:-.02em;line-height:1.35;margin-top:4px}
.ses .sd{text-transform:none;color:var(--acc)}
.ses .sm{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.ses .sx{font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;line-height:1.6;margin-top:4px}
.ses .sgo{margin-top:6px;align-self:flex-end;color:var(--acc)}
/* 라인업 넘기기 · 두 가지 색 티켓 */
.lnav{display:flex;align-items:center;gap:6px}
.lnav button{width:36px;height:36px;border:1px solid var(--line2);border-radius:50%;color:var(--text);font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.lnav button:hover{border-color:var(--acc);color:var(--acc)}
.lineup{scroll-behavior:smooth}
.lt{overflow:hidden}
.lt .bt{background:color-mix(in srgb,var(--paper) 78%,var(--ink));color:var(--ink)}
/* 새 방명록 알림 */
.newg{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:8px 14px;border:1px solid var(--acc);border-radius:999px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--acc) 12%,transparent)}
.newg i{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);animation:blink 1.2s steps(2) infinite}
.newg .mono{color:var(--acc)}
/* 글쓰기 종류 고르기 */
.pick2{display:grid;gap:10px}
@media (min-width:520px){.pick2{grid-template-columns:1fr 1fr}}
.pk2{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border:1px solid var(--line2);border-radius:3px;text-align:left;transition:border-color .2s}
.pk2:hover{border-color:var(--acc)}
.pk2 b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:18px}
.pk2 span{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
/* 일기 스티커 · 일기 */
.stk.g b{font-family:'Pretendard','Gothic A1',sans-serif;font-style:normal;font-size:22px;line-height:1}
.stk.g span{font-size:7px}
.entry.diary .ebd{background:color-mix(in srgb,var(--surface) 80%,var(--paper) 6%)}
.entry.diary .tx p{text-indent:0}
/* 드림 입구 사진 공개 */
.dcard .cv.open{background-size:cover;background-position:center}
.lk2{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:color-mix(in srgb,var(--lock) 78%,transparent);color:var(--lock-ink);font-size:9px;letter-spacing:.18em;border-radius:2px}
.lk2 svg{width:14px;height:14px}

/* 티켓 밖 감상 */
.outrev{margin-top:16px;padding:16px 18px 18px;background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid color-mix(in srgb,var(--line2) 70%,transparent);border-radius:3px}
.orh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;margin-bottom:12px;border-bottom:1px dashed var(--line2);font-size:10px;letter-spacing:.18em;color:var(--acc)}
.orh .ko{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;font-size:12px;color:var(--dim)}
.outrev .body{margin-top:0;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;line-height:1.9;white-space:pre-wrap;word-break:keep-all}
.oneline{margin-top:14px;padding:10px 12px;border-left:2px solid var(--acc);background:color-mix(in srgb,var(--paper) 60%,transparent);font-family:'Gowun Batang','Hahmlet',serif;font-weight:600;font-size:15px;line-height:1.55;color:var(--ink)}
.abd .oneline{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}
.post .ol{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.season{margin-top:6px}
.season .sn{font-size:10px;letter-spacing:.2em;color:var(--acc);padding:10px 0 6px}
details.ep{border-top:1px solid color-mix(in srgb,var(--line2) 60%,transparent)}
details.ep summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none}
details.ep summary::-webkit-details-marker{display:none}
details.ep .en2{font-family:'Instrument Serif',serif;font-size:20px;color:var(--acc);width:44px}
details.ep .et{flex:1;font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px}
details.ep .body{padding:4px 0 14px 54px}
.epx{min-height:32px;margin:0 0 10px 54px;color:var(--dim)}
/* TRPG 카드·페어·도토리 */
.card.ck2{transition:border-color .2s,transform .2s}.card.ck2:hover{border-color:var(--acc);transform:translateY(-2px)}
.card .sgo,.pair .sgo{color:var(--acc);align-self:flex-end}
.pair.pk3{transition:border-color .2s}.pair.pk3:hover{border-color:var(--acc)}
.pair .pimg{width:44px;height:44px;flex:none;border-radius:2px;overflow:hidden}.pair .pimg img{width:100%;height:100%;object-fit:cover}
.pair .pl2{margin-left:auto;font-size:12px;color:var(--dim)}
.rowi.lnk{transition:background .2s}.rowi.lnk:hover{background:color-mix(in srgb,var(--acc) 10%,transparent)}
.lk3{color:var(--acc);font-size:12px}
.pcard{display:flex;flex-direction:column;margin-top:24px;background:var(--paper);color:var(--ink);border-radius:4px;overflow:hidden;box-shadow:0 12px 30px var(--shadow)}
@media (min-width:640px){.pcard{flex-direction:row}}
.pct{position:relative;flex:none;aspect-ratio:1/1;background:color-mix(in srgb,var(--paper) 82%,var(--ink))}
@media (min-width:640px){.pct{width:240px}}
.pct img,.pct .ph{width:100%;height:100%;object-fit:cover}
.pcb{position:relative;flex:1;padding:16px 18px 18px;border-top:1.5px dashed var(--perf)}
@media (min-width:640px){.pcb{border-top:0;border-left:1.5px dashed var(--perf)}}
.pcb .r1{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;color:var(--ink2)}
.pcb .r1 button{min-height:32px;color:var(--ink);font-size:10px;letter-spacing:.14em}
.pcb h3{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:24px;margin-top:6px}
.pcb .oneline{background:color-mix(in srgb,var(--ink) 6%,transparent)}
/* 일기 블로그 */
.blog{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line2)}
.blog li a{display:flex;flex-direction:column;gap:3px;padding:14px 4px;border-bottom:1px solid var(--line2);transition:background .2s}
.blog li a:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.blog .bd2{text-transform:none}
.blog .bt2{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:16px;letter-spacing:-.02em}
.blog .bx{font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;color:var(--dim)}
.stm{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid var(--acc);border-radius:999px;font-family:'Pretendard','Gothic A1',sans-serif;font-weight:400;font-size:10px;color:var(--acc);vertical-align:2px}
.ehb{width:90px;flex:none;border-left:1.5px dashed var(--perf);font-size:10px;letter-spacing:.12em;color:var(--ink)}
.logctl a{min-height:44px;display:inline-flex;align-items:center;color:var(--acc)}
/* 사진 올리기 */
.upb{margin-left:10px;padding:2px 8px;border:1px solid var(--acc);border-radius:999px;font-size:10px;letter-spacing:0;color:var(--acc);text-transform:none;font-family:'Pretendard','Gothic A1',sans-serif}
.upb:disabled{opacity:.6}
/* 프로필 */
.idcard.v2{--cut:154px;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 86%,var(--ink)) 0 var(--cut),var(--paper) var(--cut))}
@media (min-width:640px){.idcard.v2{--cut:176px}}
.idcard .genres{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.idcard .genres span{padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:999px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px}
.idcard .since{margin-top:auto;padding-top:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--surface) 55%,transparent)}
.stats div{display:flex;flex-direction:column;align-items:center;padding:12px 4px;border-left:1px dashed var(--line2)}
.stats div:first-child{border-left:0}
.stats b{font-family:'Instrument Serif',serif;font-weight:400;font-size:28px;line-height:1;color:var(--acc)}
.stats span{font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--dim);margin-top:4px}
.favs{position:relative;background:var(--film);padding:20px 12px;border-radius:2px;overflow:hidden;box-shadow:0 12px 30px var(--shadow)}
.favs .holes{position:absolute;left:0;right:0;height:7px;display:flex;gap:9px;padding-left:6px;overflow:hidden}
.favs .holes.t{top:6px}.favs .holes.b{bottom:6px}
.favs .holes span{flex:none;width:9px;height:7px;border-radius:2px;background:var(--bg)}
.fr2{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.fr2::-webkit-scrollbar{display:none}
.fv{position:relative;flex:0 0 136px;scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;min-height:110px;padding:20px 12px 10px;background:var(--film2);border-radius:3px;color:#EDE5D8}
.fv .fn{position:absolute;left:8px;top:5px;font-size:7px;color:var(--edge)}
.fv b{font-family:'Gowun Batang','Hahmlet',serif;font-weight:700;font-size:15px;line-height:1.3}
.fv em{font-family:'Instrument Serif',serif;font-size:15px;color:#B7AA96}
.fv .mono{margin-top:auto;color:#A89A85;text-transform:none}
.chans{display:flex;flex-direction:column;gap:8px}
.tstub.chn{max-width:none;width:100%}
.tstub.chn .t{display:flex;flex-direction:column;flex:1}
.tstub.chn .t b{font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px}
.tstub.chn .t small{font-size:10px;opacity:.75}
.tstub.chn .go2{display:flex;align-items:center;padding:0 14px;border-left:1px dashed var(--perf);background:color-mix(in srgb,var(--paper) 86%,var(--ink))}
.osts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.osts button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 4px;border-bottom:1px solid var(--line2);text-align:left}
.osts button:hover .op{color:var(--acc)}
.osts .ot{display:flex;flex-direction:column;flex:1;min-width:0}
.osts .ot b{font-family:'Pretendard','Gothic A1',sans-serif;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osts .ot small{font-size:11px;color:var(--dim)}
.osts .op{color:var(--dim)}
.credits{position:relative;height:230px;margin-top:48px;overflow:hidden;border:1px solid var(--line2);border-radius:3px;background:#020608;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.credits .roll{position:absolute;left:0;right:0;text-align:center;animation:roll 26s linear infinite;color:#E2EAE6}
.credits p{margin:0 0 22px;display:flex;flex-direction:column;gap:2px}
.credits small{font-family:'Questrial',sans-serif;font-size:9px;letter-spacing:.24em;color:#7FA394;text-transform:uppercase}
.credits b{font-family:'Instrument Serif',serif;font-weight:400;font-size:20px}
@keyframes roll{from{transform:translateY(230px)}to{transform:translateY(-100%)}}
/* 절취선 위아래 */
.tstub .n{background:color-mix(in srgb,var(--paper) 86%,var(--ink));border-radius:3px 0 0 3px}
.tstub.on .n{background:color-mix(in srgb,var(--ink) 86%,var(--paper))}
.hall .hd{background:color-mix(in srgb,var(--paper) 88%,var(--ink));border-radius:3px 3px 0 0}
.hall.lock .hd{background:color-mix(in srgb,var(--lock) 86%,var(--lock-ink))}
.post .side{background:color-mix(in srgb,var(--surface) 84%,var(--text) 6%)}
.article .ahd .r,.entry .ehd a,.ehb{background:color-mix(in srgb,var(--paper) 86%,var(--ink))}
.gform .r{background:color-mix(in srgb,var(--paper) 86%,var(--ink));border-radius:0 4px 4px 0}
.gi .seatno{background:color-mix(in srgb,var(--surface) 84%,var(--text) 6%)}
.linkcard .r{background:color-mix(in srgb,var(--acc) 84%,var(--acc-ink))}
.dcard .bd{background:color-mix(in srgb,var(--lock) 88%,var(--lock-ink))}
.ticket .stb{background:color-mix(in srgb,var(--paper) 86%,var(--ink));border-radius:0 4px 4px 0}
.dl .r{background:color-mix(in srgb,var(--paper) 86%,var(--ink));border-radius:0 3px 3px 0}
@media (prefers-reduced-motion:reduce){.credits .roll{animation:none;position:static}}

/* 배경 */
.vig{position:fixed;inset:0;z-index:140;pointer-events:none;background:radial-gradient(ellipse 80% 75% at 50% 42%,transparent 55%,rgba(0,0,0,.48) 100%)}
[data-theme="day"] .vig{background:radial-gradient(ellipse 80% 75% at 50% 42%,transparent 58%,rgba(70,52,30,.16) 100%)}
.post,.ses,.card,.gi,.outrev,.upnext,.stats{box-shadow:0 10px 24px -14px var(--shadow)}
/* 엔딩 크레딧 (홈) */
.credits{height:300px;margin-top:10px}
.credits .roll{animation-duration:46s}
.credits .qw{font-family:'Questrial',sans-serif;font-size:9px;letter-spacing:.2em;color:#7FA394}
@keyframes roll{from{transform:translateY(300px)}to{transform:translateY(-100%)}}
.credits b{font-family:'Instrument Serif','Gowun Batang',serif;font-weight:400;font-size:20px;letter-spacing:.01em}
.credits p:not(.mono) b+b{margin-top:2px}
.credits i{display:block;margin:10px auto 2px;max-width:30em;padding:0 16px;font-family:'Instrument Serif','Gowun Batang',serif;font-style:italic;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.01em}
.credits small{font-size:9px;letter-spacing:.28em}
/* 다른 상영관 필름 */
a.fv{transition:background .2s}a.fv:hover{background:#3A2F23}
.fv .fk{color:var(--edge);text-transform:none;font-size:8px}
.favs .fr2{scroll-behavior:smooth}
/* ID 카드 문구 */
.chs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chl{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;background:var(--ink);color:var(--paper);border-radius:2px;position:relative;cursor:default;font-family:'Nanum Pen Script','Gowun Batang',cursive;font-size:15px;letter-spacing:.02em}
.chl::before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--paper)}
/* 글씨 다듬기 */
body{word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.body,.rbody,.outrev .body,.entry .tx,.article .body{font-size:15px;line-height:1.85;letter-spacing:-.005em}
.post .pt,.ses b,.card b,.pair b,.blog .bt2,.entry h2,.dchar h3,.pcb h3,.panel h3,.article h3,.idcard h2{letter-spacing:-.01em}
.entry h2{font-size:22px}
.post .pt{font-size:16px}
.phead p,.pc,.sm,.bx{letter-spacing:-.005em}
.mono{letter-spacing:.14em}
.sec{font-size:10px;letter-spacing:.2em}
.nav{font-size:11px;letter-spacing:.08em}
.tab{font-size:12px;letter-spacing:.06em}
.title .hd{font-size:12px;letter-spacing:.1em}
.oneline{font-size:15px;font-weight:700}
/* 이모지 스티커 */
.stk.e{font-size:30px;line-height:1;background:var(--paper)}
.stm.e{border:0;padding:0;font-size:14px}
.emo{display:flex;flex-direction:column;gap:8px}
.emo-in{width:72px;text-align:center;font-size:24px;background:var(--bg);border:1px solid var(--line2);padding:6px;border-radius:0}
.emo-pk{display:flex;flex-wrap:wrap;gap:4px}
.emo-pk button{min-width:36px;min-height:36px;border:1px solid var(--line2);border-radius:4px;font-size:18px;line-height:1}
.emo-pk button:hover{border-color:var(--acc)}
.emo-pk .emo-x{font-size:11px;padding:0 8px;color:var(--dim)}
.hint{font-family:'Pretendard','Gothic A1',sans-serif;font-size:11px;color:var(--dim);line-height:1.6}
.hint b{font-weight:600;color:var(--text)}

/* 드림 편지 */
.letter{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#020608 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadein .35s;transition:background .6s}
.lwrap{position:relative;width:min(320px,82vw);aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center}
.env{position:absolute;inset:0;padding:0;perspective:900px;z-index:3;transition:transform .7s ease,opacity .5s ease .2s}
.env:focus{outline:none}
.env:focus-visible{outline:1px dashed var(--acc);outline-offset:6px}
.env-back{position:absolute;inset:0;border-radius:3px;background:#D4C3A2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");box-shadow:0 26px 60px rgba(0,0,0,.6)}
.env-body{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.env::after{content:"";position:absolute;inset:0;z-index:6;border-radius:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply}
.env-flap{position:absolute;inset:0;border-radius:3px;background:linear-gradient(to bottom,#ECE1CC,#DECDAD);clip-path:polygon(0 0,100% 0,50% 58%);z-index:4;transform-origin:50% 0;transition:transform .6s ease}
.env-flap-sh{position:absolute;inset:0;z-index:3;background:rgba(70,50,25,.35);clip-path:polygon(0 0,100% 0,50% 62%);filter:blur(3px);transform:translateY(3px);transition:opacity .4s}
.seal{position:absolute;left:50%;top:54%;z-index:5;width:64px;height:64px;margin:-32px 0 0 -32px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4));transition:opacity .3s}
.seal svg{width:100%;height:100%;display:block}
.pc3{position:absolute;inset:6% 5%;z-index:2;padding:0;perspective:1200px;transform:translateY(0) scale(.92);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s}
.pc-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.face{position:absolute;inset:0;border-radius:3px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.front{background:#F6EFE2;background-image:repeating-linear-gradient(transparent 0 27px,rgba(120,100,70,.18) 27px 28px);display:flex;align-items:center;justify-content:center;padding:22px 26px;color:#2E2A24}
.front::after{content:"";position:absolute;right:38%;top:16px;bottom:16px;width:1px;background:rgba(120,100,70,.25)}
.hand{position:relative;z-index:1;margin-right:36%;font-family:'Nanum Pen Script','Gowun Batang',cursive;font-size:clamp(19px,5.4vw,24px);line-height:1.3;text-align:left;transform:rotate(-1.5deg)}
.stamp{position:absolute;right:16px;top:14px;width:44px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#5C8374;color:#F6EFE2;outline:3px dotted #F6EFE2;outline-offset:-3px;font-size:16px}
.stamp small{font-size:6px;letter-spacing:.14em;font-family:'Questrial',sans-serif}
.pmark{position:absolute;right:42px;top:44px;width:58px;height:58px;border:1.5px solid rgba(110,53,17,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Questrial',sans-serif;font-size:7px;letter-spacing:.12em;color:rgba(110,53,17,.6);transform:rotate(-14deg)}
.back{transform:rotateY(180deg);background:#ddd center/cover no-repeat;border:8px solid #F6EFE2}
.lhint{position:absolute;left:0;right:0;top:calc(100% + 26px);margin:0;text-align:center;font-family:'Nanum Pen Script','Gowun Batang',cursive;font-size:17px;color:#C9D6CF;opacity:0;transition:opacity .6s .5s}
.letter.s1 .pc3{pointer-events:none;z-index:1}
.letter.s2 .env-flap{transform:rotateX(180deg);z-index:1}
.letter.s2 .seal,.letter.s2 .env-flap-sh,.letter.s3 .env-flap-sh{opacity:0}
.letter.s2 .env,.letter.s3 .env,.letter.s4 .env{transform:translateY(46%) scale(.94);opacity:0;pointer-events:none}
.letter.s2 .pc3,.letter.s3 .pc3{transform:translateY(-6%) scale(1.08);opacity:1;z-index:6}
.letter.s3 .pc-in{transform:rotateY(180deg)}
.letter.s2 .lhint,.letter.s3 .lhint{opacity:1}
.letter.s4{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
.letter.s4 .pc3{opacity:1;z-index:6;transform:translate(calc(76px - 50vw),calc(50vh - 58px)) scale(.32) rotate(-8deg)}
.letter.s4 .pc-in{transform:rotateY(180deg)}
.pinletter{position:fixed;left:20px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:116;width:104px;height:72px;padding:0;transform:rotate(-8deg);transition:transform .2s;animation:fadein .2s}
.pinletter:hover{transform:rotate(-4deg) scale(1.06)}
.pimg2{position:absolute;inset:0;background:#ddd center/cover no-repeat;border:4px solid #F6EFE2;border-radius:2px;box-shadow:0 8px 18px rgba(0,0,0,.45)}
.tape{position:absolute;left:50%;top:-8px;z-index:2;width:38px;height:14px;margin-left:-19px;background:rgba(230,216,195,.75);transform:rotate(4deg)}
/* 상영관 입장 */
.tearpop{position:fixed;inset:0;z-index:205;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#020608 55%,transparent);animation:fadein .25s;cursor:pointer;transition:background .5s}
.tp-t{display:flex;width:min(420px,88vw);filter:drop-shadow(0 18px 36px rgba(0,0,0,.5));animation:rise .35s ease-out}
.tp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;background:var(--paper);color:var(--ink);border-radius:4px 0 0 4px;transition:transform .7s cubic-bezier(.5,0,.7,.4),opacity .6s}
.tp-main .mono{color:var(--ink2);text-transform:none}
.tp-en{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:44px;line-height:1}
.tp-ko{font-family:'Gowun Batang',serif;font-weight:700;font-size:16px}
.tp-perf{width:0;border-left:2px dashed var(--perf);position:relative;transition:border-color .3s}
.tp-perf::before,.tp-perf::after{content:"";position:absolute;left:-9px;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,#020608 55%,var(--bg))}
.tp-perf::before{top:-8px}.tp-perf::after{bottom:-8px}
.tp-stub,.seatstub{display:flex;flex-direction:column;gap:2px;padding:14px 14px 12px;background:color-mix(in srgb,var(--paper) 86%,var(--ink));color:var(--ink);border-radius:0 4px 4px 0;min-width:112px}
.tp-stub{transition:transform .7s cubic-bezier(.4,.1,.2,1),opacity .5s}
.sx1{color:var(--ink2);font-size:8px}
.tp-stub b,.seatstub b{font-family:'Gowun Batang',serif;font-weight:700}
.sx2{display:flex;gap:8px;font-family:'Nanum Gothic Coding',monospace;font-size:11px;font-weight:700}
.sx3{margin-top:4px;font-size:9px;letter-spacing:.14em;color:var(--ink2)}
.sx3 b{font-family:'Nanum Gothic Coding',monospace;font-size:15px;color:var(--ink);letter-spacing:.04em}
.tearpop.tp-tear .tp-perf{border-color:transparent}
.tearpop.tp-tear .tp-main{transform:translate(-14px,10px) rotate(-7deg)}
.tearpop.tp-tear .tp-stub{transform:translate(10px,-4px) rotate(4deg)}
.tearpop.tp-fly{background:transparent}
.tearpop.tp-fly .tp-main{transform:translate(-30px,140%) rotate(-18deg);opacity:0}
.tearpop.tp-fly .tp-stub{opacity:.95}
.seatstub{position:fixed;left:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:115;transform:rotate(-6deg) scale(.82);transform-origin:left bottom;border-radius:3px;box-shadow:0 10px 22px rgba(0,0,0,.4);pointer-events:none;animation:fadein .3s}
.seatstub::before{content:"";position:absolute;left:-1px;top:0;bottom:0;border-left:2px dashed var(--perf);opacity:.7}
/* 프로필 */
.reelwipe{position:fixed;inset:0;z-index:206;display:flex;justify-content:center;background:#040A0D;overflow:hidden;transition:opacity .45s}
.reelwipe.out{opacity:0}
.rw-strip{position:relative;width:min(240px,48vw);display:flex;flex-direction:column;gap:10px;padding:0 26px;background:#1B1611;animation:wind .65s cubic-bezier(.6,0,.4,1) forwards;filter:blur(.6px)}
.rw-strip.b{animation-duration:.6s;opacity:.85}
.rw-strip::before,.rw-strip::after{content:"";position:absolute;top:0;bottom:0;width:10px;background:repeating-linear-gradient(to bottom,transparent 0 7px,#040A0D 7px 17px,transparent 17px 24px)}
.rw-strip::before{left:8px}.rw-strip::after{right:8px}
.rw-fr{flex:none;height:120px;border-radius:3px;background:#2A2219;display:flex;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-size:56px;color:#B8925A}
.rw-strip.b .rw-fr{font-size:14px;font-family:'Questrial',sans-serif;letter-spacing:.2em}
@keyframes wind{from{transform:translateY(-70%)}to{transform:translateY(0)}}
/* 방명록 이모지 */
.gemo{display:flex;flex-wrap:wrap;gap:3px;padding:6px 0 2px}
.gemo button{min-width:30px;min-height:30px;border-radius:4px;font-size:16px;line-height:1;opacity:.85;transition:transform .15s,opacity .15s}
.gemo button:hover{transform:scale(1.2);opacity:1}
@media (prefers-reduced-motion:reduce){.tearpop,.reelwipe{display:none}.env,.pc3,.pc-in,.env-flap,.lhint{transition:none}}

/* 드림 */
body.on-dream .seatstub{filter:brightness(.85)}
/* 검색 */
.nav [data-act=search]{min-height:44px;font-size:inherit;letter-spacing:inherit;color:var(--dim)}
.nav [data-act=search]:hover{color:var(--acc)}
.sres{list-style:none;margin:10px 0 0;padding:0;max-height:52vh;overflow-y:auto}
.sres a{display:flex;flex-direction:column;gap:2px;padding:10px 4px;border-bottom:1px solid var(--line2)}
.sres a:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.sres b{font-family:'Gowun Batang',serif;font-weight:700;font-size:15px}
.sres small{font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
/* 링크 복사, 처음으로 */
.sharebar{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.sharebar button{min-height:40px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.sharebar button:hover{border-color:var(--acc);color:var(--acc)}
.readbar{position:fixed;left:0;right:0;top:0;height:2px;z-index:130;background:var(--acc);transform-origin:left;transform:scaleX(0);opacity:0;transition:opacity .3s;box-shadow:0 0 8px var(--acc)}
.readbar.on{opacity:.9}
.rewind{position:fixed;right:22px;bottom:calc(128px + env(safe-area-inset-bottom,0px));z-index:119;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s,transform .3s}
.rewind.on{opacity:1;pointer-events:auto;transform:none}
.rewind span{font-size:11px;line-height:1}
.rewind small{font-size:6px;letter-spacing:.14em;color:var(--dim)}
.rewind:hover{border-color:var(--acc)}
.pages .pg img,.abd > div > img,.pct img,.dci img{cursor:zoom-in}

/* 지금 재생 중 */
.hud .np{color:var(--acc);max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.04em;font-family:'Pretendard','Gothic A1',sans-serif}
.hud .np:empty{display:none}

/* 위쪽 메뉴 */
.top{flex-direction:column;align-items:stretch;gap:12px}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;text-transform:none;letter-spacing:0}
.nav-main{display:flex;align-items:stretch;padding:4px;border:1px solid var(--line2);border-radius:6px;background:color-mix(in srgb,var(--surface) 75%,transparent);box-shadow:0 8px 20px -14px var(--shadow);overflow-x:auto;scrollbar-width:none;max-width:100%}
.nav-main::-webkit-scrollbar{display:none}
.nav .tk{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:4px;color:var(--text);font-family:'Pretendard','Questrial',sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s}
.nav .tk + .tk{position:relative}
.nav .tk + .tk::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--line2)}
.nav .tk:hover{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--text)}
.nav .tk.on{background:var(--acc);color:var(--acc-ink)}
.nav .tk.on::before,.nav .tk.on + .tk::before,.nav .tk:hover::before,.nav .tk:hover + .tk::before{opacity:0}
@media (max-width:759px){.nav-main{width:100%}.nav .tk{padding:0 13px;font-size:11px}}
.nav-util{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-left:auto}
.nav-util a,.nav-util button{min-height:32px;display:inline-flex;align-items:center;color:var(--dim)}
.nav-util a:hover,.nav-util button:hover{color:var(--acc)}
/* 엔딩 크레딧 */
.credits b{font-size:17px}
.credits i{font-size:14px;line-height:1.55}
.credits small{font-size:8px}
.credits p{margin-bottom:18px}
/* 방명록 입장 */
.gcard{position:fixed;inset:0;z-index:205;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:min(18vh,140px);background:color-mix(in srgb,#020608 58%,transparent);animation:fadein .25s;cursor:pointer;transition:background .5s}
.gc-slot{position:relative;z-index:2;width:min(340px,86vw);height:26px;border-radius:13px;background:#0B1418;border:1px solid var(--line2);box-shadow:inset 0 4px 8px rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}
.gc-slot .mono{font-size:8px;color:var(--dim)}
.gc-card{position:relative;z-index:1;width:min(300px,78vw);margin-top:-12px;padding:22px 20px 16px;background:#F6EFE2;color:#2E2A24;border-radius:0 0 3px 3px;box-shadow:0 18px 40px rgba(0,0,0,.45);transform-origin:top;animation:dispense 1s cubic-bezier(.2,.7,.2,1) both}
.gc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:linear-gradient(rgba(0,0,0,.25),transparent)}
.gc-h{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1.5px dashed rgba(120,100,70,.4)}
.gc-h .mono{font-size:8px;color:#7A6E5E}
.gc-en{margin:14px 0 0;font-family:'Instrument Serif',serif;font-style:italic;font-size:28px;line-height:1.1}
.gc-ko{margin:4px 0 0;font-family:'Gowun Batang',serif;font-weight:700;font-size:14px}
.gc-rows{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px}
.gc-rows span{display:flex;align-items:center;gap:8px}
.gc-rows i{position:relative;width:12px;height:12px;border:1.5px solid #5C5346;border-radius:2px}
.gc-rows i::after{content:"✓";position:absolute;left:0;top:-6px;font-family:'Nanum Pen Script',cursive;font-size:18px;font-style:normal;color:#2F6150;opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s}
.gcard.ink .gc-rows span:nth-child(1) i::after{opacity:1;transform:none}
.gcard.ink .gc-rows span:nth-child(3) i::after{opacity:1;transform:none;transition-delay:.35s}
.gc-ft{margin:14px 0 0;padding-top:8px;border-top:1px solid rgba(120,100,70,.25);font-size:8px;color:#7A6E5E;text-align:right}
@keyframes dispense{from{transform:translateY(-100%) scaleY(.6);opacity:0}to{transform:none;opacity:1}}
.gcard.go{background:transparent}
.gcard.go .gc-card{transition:transform .7s cubic-bezier(.5,0,.7,.4),opacity .6s;transform:translateY(60vh) rotate(6deg) scale(.7);opacity:0}
.gcard.go .gc-slot{opacity:0;transition:opacity .4s}
@media (prefers-reduced-motion:reduce){.gcard{display:none}}

/* 크레딧 크기 */
.credits small{font-size:9px}
.credits b{font-size:15px}
.credits i{font-size:13px}
/* 관람평 카드 */
.gc-rows button{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;margin:0 -10px;border-radius:3px;text-align:left;color:#2E2A24;font-family:'Pretendard','Gothic A1',sans-serif;font-size:13px;transition:background .2s}
.gc-rows button:hover{background:rgba(92,131,116,.12)}
.gc-rows button i{position:relative;flex:none;width:14px;height:14px;border:1.5px solid #5C5346;border-radius:50%}
.gc-rows button i::after{content:"✓";position:absolute;left:1px;top:-9px;font-family:'Nanum Pen Script',cursive;font-size:22px;font-style:normal;color:#2F6150;opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s}
.gc-rows button.on i::after{opacity:1;transform:none}
.gc-rows button.on{font-weight:700}
.gcard.picked .gc-rows button:not(.on){opacity:.45}
.gcard.ink .gc-rows span i::after{opacity:0}
.gc-ft{display:flex;justify-content:space-between;align-items:center}
.gc-skip{min-height:32px;font-size:9px;letter-spacing:.14em;color:#7A6E5E;text-decoration:underline;text-underline-offset:3px}
.gcard{cursor:default}

/* 관람평 카드 7개 */
.gc-rows{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.gc-rows button{margin:0;padding:0 8px;min-height:34px;font-size:12px}
.gcard.go .gc-card{transition:transform .28s cubic-bezier(.5,0,.7,.4),opacity .24s}
.gcard.go .gc-slot{transition:opacity .2s}
.gcard{transition:background .3s}
/* 집계 */
.survey{margin-top:18px;padding:14px 16px;border:1px solid var(--line2);border-radius:3px;background:color-mix(in srgb,var(--surface) 55%,transparent)}
.svh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px dashed var(--line2);font-size:10px;letter-spacing:.18em;color:var(--acc)}
.svh .ko{font-family:'Pretendard','Gothic A1',sans-serif;letter-spacing:0;font-size:12px;color:var(--dim)}
.svl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
@media (min-width:640px){.svl{grid-template-columns:1fr 1fr;column-gap:20px}}
.svl li{display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:10px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px}
.svl .sb{height:6px;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);overflow:hidden}
.svl .sb i{display:block;height:100%;border-radius:999px;background:color-mix(in srgb,var(--acc) 60%,transparent);transition:width .6s ease}
.svl li.top .sk{font-weight:700;color:var(--text)}
.svl li.top .sb i{background:var(--acc)}
.svl .sn{text-align:right;color:var(--dim)}

/* 고치기 버튼 */
.edb{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line2);border-radius:999px;font-family:'Questrial',sans-serif;font-size:9px;letter-spacing:.14em;color:var(--dim);background:transparent}
.edb:hover{border-color:var(--acc);color:var(--acc)}
.edb.in{min-height:24px;margin-left:8px;padding:0 8px;font-size:8px;vertical-align:1px}
.edb.pop{float:right;margin-top:-2px}
.rowx{display:flex;gap:6px;align-items:center;margin-left:8px}
.caltip .edb{color:var(--ink2);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
.dprof .edb{color:var(--ink2);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}
.bned{margin-top:10px;font-family:'Pretendard','Gothic A1',sans-serif;font-size:12px;color:var(--dim)}
.bned summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:11px;letter-spacing:.06em}
.bned div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--line2)}