/* Shared typography + modal media baseline for server fallback. */
*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;background:#042d3d;color:#edf6fa}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #76e7c0;outline-offset:3px}
:root{color-scheme:dark;--page:#042d3d;--panel:#06364a;--deep:#022838;--border:#205063;--ink:#edf6fa;--muted:#83a9b9;--accent:#ff7979;--green:#1fc48a;--header:#063b50}
:root[data-theme=light]{color-scheme:light;--page:#f0f6f4;--panel:#fff;--deep:#e5f0ed;--border:#c6dad4;--ink:#173a3d;--muted:#607e82;--header:#e2efeb}
body.reference-site{background:var(--page);color:var(--ink);font-size:14px;line-height:1.5}.topbar{background:var(--header);border-bottom:1px solid var(--border)}.header-inner{max-width:1440px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 20px;min-height:78px}.site-logo{display:flex;flex-direction:column;min-width:62px;line-height:1.15}.site-logo strong{font-size:25px;font-weight:900;letter-spacing:-1.6px}.site-logo small{font-size:10px;letter-spacing:1px;color:var(--accent);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:13px;font-weight:700}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--accent)}.site-search{display:flex;align-items:center;margin-left:auto;border:1px solid var(--border);border-radius:30px;background:var(--deep);height:42px;min-width:150px;max-width:340px;flex:1}.site-search input{width:100%;min-width:0;border:0;background:none;color:var(--ink);padding:0 14px;outline:0;font-size:13px}.site-search input::placeholder{color:var(--muted)}.site-search button{background:var(--accent);border:0;border-radius:5px;margin-right:7px;width:29px;height:27px}.mode-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}.mode-switch b{background:var(--green);color:#033025;padding:3px 9px;border-radius:20px;font-size:12px}.mode-switch.on b{background:var(--accent);color:#351111}.theme-switch{border:1px solid var(--border);background:var(--panel);color:var(--ink);border-radius:50%;width:30px;height:30px;flex-shrink:0}.mobile-nav{max-width:1440px;margin:auto;display:flex;align-items:center;gap:22px;padding:0 20px 10px;font-size:12px;overflow-x:auto;white-space:nowrap}.mobile-nav a{padding:4px 0}.site-wrap{max-width:1440px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;padding:22px 20px;margin:auto}.site-wrap>main{min-width:0}.content-section{margin:0 0 26px}.section-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;min-height:28px}.section-heading h2{font-size:18px;margin:0;font-weight:800;line-height:1.3;letter-spacing:-.5px}.section-heading small{font-size:11px;color:var(--muted)}.section-heading>a{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:12px}.featured-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:7px;background:var(--panel);border:1px solid transparent}.tile:hover{border-color:var(--border)}.tile-thumb{position:relative;aspect-ratio:1.6;overflow:hidden;background:var(--deep)}.tile-thumb>img{display:block;width:100%;height:100%;object-fit:cover}.tile-copy{padding:8px 9px}.tile-copy h3{font-size:13px;line-height:1.45;margin:0 0 5px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tile-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.category-badge{display:inline-block;background:#d76292;color:#fff;border-radius:3px;font-size:10px;padding:1px 5px;font-weight:700}.category-badge.issue{background:#457c8c}.category-badge.age15{background:#ad6652}.tile-rank{position:absolute;top:5px;left:8px;font-size:19px;text-shadow:0 1px 5px #000}.video-label{position:absolute;right:5px;top:5px;background:#0009;color:#fff;font-size:10px;padding:2px 5px;border-radius:4px}.image-count{position:absolute;right:5px;bottom:5px;font-size:10px;border-radius:3px;padding:1px 4px;background:#0009;color:#fff}.hover-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.mini-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-box{border:1px solid var(--border);border-radius:9px;padding:9px;background:var(--deep);min-width:0}.mini-box h3{font-size:13px;margin:0 0 8px;line-height:1.5;overflow-wrap:anywhere}.mini-box h3 small{color:#ff9d80;margin-left:5px;font-size:10px}.mini-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mini-thumbs>a{aspect-ratio:1;overflow:hidden;border-radius:5px;position:relative;background:var(--panel)}.mini-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.mini-thumbs span{position:absolute;bottom:3px;right:5px;font-size:10px;color:white;text-shadow:0 1px 5px #000}.wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wall-grid .tile-thumb{aspect-ratio:1.2}.wall-grid .tile-copy{padding:6px 7px}.wall-grid .tile-copy h3{font-size:12px}.category-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-split>section{border:1px solid var(--border);border-radius:8px;padding:10px;min-width:0}.category-split h3{margin:0 0 6px;font-size:14px}.text-rows{padding:0;margin:0;list-style:none}.text-rows li+li{border-top:1px solid var(--border)}.text-rows a{display:flex;gap:8px;padding:9px 0;align-items:center;min-width:0}.text-rows img{width:42px;height:42px;object-fit:cover;flex-shrink:0;border-radius:4px}.text-rows strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.4;font-weight:600}.text-rows small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.text-rows b{color:var(--accent)}.site-sidebar{min-width:0}.sidebar-sticky{position:sticky;top:14px}.sidebar-panel{background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:9px;margin-bottom:16px}.sidebar-panel h2{font-size:14px;margin:0 0 10px}.sidebar-panel>p{font-size:12px;color:var(--muted)}.sidebar-tabs{display:flex;gap:3px;border-radius:8px;background:#ffffff06;padding:3px;margin-bottom:8px}.sidebar-tabs button{border:0;border-radius:6px;background:none;color:var(--muted);padding:7px 8px;flex:1;white-space:nowrap;font-size:11px}.sidebar-tabs button.active{background:var(--accent);color:#fff}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud a{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:3px 8px;font-size:11px}.tag-cloud a:hover{color:var(--accent)}.panel-more{display:block;color:var(--accent);font-size:12px;padding-top:12px}.name-list{padding-left:20px;margin:0}.name-list li{padding:7px 0;font-size:12px}.name-list small{color:var(--muted)}.sidebar-empty{color:var(--muted);font-size:12px}.page-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.page-heading h1{font-size:23px;line-height:1.4;margin:0;overflow-wrap:anywhere}.page-heading>span{color:var(--muted);white-space:nowrap}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:12px}.list-chips{display:flex;gap:6px}.list-chips a{padding:5px 10px;border-radius:20px;background:var(--panel);border:1px solid var(--border)}.list-chips .active{background:var(--accent);color:white}.pager{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:24px 0}.pager a{min-width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;font-size:12px}.pager a[aria-current]{background:var(--accent);border-color:var(--accent);color:white}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.directory-grid>a{display:flex;flex-direction:column;gap:6px;background:var(--panel);padding:9px;border:1px solid var(--border);border-radius:7px}.directory-grid img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:5px}.directory-grid strong{font-size:12px}.directory-grid small{font-size:11px;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}.detail-article{min-width:0;background:var(--deep);padding:12px;border-radius:6px}.post-heading h1{font-size:23px;line-height:1.4;margin:7px 0 10px;word-break:keep-all;overflow-wrap:anywhere}.post-heading .tag-cloud{margin-bottom:12px}.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.prev-next a{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:8px;font-size:11px;overflow:hidden}.prev-next a:last-child{text-align:right}.prev-next small{display:block;color:var(--muted);font-size:10px}.post-media{display:flex;flex-direction:column;align-items:center;gap:10px}.detail-media{display:block;max-width:100%;width:auto;height:auto;max-height:none;margin:auto}.detail-youtube{width:100%;aspect-ratio:16/9;border:0}.image-open{display:block;max-width:100%;border:0;padding:0;background:none;cursor:zoom-in}.post-text{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.post-actions{display:flex;flex-wrap:wrap;gap:6px;padding:18px 0;border-bottom:1px solid var(--border)}.post-actions button{background:var(--panel);border:1px solid var(--border);color:var(--ink);padding:7px 9px;border-radius:20px;font-size:11px}.post-actions button.active{background:var(--accent);color:#fff}.related-sticky{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;scrollbar-width:thin}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.related-column .section-heading h2{font-size:16px}.related-grid .tile-copy{padding:5px}.related-grid .tile-copy h3{font-size:11px}.related-grid .tile-meta time{display:none}.related-grid .tile-thumb{aspect-ratio:1}.related-mobile{display:none}.under-post-list{margin-top:22px}.under-post-list .text-rows a{padding:10px 0}.under-post-list .text-rows img{width:50px;height:45px}.site-footer{max-width:1440px;margin:auto;padding:25px 20px 40px;border-top:1px solid var(--border);display:flex;gap:15px;align-items:center;color:var(--muted);font-size:12px}.site-footer>a{font-weight:800;color:var(--ink)}.site-footer nav{display:flex;gap:12px;margin-left:auto}.back-top{position:fixed;right:18px;bottom:18px;width:35px;height:35px;background:var(--panel);border:1px solid var(--border);border-radius:50%;color:var(--ink)}.mode-notice{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:12px;margin-bottom:18px;color:var(--accent)}.mode-notice a{float:right;color:var(--muted)}.empty-page{min-height:250px;display:grid;place-items:center;color:var(--muted);text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;color:#123;padding:10px 18px;border-radius:25px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30;font-size:13px}.toast.show{opacity:1}#imageDialog{padding:35px 12px 12px;max-width:96vw;max-height:96vh;border:0;background:#06131be8;color:#fff}#imageDialog::backdrop{background:#000d}#imageDialog img{max-height:85vh;object-fit:contain}#imageDialog .close-image{position:absolute;right:5px;top:3px;border:0;background:none;color:white;font-size:22px}
@media(min-width:1500px){.header-inner,.mobile-nav,.site-wrap,.site-footer{max-width:1500px}.site-wrap{grid-template-columns:minmax(0,1fr) 310px}.detail-columns{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:1199px){.desktop-nav{gap:12px}.header-inner{gap:12px}.site-wrap{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.detail-columns{grid-template-columns:minmax(0,1fr) 195px;gap:12px}.category-split{grid-template-columns:1fr 1fr}.category-split>section:last-child{grid-column:1/-1}}
@media(max-width:1000px){.site-wrap{grid-template-columns:minmax(0,1fr)}.site-sidebar{display:none}.desktop-nav{gap:14px}.detail-columns{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:700px){.header-inner{padding:10px 12px;gap:10px;min-height:65px;flex-wrap:wrap}.site-logo{min-width:45px}.site-logo strong{font-size:22px}.site-logo small{font-size:8px}.desktop-nav{display:none}.site-search{height:36px;min-width:90px;max-width:none}.site-search input{font-size:12px;padding:0 10px}.site-search button{width:24px;height:24px;margin-right:5px;font-size:12px}.mode-switch{font-size:10px;gap:4px}.mode-switch b{font-size:11px;padding:3px 7px}.theme-switch{width:27px;height:27px}.mobile-nav{gap:20px;padding:0 12px 9px;font-size:12px}.mobile-nav a{min-height:30px;display:flex;align-items:center}.site-wrap{padding:15px 10px;gap:0}.section-heading{flex-wrap:wrap;gap:4px 8px;margin-bottom:9px}.section-heading h2{font-size:16px}.section-heading small{font-size:10px}.section-heading>a{font-size:11px}.content-section{margin-bottom:21px}.featured-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.featured-tiles .tile-thumb{aspect-ratio:1}.featured-tiles .tile-copy{padding:5px}.featured-tiles .tile-copy h3{font-size:11px}.featured-tiles .tile-meta{gap:3px;flex-wrap:wrap;font-size:9px}.featured-tiles time{display:none}.video-label{font-size:9px;padding:1px 3px;top:3px;right:3px}.mini-box-grid{gap:8px;grid-template-columns:minmax(0,1fr)}.mini-box{padding:8px}.mini-thumbs{gap:5px}.mini-box h3{font-size:13px}.category-split{grid-template-columns:1fr}.category-split>section:last-child{grid-column:auto}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wall-grid .tile-thumb{aspect-ratio:1}.wall-grid .tile-copy{padding:5px}.wall-grid .tile-copy h3{font-size:11px}.wall-grid time{display:none}.tile-meta{flex-wrap:wrap}.page-heading h1{font-size:19px}.list-tools{gap:7px}.list-chips a{padding:5px 8px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.directory-grid>a{padding:6px}.directory-grid strong{font-size:11px}.detail-columns{display:block}.detail-article{padding:10px}.related-column{display:none}.related-mobile{display:block;margin-top:20px}.related-mobile .wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-mobile .tile-meta{display:none}.post-heading h1{font-size:21px}.post-heading .tag-cloud a{font-size:10px}.post-text{font-size:14px}.site-footer{padding:20px 12px 35px;flex-wrap:wrap;gap:8px;font-size:11px}.site-footer nav{margin-left:0;width:100%}.mode-notice{font-size:11px}.prev-next a{font-size:10px}.pager a{min-width:31px;height:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.nav-more{position:relative;font-size:12px;}.nav-more summary{cursor:pointer;list-style:none;}.nav-more>div{position:absolute;z-index:20;top:30px;left:0;min-width:160px;padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--panel);box-shadow:0 8px 24px #0004;}.nav-more>div a{display:block;padding:8px;}.site-search{position:relative;}.search-suggestions{position:absolute;z-index:25;top:46px;left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:6px;}.search-suggestions a{display:block;padding:8px;font-size:12px;}.search-suggestions a:hover{background:var(--deep);}.search-suggestions small{color:var(--muted);font-size:10px;}.year-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 12px;font-size:11px;color:var(--muted);}.year-tools a{padding:3px 7px;background:var(--panel);border-radius:4px;}
@media(min-width:701px){.mobile-nav{display:none;}}

.mobile-nav{scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}

/* Mobile browsing layout: thumb reach, readable cards, full-width originals. */
.bottom-nav{display:none;}
.site-search button{font-size:10px;width:34px;}
.mobile-nav a.current{color:var(--accent);border-bottom:2px solid var(--accent);}
@media(max-width:700px){
 body.reference-site{padding-bottom:calc(65px + env(safe-area-inset-bottom));}
 .topbar{position:sticky;top:0;z-index:15;box-shadow:0 3px 12px #0002;}
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px 12px;padding:9px 12px 7px;}
 .site-logo{flex-direction:row;align-items:baseline;gap:7px;}
 .site-logo strong{font-size:24px;}.site-logo small{font-size:9px;}
 .mode-switch{grid-column:2;grid-row:1;min-height:36px;font-size:12px;gap:6px;}
 .mode-switch b{font-size:12px;padding:4px 10px;}
 .theme-switch{grid-column:3;grid-row:1;width:36px;height:36px;font-size:20px;}
 .site-search{grid-column:1/-1;grid-row:2;width:100%;height:38px;margin:0;max-width:none;}
 .site-search input{font-size:16px;padding:0 12px;}
 .site-search button{width:42px;height:30px;font-size:12px;}
 .search-suggestions{top:42px;}.search-suggestions a{padding:11px;font-size:13px;}
 .mobile-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 8px;gap:0;overflow:visible;}
 .mobile-nav a{display:flex;justify-content:center;align-items:center;min-height:40px;font-size:12px;border-bottom:2px solid transparent;}
 .site-wrap{padding:14px 10px;}
 .featured-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:46%;grid-template-columns:none;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:3px;}
 .featured-tiles::-webkit-scrollbar{display:none;}.featured-tiles>.tile{scroll-snap-align:start;}
 .featured-tiles .tile-thumb{aspect-ratio:1.35;}.featured-tiles .tile-copy{padding:7px;}
 .featured-tiles .tile-copy h3{font-size:13px;line-height:1.45;min-height:2.9em;}
 .featured-tiles .tile-meta{font-size:10px;}.category-badge{font-size:10px;}
 .wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;}
 .wall-grid .tile-thumb{aspect-ratio:1.25;}.wall-grid .tile-copy{padding:7px;}
 .wall-grid .tile-copy h3{font-size:13px;line-height:1.45;min-height:2.9em;}
 .wall-grid .tile-meta{font-size:10px;}
 .mini-box h3{font-size:13px;}.mini-box{padding:9px;}.mini-thumbs{gap:6px;}
 .section-heading h2{font-size:17px;}.section-heading>a{padding:5px 0;min-height:32px;display:inline-flex;align-items:center;}
 .section-heading small{font-size:10px;}.content-section{margin-bottom:24px;}
 .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.directory-grid>a{padding:9px;}.directory-grid strong{font-size:13px;}
 .list-chips a{min-height:36px;display:inline-flex;align-items:center;padding:5px 10px;}
 .pager a{min-width:38px;height:40px;font-size:13px;}.pager{gap:6px;}
 .detail-article{padding:10px 0;background:transparent;}.post-heading,.prev-next,.post-text,.post-actions,.under-post-list,.related-mobile{margin-left:2px;margin-right:2px;}
 .post-heading h1{font-size:22px;line-height:1.45;}.post-heading .tag-cloud a{font-size:11px;min-height:30px;display:inline-flex;align-items:center;}
 .post-actions button{min-height:40px;padding:8px 11px;font-size:12px;}
 .prev-next a{padding:10px;font-size:11px;}.post-text{font-size:15px;line-height:1.8;}
 .post-media{gap:9px;}.detail-media{max-width:100%;height:auto;}.image-open{touch-action:manipulation;}
 .related-mobile .wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.related-mobile .tile-copy h3{font-size:12px;}
 .bottom-nav{position:fixed;z-index:20;left:0;bottom:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--header);border-top:1px solid var(--border);padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0002;}
 .bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;min-height:48px;color:var(--muted);font-size:10px;}
 .bottom-nav a>span{font-size:23px;line-height:1.2;}.bottom-nav a.current{color:var(--accent);}
 .back-top{bottom:calc(77px + env(safe-area-inset-bottom));right:12px;width:36px;height:36px;}
 .toast{bottom:calc(78px + env(safe-area-inset-bottom));font-size:12px;max-width:90vw;white-space:nowrap;}
 #imageDialog{max-width:100vw;width:100vw;max-height:100dvh;border-radius:0;padding:44px 0 12px;}
 #imageDialog img{max-height:calc(100dvh - 65px);max-width:100%;}
 #imageDialog .close-image{min-width:44px;min-height:44px;top:0;right:0;}
 .site-footer{padding-bottom:20px;}
}
@media(max-width:350px){.mobile-nav a{font-size:11px;}.header-inner{gap:6px 8px;}.mini-thumbs{gap:4px;}.section-heading small{display:none;}}
/* Mobile reference video: compact header, two-column list, immersive swipe feed. */
@media(max-width:700px){
 body.mobile-app{--m-header:77px;--m-bottom:52px;--m-safe:env(safe-area-inset-bottom,0px);margin:0;padding:var(--m-header) 0 calc(var(--m-bottom) + var(--m-safe));background:#031a2b;color:#f3f6fa;font-size:12px;}
 .mobile-app .m-header{position:fixed;z-index:30;left:0;right:0;top:0;background:#031725;border-bottom:1px solid #143143;height:var(--m-header);}
 .m-top{height:40px;padding:0 8px;display:flex;gap:7px;align-items:center;}
 .m-brand{font-size:16px;font-weight:900;letter-spacing:-1px;white-space:nowrap;line-height:1;}
 .m-brand span{font-size:10px;color:#ff5a65;letter-spacing:-.3px;margin-left:3px;}
 .m-top nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;}
 .m-top nav a{font-size:11px;padding:7px 9px;white-space:nowrap;border-radius:20px;}
 .m-top nav a.active{background:#e82438;color:white;font-weight:700;}
 .m-mode{font-size:10px;display:flex;align-items:center;gap:4px;white-space:nowrap;min-height:32px;}
 .m-mode b{font-size:9px;padding:3px 5px;border-radius:9px;background:#244454;color:#c8d9e2;}
 .m-mode.on b{background:#ec334b;color:#fff;}
 .m-subnav{height:36px;display:flex;align-items:center;justify-content:space-around;gap:4px;border-top:1px solid #102d3e;padding:0 6px;}
 .m-subnav a,.m-subnav button{font-size:10px;color:#90a9ba;border:0;background:none;padding:7px 5px;white-space:nowrap;}
 .m-subnav a:first-child{color:#e9ac53;}
 .mobile-app #mobileContent{margin:0;padding:8px 7px 12px;}
 .m-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px;align-items:start;}
 .m-tile{display:block;min-width:0;border-radius:6px;overflow:hidden;}
 .m-thumb{position:relative;width:100%;aspect-ratio:1.35;background:#071f30;overflow:hidden;border-radius:6px;}
 .m-thumb>img{display:block;width:100%;height:100%;object-fit:cover;}
 .m-play{position:absolute;right:5px;bottom:5px;font-size:11px;color:white;background:#0008;border-radius:12px;width:20px;height:20px;display:grid;place-items:center;}
 .m-count{position:absolute;right:4px;top:4px;background:#0009;padding:1px 5px;border-radius:8px;font-size:9px;}
 .m-tile h2{font-size:12px;font-weight:600;margin:5px 1px 3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;}
 .m-meta{display:flex;align-items:center;gap:5px;color:#728fa5;font-size:9px;white-space:nowrap;padding:0 1px;}
 .m-meta .category-badge{font-size:9px;border-radius:8px;background:#274e9a;padding:0 5px;}
 .m-meta .category-badge.age15{background:#713fa5;}
 .m-results-title{font-size:15px;line-height:1.5;margin:2px 0 10px;}.m-results-title small{font-size:11px;color:#8da9ba;font-weight:400;}
 .m-bottom{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--m-bottom) + var(--m-safe));padding-bottom:var(--m-safe);background:#031725;border-top:1px solid #153247;}
 .m-bottom>a,.m-bottom>button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#8ba5b5;font-size:9px;line-height:1.2;min-width:0;}
 .m-bottom span{display:block;font-size:21px;line-height:1.2;}.m-bottom>button:first-child{color:#f26476;}
 .mobile-app .pager{margin:20px 0 12px;}.mobile-app .pager a{min-width:34px;height:36px;font-size:12px;}
 .mobile-app[data-mobile-view=feed]{overflow:hidden;height:100dvh;padding-bottom:0;}
 .mobile-app[data-mobile-view=feed] #mobileContent{padding:0;height:calc(100dvh - var(--m-header) - var(--m-bottom) - var(--m-safe));}
 .m-feed{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;position:relative;}
 .m-feed::-webkit-scrollbar{display:none;}
 .m-feed-item{position:relative;isolation:isolate;height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#06131e;}
 .m-gallery{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;}
 .m-gallery::-webkit-scrollbar{display:none;}
 .m-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;overflow:hidden;}
 .m-slide img,.m-slide video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto;}
 .m-slide video{width:100%;height:100%;}
 .m-slide iframe{border:0;width:100%;aspect-ratio:16/9;max-height:100%;}
 .m-slide-count{position:absolute;z-index:3;top:9px;right:10px;padding:3px 7px;border-radius:15px;background:#0008;font-size:10px;color:white;}
 .m-feed-caption{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:65px 64px 14px 12px;pointer-events:none;background:linear-gradient(transparent,#000b 60%,#000d);}
 .m-feed-caption .category-badge{font-size:10px;background:#ce203b;}
 .m-feed-caption h1{font-size:16px;line-height:1.4;font-weight:700;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
 .m-feed-tags{display:flex;flex-wrap:wrap;gap:5px;}.m-feed-tags a{pointer-events:auto;font-size:10px;color:#c5d4df;}
 .m-feed-caption>button{pointer-events:auto;border:0;background:none;padding:8px 0 0;font-size:11px;color:#b0c5d3;}
 .m-feed-actions{position:absolute;z-index:5;right:7px;top:50%;transform:translateY(-45%);display:flex;flex-direction:column;gap:16px;}
 .m-feed-actions>button,.m-feed-actions>a{display:flex;align-items:center;flex-direction:column;border:0;padding:2px 4px;background:#0002;color:white;font-size:10px;text-shadow:0 1px 4px #000;border-radius:8px;min-width:40px;min-height:43px;}
 .m-feed-actions span{font-size:26px;line-height:1.15;font-family:Arial,sans-serif;}.m-feed-actions .active{color:#ff6b84;}
 .m-feed-position{position:absolute;z-index:4;left:12px;top:10px;font-size:10px;background:#0008;border-radius:12px;padding:3px 7px;}
 .mobile-app .m-dialog{max-width:100%;width:100%;max-height:85dvh;border:1px solid #254455;border-radius:14px 14px 0 0;background:#062238;color:#edf4f9;margin:auto 0 0;padding:16px 14px calc(18px + env(safe-area-inset-bottom));}
 .mobile-app .m-dialog::backdrop{background:#000a;}.m-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}.m-dialog header button{border:0;background:none;color:#fff;width:34px;height:34px;font-size:20px;}.m-dialog form{display:flex;gap:7px;margin-bottom:20px;}.m-dialog input{min-width:0;flex:1;height:42px;border:1px solid #36515e;background:#011927;color:#fff;border-radius:8px;padding:0 10px;font-size:16px;}.m-dialog form button{background:#e62d48;color:#fff;border:0;border-radius:8px;padding:0 14px;}.m-dialog h3{font-size:14px;}.m-dialog .tag-cloud a{font-size:12px;min-height:32px;display:inline-flex;align-items:center;}.m-directory-links{display:flex;gap:18px;margin-top:20px;color:#f77d92;font-size:13px;}.m-dialog-content h2{font-size:19px;}.m-dialog-content p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;}.m-dialog-content>a{display:inline-block;margin:12px 0;color:#ff8b9e;}
 .mobile-app .toast{bottom:calc(var(--m-bottom) + var(--m-safe) + 12px);z-index:60;}
 .m-directory,.m-classic-detail{padding:12px 8px;}.m-classic-detail .detail-article{padding:0;}.m-classic-detail .site-sidebar{display:none;}
 .mobile-app .empty-page{min-height:60vh;}
}

/* No per-item unlock: restricted previews require the page-level mode switch. */
.mode-lock-notice{position:absolute;z-index:8;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#fff;text-align:center;pointer-events:none;background:#00152255;}
.mode-lock-notice>span{font-size:20px;}.mode-lock-notice strong{font-size:12px;font-weight:600;border:1px solid #ffffff20;background:#153a4bd9;border-radius:9px;padding:9px 12px;}
.is-mode-locked .m-thumb>img{filter:blur(14px) brightness(.6);transform:scale(1.12);}
.is-mode-locked .m-thumb .m-play{display:none;}
.m-locked-gallery{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.m-locked-gallery>img{width:100%;max-height:100%;object-fit:contain;filter:blur(22px) brightness(.55);transform:scale(1.08);pointer-events:none;}
.m-locked-gallery .mode-lock-notice strong{font-size:14px;padding:12px 16px;}
.is-mode-locked .m-feed-actions{display:none;}

/* Feed windows preserve their position while old cards are released. */
.m-feed{overflow-anchor:none}

/* Mobile gallery affordances and readable, scrollable full-width originals. */
@media(max-width:700px){
 .m-gallery-dots{position:absolute;z-index:6;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:#0005;pointer-events:none}
 .m-gallery-dots span{display:block;width:6px;height:6px;border-radius:50%;background:#ffffff70;box-shadow:0 1px 3px #0008}
 .m-gallery-dots span.active{background:#fff;width:8px;height:8px}
 .m-gallery-hint{position:absolute;z-index:4;top:44px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#fff;background:#0008;border-radius:16px;padding:5px 10px;pointer-events:none}
 .m-gallery-hint[hidden]{display:none}
 .m-feed-caption{padding-bottom:32px}
 #imageDialog{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:48px 0 12px;overflow-y:auto;overscroll-behavior:contain;}
 #imageDialog img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto;}
 #imageDialog .close-image{position:fixed;z-index:2;right:8px;top:4px;background:#06131be8;border-radius:50%;}
}