@font-face{font-family:FI;src:url('assets/NotoSansKR.ttf') format('truetype');font-weight:100 900;font-display:swap}body{background:#101111;color:#f4f2eb;font-family:FI,Arial,sans-serif}header{border-color:#353535;padding:22px 5%}.logo{font-size:44px;letter-spacing:-2px}.logo small{font-family:FI;font-size:8px;letter-spacing:1px}nav{color:#ccc}nav a:hover{color:white}.intro{padding:22px 0 48px}.intro-top{display:flex;justify-content:space-between;color:#929292;font-size:10px;letter-spacing:1.6px}.intro-copy{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:34px 0 36px}h1{font-family:FI;font-size:clamp(38px,4.1vw,60px);font-weight:900;line-height:1.18;letter-spacing:-3px;margin:0}h1 em{font-style:normal;color:#f34525}.intro-copy p{margin:0 0 7px;color:#aaa;font-size:13px;line-height:1.9}.cover-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.issue-cover{display:block;min-width:0}.issue-cover img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;object-position:center;transition:transform .25s;outline:1px solid #333}.issue-cover:hover img{transform:translateY(-5px)}.issue-cover span{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:3px solid #f34525;font-size:10px;letter-spacing:.5px}.issue-cover:nth-child(2) span{border-color:#2467ed}.issue-cover:nth-child(3) span{border-color:#21c477}.issue-cover i{font-style:normal;color:#aaa;font-size:10px}.archive-divider{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid #555;border-bottom:1px solid #555;font-size:11px;letter-spacing:2px;margin-bottom:48px}.archive-divider b{color:#f34525;font-size:24px}.sectiontop{border:0;padding-top:0}.sectiontop h2{font-size:25px;font-weight:900;letter-spacing:-1px}.sectiontop span{color:#aaa}#issues button{color:#aaa;border-color:#414141;background:#171818}#issues button.active{color:white;border-color:#eee;background:#292a2a}#issues strong{font-family:Impact,FI;font-size:27px;letter-spacing:.5px}#issues small{color:#aaa}.tools button,#categories button{color:#aaa;border-color:#444;font-size:12px;font-weight:700}.tools button.active{color:#fff}input{background:#181919;border-color:#444;color:white;font-size:12px}#saved[aria-pressed=true]{color:#111;background:#eee}#categories button.active{background:#13251b}#meta{color:#999;line-height:1.7}.charthead{border-color:#666}.charthead h2{font-weight:900;font-size:40px}.topten{font-family:Impact,FI;font-size:65px;line-height:1;letter-spacing:-1px}.picture{aspect-ratio:9/14;outline:1px solid #333}.picture:after{inset:0;background:linear-gradient(#000c 0%,#0003 25%,transparent 40%,#0004 58%,#000f 100%)}.photo-brand{position:absolute;left:16px;top:16px;z-index:1;font:900 27px Georgia;letter-spacing:-1px}.photo-brand small{display:block;font:6px FI;letter-spacing:.5px}.photo-date{position:absolute;left:16px;top:61px;z-index:1;font-size:9px;font-weight:800;letter-spacing:0}.rank{top:auto;left:16px;bottom:125px;padding:0;background:transparent;font-family:Impact,FI;font-size:55px;color:var(--accent);line-height:1;letter-spacing:-2px}.rank small{font-family:FI;font-weight:900;font-size:15px;letter-spacing:0}.overlay{bottom:20px}.overlay small{display:none}.overlay strong{font-family:FI;font-weight:900;font-size:20px;letter-spacing:-.7px;line-height:1.5;min-height:60px}.cardline{margin-top:13px}.cardline b{font-size:21px;color:var(--accent)}.bookmark{color:#eee}.subline{color:#aaa;font-size:11px}.empty{border-color:#444;color:#aaa}#method{border-color:#444}#method p{color:#aaa}#method h2{font-weight:900}footer{border-top:1px solid #333;background:#090a0a}dialog{background:#171818;color:#eee;border:1px solid #555}#close{color:white}.detailgrid a,.detailgrid button{color:white;border-color:#666}.detailgrid h3{color:var(--accent)}@media(min-width:1300px){.cover-shelf{gap:28px}.issue-cover img{aspect-ratio:9/13}}@media(max-width:700px){.intro-top{font-size:8px;letter-spacing:.5px}.intro-copy{display:block;margin:28px 0}.intro-copy p{margin-top:20px;font-size:12px}h1{font-size:39px;letter-spacing:-2px}.cover-shelf{gap:10px;display:flex;overflow-x:auto;padding:5px 2px 12px;scroll-snap-type:x mandatory}.issue-cover{flex:0 0 74%;scroll-snap-align:start}.issue-cover img{aspect-ratio:9/14}.issue-cover span{font-size:9px}.intro{padding-bottom:24px}.archive-divider{font-size:9px;letter-spacing:1px;margin-bottom:28px}#issues strong{font-size:17px;letter-spacing:0}.sectiontop h2{font-size:22px}.sectiontop span{font-size:10px}.charthead h2{font-size:28px}.topten{font-size:45px}.photo-brand{font-size:22px;left:10px;top:12px}.photo-date{left:10px;top:49px;font-size:7px}.rank{left:10px;bottom:105px;font-size:44px}.overlay strong{font-size:15px;min-height:48px;line-height:1.45}.overlay{bottom:14px}.cardline b{font-size:16px}.subline{font-size:9px}.picture{aspect-ratio:9/15}}
#frequency{display:flex;gap:8px;margin:0 0 16px}#frequency button{border:1px solid #555;color:#aaa;background:none;padding:12px 28px;font:700 15px FI;min-height:46px}#frequency button.active{background:#eee;color:#111;border-color:#eee}#issues{grid-template-columns:repeat(2,minmax(0,1fr))}#issues button:only-child{grid-column:1/-1}#categories{max-width:100%;gap:8px}.topten{font-size:clamp(24px,4vw,60px)}#register{border-top:1px solid #444;padding:60px 0;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:40px}#register h2{font-size:30px;line-height:1.5;letter-spacing:-1px}#register p{color:#aaa;font-size:13px;line-height:1.8}#registration{display:grid;gap:12px}#registration input,#registration textarea{width:100%;background:#1b1c1c;border:1px solid #555;color:white;font:16px FI;padding:14px}#registration label{font-size:14px;font-weight:700}#registration label span{font-size:11px;color:#aaa;margin-left:6px}#registration button{background:#2467ed;border:0;color:white;font:800 16px FI;padding:16px;min-height:52px}#registration button:disabled{opacity:.5}#registration .form-note{font-size:11px;margin:0}.trap{display:none}#form-status{margin:0;min-height:24px}button,input,textarea,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}.overlay strong{overflow-wrap:anywhere}#meta:empty{margin:12px 0}section{scroll-margin-top:24px}@media(max-width:700px){header{flex-wrap:wrap;gap:18px;padding:16px 5%}nav{flex:1;justify-content:flex-end;gap:14px}nav a{font-size:11px;min-height:44px;display:flex;align-items:center}.logo{font-size:36px}.intro-copy h1{font-size:36px;letter-spacing:-1.8px}.intro-copy p{max-width:28em}.intro-top{gap:15px}.cover-shelf{margin-right:-5.5%;padding-right:5.5%;scroll-padding-left:2px}.issue-cover{flex-basis:80%}#frequency button{flex:1}#issues{grid-template-columns:repeat(2,minmax(0,1fr))}#issues button{min-height:100px}#types{width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin:0}.tools{display:block}.tools label{display:block;margin-top:12px}.tools input{width:100%;font-size:16px;min-height:48px}.tools button{min-height:46px}#categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}#categories button{white-space:nowrap;flex-shrink:0;min-height:44px;padding:10px 15px}.charthead{gap:12px;align-items:center;margin-top:24px}.charthead h2{font-size:25px;letter-spacing:-1px}.topten{font-size:32px}#periodLabel{font-size:10px;letter-spacing:0}.cardline b{font-size:16px}.cardline small{font-size:10px}.subline{font-size:11px}.photo-date{font-size:8px}.overlay strong{font-size:16px}.rank{bottom:112px}#register{grid-template-columns:1fr;gap:20px;padding:36px 0;margin-top:45px}#register h2{font-size:24px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:36px 18px 20px;margin:auto}#close{min-width:44px;min-height:44px;right:2px;top:0;background:#171818}.detailgrid{gap:16px}.detailgrid h2{font-size:25px}.detailgrid a{width:100%;text-align:center;min-height:48px}.detailgrid img{max-height:40dvh;object-fit:contain}footer{gap:14px;flex-wrap:wrap}footer span{font-size:9px}}@media(max-width:370px){nav{gap:10px}nav a{font-size:10px}.photo-date{font-size:7px}.cardline b{font-size:14px}.overlay strong{font-size:14px}.charthead h2{font-size:22px}.topten{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.issue-cover[data-feature="creators"] span{border-color:#2467ed}.issue-cover[data-feature="content"] span{border-color:#f34525}.issue-cover[data-feature="category"] span{border-color:#21c477}@media(max-width:700px){.cover-shelf,#categories{scrollbar-width:none}.cover-shelf::-webkit-scrollbar,#categories::-webkit-scrollbar{display:none}}
h1 em{color:#2467ed}
.intro{padding-top:0}.intro-copy{margin-top:24px}@media(max-width:700px){.intro{padding-top:0}.intro-copy{margin-top:20px}}
/* Small labels: retain the typeface, relax dense strokes. */
#issues strong{font-size:28px;font-weight:400;letter-spacing:1px;line-height:1.3}#types button{font-size:14px;font-weight:600;letter-spacing:.2px}#issues small{font-size:12px;letter-spacing:.3px;font-weight:400}#frequency button{font-weight:600}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:700px){#issues strong{font-size:23px;letter-spacing:.6px}#types button{font-size:14px;font-weight:600}#issues small{font-size:11px}}@media(max-width:370px){#issues strong{font-size:21px;letter-spacing:.3px}}
#issues{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}#issues button{flex:0 0 270px;scroll-snap-align:start}#types{display:flex;overflow-x:auto;gap:6px;scrollbar-width:thin;max-width:100%;padding-bottom:5px;scroll-snap-type:x proximity}#types button{flex:0 0 auto;min-width:125px;scroll-snap-align:start}@media(max-width:700px){#issues{scrollbar-width:none}#issues button{flex-basis:240px;min-height:112px}#types{display:flex;width:100%;scrollbar-width:none}#types button{min-width:132px;padding:12px 20px}#issues::-webkit-scrollbar,#types::-webkit-scrollbar{display:none}}