:root{color-scheme:light;--bg:#f4faff;--fg:#163653;--mut:#71869a;--line:#e2edf5;--chip:#e8f3ff;--acc:#2878f5;--card:#fff;--ctl:#fff;--ctlline:#dce8f1;--toolbar:rgba(255,255,255,.82);--hdr:rgba(255,255,255,.92);--tag:#e8f3ff;--tagfg:#3674b8;--tagg:#e2f8ed;--taggfg:#278660;--shadow:0 5px 18px rgba(35,85,125,.09);--page:linear-gradient(180deg,#edf8ff 0,#f8fbff 240px,#f4f9fd 100%)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0d1117;--fg:#e6edf6;--mut:#93a4b8;--line:#2a3748;--chip:#243247;--acc:#4f8cff;--card:#161d27;--ctl:#1b2430;--ctlline:#354356;--toolbar:rgba(20,27,37,.92);--hdr:rgba(15,20,28,.94);--tag:#223b58;--tagfg:#9dc8ff;--tagg:#183d32;--taggfg:#83e0b8;--shadow:0 6px 20px rgba(0,0,0,.22);--page:linear-gradient(180deg,#111a26 0,#0d1117 260px,#0b0f14 100%)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,"Malgun Gothic",sans-serif}
header{position:sticky;top:0;z-index:5000;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px}
#pm{position:relative;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:14px;width:min(520px,100%);max-height:90vh;overflow:auto}
#pm img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--line)}
.pmap{height:240px;margin-top:10px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--line);color:var(--mut);display:flex;align-items:center;justify-content:center;font-size:13px}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(30,30,30,.95);color:#fff;padding:10px 16px;border-radius:10px;z-index:12000;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;text-align:center}#toast.show{opacity:1}
#ft{margin:28px 16px 36px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);text-align:center;line-height:1.8}#ft a{color:var(--mut);text-decoration:none}#ft p{margin:0}#ft .ftn{margin-top:4px}
.topnav a.nv,.topnav button.nv{font:inherit;font-size:14px;font-weight:700;padding:10px 14px;border-radius:22px;color:var(--fg);text-decoration:none;white-space:nowrap}
.topnav a.nv,.topnav button.nv{border:1px solid var(--ctlline);background:var(--ctl);cursor:pointer}
.topnav a.nv:hover,.topnav button.nv:hover{background:var(--chip)}
#thm{margin-left:auto}
#pm{box-shadow:0 20px 50px rgba(0,0,0,.35)}
/* ===== 상세 팝업 새 디자인(.dv): 라이트·다크는 위 색 변수를 따른다 ===== */
#pm:has(.dv){width:min(600px,100%);border-radius:24px}
#pm:has(.dv) #px{top:26px;right:28px;width:38px;height:38px;background:rgba(20,24,32,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3}
.dv{padding:14px 16px 16px}.dv svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dph{position:relative;border-radius:18px;overflow:hidden;background:var(--line)}#pm .dph img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.dcnt{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;background:rgba(20,24,32,.62);color:#fff;border-radius:16px;padding:5px 11px;font-size:13px}
.dnv{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(20,24,32,.5);color:#fff;font-size:20px;cursor:pointer;line-height:1}.dnv.l{left:10px}.dnv.r{right:10px}
.ddots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px}.ddots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6)}.ddots i.on{width:20px;border-radius:4px;background:var(--acc)}
.dcr{font-size:11px;color:var(--mut);padding:5px 4px 0}
.dtags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.dtags span{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700;background:var(--tag);color:var(--tagfg)}.dtags span.g{background:var(--tagg);color:var(--taggfg)}
.dtt{display:flex;gap:12px;align-items:flex-start;margin:12px 0 0}.dtt h3{flex:1;margin:0;font-size:22px;line-height:1.45;font-weight:800}
.dic{display:flex;gap:8px}.dic button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--acc);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dic button.on{color:#e53935}.dic button.on svg{fill:#e53935}
.dsum{display:flex;gap:12px;margin:14px 0 0;padding:14px 16px;background:var(--chip);border:1px solid var(--line);border-radius:16px}.dsum>svg{font-size:22px;color:var(--acc);margin-top:3px}.dsum div{flex:1;min-width:0}.dsum p{margin:0 0 6px;line-height:1.7;font-size:15px}.dsum p:last-child{margin:0}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:16px 2px 0}.di{display:flex;gap:10px;align-items:flex-start;min-width:0}.di>b{width:38px;height:38px;border-radius:50%;background:var(--chip);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.di div{min-width:0}.di span{display:block;font-weight:700;font-size:14px;color:var(--acc)}.di p{margin:2px 0 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.di a{color:inherit}
.dmapw{position:relative;margin-top:16px}.dmapw #dmap{height:260px;margin:0;border-radius:16px;position:relative;z-index:0;isolation:isolate}
.dbig{position:absolute;left:10px;top:10px;z-index:5;display:inline-flex;align-items:center;gap:6px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:7px 11px;font-size:13px;text-decoration:none;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.dnote{display:flex;gap:8px;align-items:center;margin:12px 0 0;padding:11px 14px;background:var(--chip);border:1px solid var(--line);border-radius:12px;font-size:13px;color:var(--acc)}
.dact{display:flex;justify-content:flex-end;gap:12px;margin:16px 0 0}.dact button,.dact a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 26px;border-radius:24px;font:inherit;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none}
.dact button{border:1px solid var(--acc);background:var(--bg);color:var(--fg)}.dact a{border:0;background:linear-gradient(135deg,#2f6fed,#1e8bff);color:#fff;box-shadow:0 4px 12px rgba(47,111,237,.35)}
#dsh{margin:12px 0 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--chip)}#dsh[hidden]{display:none}#dsh b{display:block;margin:0 0 10px;font-size:14px}
.dshg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dshg button{font:inherit;font-size:12px;font-weight:700;padding:9px 0;border:0;border-radius:10px;cursor:pointer;color:#fff}
.dshg [data-sh=kakao]{background:#fee500;color:#111}.dshg [data-sh=naver]{background:#03c75a}.dshg [data-sh=facebook]{background:#1877f2}.dshg [data-sh=twitter]{background:#111}.dshg [data-sh=band]{background:#00c73c}.dshg [data-sh=line]{background:#06c755}.dshg [data-sh=copy]{background:var(--acc)}
.exs{display:flex;flex-wrap:wrap;gap:8px}.exi{position:relative;width:84px}#pm .exi img{width:84px;aspect-ratio:16/10;object-fit:cover;border-radius:8px;display:block}.exi button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:11px;cursor:pointer;line-height:1}
@media(max-width:520px){.dgrid{grid-template-columns:1fr}.dtt h3{font-size:19px}.dact button,.dact a{flex:1;padding:0 10px}}
/* 상세 팝업 시안 반영: 사진 위 배지·버튼, 3칸 카드, 이용 안내 표, 지도 머리줄 */
.dtl{position:absolute;left:12px;top:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 300px)}.dtl span{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:7px 13px;font-size:13px;font-weight:800;box-shadow:0 1px 6px rgba(0,0,0,.2)}.dtl .b1{background:#ff9f1a;color:#fff}.dtl .b2{background:rgba(255,255,255,.92);color:#c0392b}
.dtr{position:absolute;right:58px;top:12px;display:flex;gap:8px}.dtr button{height:38px;min-width:38px;padding:0 11px;border-radius:19px;border:0;background:rgba(255,255,255,.92);color:#163653;font:inherit;font-weight:800;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 6px rgba(0,0,0,.2)}
:root[data-theme="dark"] .dtr button,:root[data-theme="dark"] .dtl .b2{background:rgba(15,20,28,.72);color:#e6edf6}
.dop{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:800;background:rgba(255,255,255,.92);color:#0f9d58}.dop i{width:9px;height:9px;border-radius:50%;background:#16c172}:root[data-theme="dark"] .dop{background:rgba(15,20,28,.72);color:#45e0a0}
.dcr2{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;max-width:52%;padding:6px 11px;border-radius:16px;font-size:12px;background:rgba(20,24,32,.66);color:#fff}.dcr2 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dph .dcnt{bottom:48px}.ddots{bottom:56px}
.dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0}.dcd{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid;min-width:0}.dcd>b{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.dcd small{display:block;font-size:12px;color:var(--mut)}.dcd strong{display:block;font-size:15px;font-weight:800;overflow-wrap:anywhere}
.dcd.b{background:rgba(47,111,237,.08);border-color:rgba(47,111,237,.3)}.dcd.b>b{background:rgba(47,111,237,.17);color:#4f8cff}.dcd.o{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35)}.dcd.o>b{background:rgba(245,158,11,.2);color:#e08a00}.dcd.g{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.35)}.dcd.g>b{background:rgba(16,185,129,.2);color:#10b981}
.dsh2{display:flex;align-items:center;gap:8px;margin:18px 0 0;flex-wrap:wrap}.dsh2 b{font-size:17px}.dsh2>svg{font-size:20px;color:var(--acc)}.dsh2 small{margin-left:auto;color:var(--mut);font-size:12px}.dmbt{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.dmbt button{font:inherit;font-size:13px;font-weight:700;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:var(--chip);color:var(--fg);cursor:pointer}.dmbt button.y{background:#ffe812;border-color:#ffe812;color:#222}
.dtbl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:10px}.dtbl .di{background:var(--card);padding:13px 14px;align-items:center;gap:10px;cursor:pointer}.dtbl .di.fw{grid-column:1/-1}.dtbl .di span{display:block;width:56px;flex:none;font-weight:600;color:var(--mut);font-size:13px}.dtbl .di p{flex:1;margin:0;font-weight:700;font-size:14px}
.bd{font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:12px;flex:none;border:1px solid var(--line)}.bd.g{background:rgba(16,185,129,.14);color:#10b981;border-color:rgba(16,185,129,.4)}.bd.y{background:rgba(245,158,11,.15);color:#d98a00;border-color:rgba(245,158,11,.45)}.bd.cp{background:var(--bg);color:var(--fg)}
@media(max-width:520px){.dcards{gap:6px}.dcd{padding:9px}.dcd>b{display:none}.dcd strong{font-size:14px}.dop{bottom:46px}.dcr2{max-width:calc(100% - 24px)}.dph .dcnt{bottom:82px}.ddots{bottom:90px}.dtbl{grid-template-columns:1fr}.dtl{top:58px;max-width:calc(100% - 24px)}.dtr{right:56px;gap:6px}.dtr button{height:34px;min-width:34px;padding:0 8px}}
/* ===== 갤러리 개편(2026-10-27): 배너 헤더·큐레이션 박스·섹션 줄·카드 배지·푸터 ===== */
header{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;padding:0;z-index:auto}
.bnr{position:relative;min-height:156px;padding:12px 22px;display:flex;align-items:center;background:#9fd8f6 url(img/bn_light.webp) center 58%/cover no-repeat}
:root[data-theme="dark"] .bnr{background:#0b1330 url(img/bn_dark.webp) center 38%/cover no-repeat}
.bnr .topnav{width:100%;max-width:1800px;margin:0 auto;gap:8px 10px}
.bnr .topnav .logo{display:flex;flex-direction:column;align-items:flex-start;margin-right:22px;line-height:0}
.bnr .topnav .logo .lg{height:54px;width:auto}.bnr .topnav .logo .tg{height:34px;width:auto;margin:-2px 0 0 38px}
.bnr .tg{filter:drop-shadow(0 0 3px rgba(255,255,255,.95))}:root[data-theme="dark"] .tg,:root[data-theme="dark"] .tg2{filter:brightness(2.2) saturate(1.15) drop-shadow(0 0 2px rgba(0,0,0,.6))}
.bnr .topnav a.nv:not(.on),.bnr .topnav button.nv{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root[data-theme="dark"] .bnr .topnav a.nv:not(.on),:root[data-theme="dark"] .bnr .topnav button.nv{background:rgba(14,22,38,.78);border-color:rgba(120,150,200,.35);color:#e6edf6}
.hbody{max-width:1800px;margin:0 auto;padding:0 22px 12px}
.cur{margin:16px 0 14px;padding:22px 28px;border-radius:22px;border:1px solid #f1dfb8;background:linear-gradient(120deg,#fff4da,#fffbea 48%,#e8faf1);box-shadow:var(--shadow);display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}
:root[data-theme="dark"] .cur{border-color:#2f3b5a;background:linear-gradient(120deg,#1a2544,#18233a 52%,#153030)}
.curl{flex:1 1 540px;min-width:0}.cbd{display:inline-block;padding:5px 13px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #f2d9a6;color:#b45a12;font-size:13px;font-weight:800}
:root[data-theme="dark"] .cbd{background:rgba(255,255,255,.07);border-color:rgba(255,200,120,.35);color:#ffcb7a}
.cur h1{margin:10px 0 6px;font-size:28px;line-height:1.38;font-weight:900;letter-spacing:-.3px}.cur h1 em{font-style:normal;color:#e8730c}:root[data-theme="dark"] .cur h1 em{color:#ffb341}
.cur p{margin:0;color:var(--mut);font-size:15px;max-width:720px}
.curc{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 360px;justify-content:flex-end;max-width:640px}
.curc button{font:inherit;font-weight:800;font-size:14px;padding:9px 15px;border-radius:22px;border:1px solid #f0dcb4;background:rgba(255,255,255,.88);color:var(--fg);cursor:pointer}
.curc button:first-child{background:#f59e0b;border-color:#f59e0b;color:#fff}.curc button:hover{filter:brightness(.96)}#qbtn{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}body.mapmode header:not(.fo) #qbtn{display:none}.curc button.on{outline:3px solid rgba(40,120,245,.45);outline-offset:1px}
:root[data-theme="dark"] .curc button{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}:root[data-theme="dark"] .curc button:first-child{background:#d98a0b;border-color:#d98a0b;color:#fff}
.sect{position:relative;max-width:1800px;margin:4px auto 0;padding:14px 22px 6px;display:flex;align-items:center;gap:12px;overflow:hidden}
.sect::after{content:"";position:absolute;right:0;top:0;bottom:0;width:min(42%,640px);background:url(img/slogan.webp) right center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%);opacity:.9;pointer-events:none}
:root[data-theme="dark"] .sect::after{filter:invert(1) hue-rotate(180deg) brightness(.8);mix-blend-mode:screen;opacity:.8}
.sect>*{position:relative;z-index:1}.sic{font-size:34px;line-height:1}.sect h2{margin:0;font-size:22px;font-weight:900}.sect h2 b{color:var(--acc)}.sect p{margin:2px 0 0;color:var(--mut);font-size:14px}
#cnt{padding:0}#cntrow{margin-top:6px}
body.mapmode .bnr,body.mapmode .cur,body.mapmode .sect{display:none}
/* 여유핏 지도 팝업용 임베드 모드(?embed=map): 메뉴·배너·푸터 없이 지도만 화면 전체에 */
body.embed footer,body.embed .bnr,body.embed .cur,body.embed .sect,body.embed #cntrow,body.embed main,body.embed #more{display:none!important}   /* 지역 선택·필터·초기화·닫기가 있는 줄(header)은 보이게 */
body.embed .f #xclose{order:100}   /* 닫기는 초기화(order 99) 바로 오른쪽 */
/* 새 창(?embed=map)이 열리는 즉시 보이는 로딩 표시: 지도가 그려지면 사라진다 */
#embload{display:none;position:fixed;inset:0;z-index:99999;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg);color:var(--fg)}
html.embed-pre #embload{display:flex}
#embload .sp{width:48px;height:48px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--acc);animation:embspin .9s linear infinite}
#embload b{font-size:18px;font-weight:800}#embload small{color:var(--mut);font-size:13px}
@keyframes embspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#embload .sp{animation-duration:2.6s}}
/* 일반 화면의 "지도에서 보기": 지도 상자 위에 뜨는 로딩 표시(핀을 다 그리면 사라진다) */
#maploading{position:absolute;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--fg)}
#maploading[hidden]{display:none}
#maploading .sp{width:44px;height:44px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--acc);animation:embspin .9s linear infinite}
#maploading b{font-size:16px;font-weight:800}
.ci{position:relative}.rb{position:absolute;left:9px;top:9px;background:var(--rc,#5b7aa8);color:#fff;padding:3px 11px;border-radius:13px;font-size:11px;font-weight:800;box-shadow:0 1px 5px rgba(0,0,0,.25)}
.hb{position:absolute;right:9px;top:9px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#c3ccd8;font-size:16px;line-height:30px;padding:0;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.22)}.hb.on{color:#e53935}
.loc{margin-top:6px;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc i{font-style:normal;background:var(--tag);color:var(--tagfg);border-radius:10px;padding:1px 7px;margin-right:3px}
.m{margin-top:8px}.m i.g.z-sp{background:#ffe4ee;color:#c2456f}.m i.g.z-su{background:#e0f7ea;color:#238a5c}.m i.g.z-au{background:#fff0d6;color:#c77410}.m i.g.z-wi{background:#e0efff;color:#2f6fc0}.m i.g.z-al{background:#eceff3;color:#5d6b7c}
:root[data-theme="dark"] .m i.g.z-sp{background:#4a2433;color:#ffa8c4}:root[data-theme="dark"] .m i.g.z-su{background:#183d32;color:#83e0b8}:root[data-theme="dark"] .m i.g.z-au{background:#4a3414;color:#ffc46b}:root[data-theme="dark"] .m i.g.z-wi{background:#1f3a5c;color:#9dc8ff}:root[data-theme="dark"] .m i.g.z-al{background:#2a3340;color:#b5c2d3}
#ft{max-width:1800px;margin:30px auto 0;padding:22px 22px 30px;border-top:1px solid var(--line);text-align:left;color:var(--mut)}
#ft .fti{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}#ft .fbr{display:flex;align-items:center;gap:14px}#ft .fbr img{height:36px;width:auto}#ft .fbr .tg2{height:26px}
#ft .fln{display:flex;gap:6px 22px;flex-wrap:wrap}#ft .fln a{color:var(--fg);font-size:13px;font-weight:600}#ft .fcp{text-align:right;font-size:12px}#ft .ftn{margin-top:14px;font-size:12px;text-align:center}#ft p{margin:0}
@media(max-width:650px){.bnr{min-height:118px;padding:8px 12px}.bnr .topnav .logo .lg{height:38px}.bnr .topnav .logo .tg{height:24px;margin-left:22px}.bnr .topnav .logo{margin-right:8px}.hbody{padding:0 12px 10px}.cur{padding:16px;margin:12px 0 10px}.cur h1{font-size:21px}.cur p{font-size:13.5px}.curc{justify-content:flex-start}.curc button{font-size:13px;padding:8px 12px}.sect{padding:10px 12px 4px}.sect::after{display:none}.sect h2{font-size:18px}.sic{font-size:26px}#ft{padding:18px 14px 26px}#ft .fcp{text-align:left}.rb{font-size:10px;padding:2px 8px}.hb{width:26px;height:26px;line-height:26px;font-size:14px}}
#rvw.red,.bnr .topnav a#rvw.red{background:#e5484d!important;border-color:#e5484d!important;color:#fff!important}
/* 장소 페이지 전용 */
main.pl{max-width:640px;margin:0 auto;padding:12px 12px 8px}.back{display:inline-block;margin:4px 4px 12px;font-size:14px;font-weight:700;color:var(--acc);text-decoration:none}
article#pm{max-height:none;overflow:visible;width:100%;box-shadow:var(--shadow)}
.dtt h1{flex:1;margin:0;font-size:22px;line-height:1.45;font-weight:800}.dtr{right:12px}#toast{pointer-events:none}
.drel{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.drel a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);text-decoration:none;font-weight:700;font-size:14px}
.pbot{display:flex;gap:10px;margin:16px 0 8px}.pbot a{flex:1;display:flex;align-items:center;justify-content:center;height:48px;border-radius:24px;font-weight:800;font-size:15px;text-decoration:none}.pbot .ph{background:linear-gradient(135deg,#2f6fed,#1e8bff);color:#fff;box-shadow:0 4px 12px rgba(47,111,237,.35)}.pbot .pc{border:1px solid var(--acc);background:var(--bg);color:var(--fg)}
@media(max-width:520px){.dtt h1{font-size:19px}.dtr{right:12px}}