@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 :is(h1,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 :is(h1,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 :is(h1,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 :is(h1,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}}

/* Approved magazine masthead */
.intro-copy h1{letter-spacing:-.04em}.intro-copy h1 em{color:#2467ed}@media(max-width:700px){.intro-copy h1{font-size:clamp(29px,8vw,45px)}}

/* Compact chart controls */
#frequency{gap:6px;margin:0 0 8px}#frequency button{padding:8px 18px;min-height:38px;font-size:13px;flex:0 0 auto}
#issues{gap:6px;padding:0 0 4px;margin:0 0 12px}#issues button{flex:0 0 auto;min-height:40px;padding:8px 14px;display:flex;align-items:center;gap:8px}#issues small{display:none}#issues strong{font-family:FI,Arial,sans-serif;font-weight:600;font-size:14px;line-height:1.4;letter-spacing:0}
.tools{margin:0 0 8px;gap:12px;align-items:center}#types{gap:5px;padding:0}#types button{min-width:0;min-height:38px;padding:8px 15px;font-size:13px}.tools input{min-height:38px;padding:8px 12px}.tools label{margin:0}
#categories{gap:5px;flex-wrap:nowrap;overflow-x:auto;margin:0 0 10px;padding:0 0 4px}#categories button{flex:0 0 auto;white-space:nowrap;min-height:36px;padding:7px 11px;font-size:12px}
.charthead{margin-top:12px}#periodLabel{margin-top:12px}
@media(max-width:700px){#frequency{margin-bottom:7px}#issues button{min-height:40px;flex-basis:auto}#issues strong{font-size:13px}.tools{display:flex;flex-wrap:wrap;gap:7px}#types{width:auto;flex:1}#types button{padding:8px 13px;font-size:12px;min-width:0;min-height:38px}.tools label{width:100%;margin:0}.tools input{min-height:38px;font-size:14px}#categories{padding-bottom:4px}#categories button{min-height:38px;padding:8px 11px}.charthead{margin-top:12px}}

/* Bound editions: preserve cover artwork, add a physical book structure. */
.cover-shelf{gap:40px;padding:18px 20px 0;align-items:end;perspective:1800px;background:radial-gradient(ellipse at 50% 75%,#ffffff06,transparent 65%)}
.issue-cover{--book-color:#2467ed;perspective:1200px}.issue-cover[data-feature=content]{--book-color:#f34525}.issue-cover[data-feature=category]{--book-color:#21c477}
.book-object{position:relative;width:94%;margin:0 auto 26px;aspect-ratio:9/14;transform-style:preserve-3d;transform:rotateY(-15deg) rotateZ(-1deg);transition:transform .35s;filter:drop-shadow(15px 20px 12px #0009)}
.book-front{position:absolute;inset:0;z-index:3;border-radius:1px 4px 4px 1px;overflow:hidden;box-shadow:inset 1px 0 #fff5}
.book-front:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0007 0%,#fff2 2%,#0006 3%,transparent 6%,transparent 90%,#fff1 99%,#0005);border:1px solid #ffffff18;border-radius:inherit}
.issue-cover .book-front img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;outline:0;transform:none}
.book-pages{position:absolute;top:5px;bottom:4px;left:100%;width:15px;background:repeating-linear-gradient(90deg,#d8d3c8 0px,#ece8df 1px,#aaa69b 2px,#f1ede4 3px);transform:skewY(32deg);transform-origin:left;box-shadow:2px 0 0 #262626;border-radius:0 2px 2px 0}
.book-spine{position:absolute;left:-12px;top:1px;bottom:0;width:14px;background:linear-gradient(90deg,#080909,var(--book-color));writing-mode:vertical-rl;color:#fff9;font:bold 10px Georgia;text-align:center;letter-spacing:2px;padding-top:12px;transform:rotateY(-35deg);transform-origin:right}
.issue-cover:hover .book-object{transform:rotateY(-5deg) translateY(-5px)}.issue-cover:hover img{transform:none}.issue-cover>span{padding:10px 0 13px;letter-spacing:.2px}.issue-cover>span b{font-size:10px}
@media(max-width:700px){.cover-shelf{padding:14px 12px 14px;gap:32px;overflow-y:hidden}.issue-cover{flex-basis:67%}.book-object{width:90%;margin-bottom:20px;transform:rotateY(-13deg)}.book-pages{width:12px}.issue-cover>span{font-size:9px}.issue-cover>span b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.book-object{transition:none}}

/* Thin magazine covers */
.book-object{transform:rotateY(-5deg) rotateZ(-.5deg);filter:drop-shadow(3px 7px 5px #0005);margin-bottom:0}
.book-pages{top:2px;bottom:2px;width:3px;transform:skewY(16deg);background:linear-gradient(90deg,#bcb9b0,#eeeae0);box-shadow:none;border-radius:0}
.book-spine{left:-2px;width:3px;padding:0;font-size:0;transform:none;background:var(--book-color)}
.issue-cover:hover .book-object{transform:rotateY(-2deg) translateY(-3px)}
.issue-cover>span{display:none}
@media(max-width:700px){.book-object{transform:rotateY(-5deg);margin-bottom:0}.book-pages{width:2px}.cover-shelf{padding-bottom:8px}}


/* Selected concept 01: translucent aurora behind unchanged headline */
.intro-copy{position:relative;isolation:isolate}
.intro-copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-30px -10px -28px -15px;background:radial-gradient(ellipse at 36% 25%,rgba(108,65,217,.16),transparent 29%),radial-gradient(ellipse at 50% 48%,rgba(46,105,225,.23),transparent 36%),radial-gradient(ellipse at 68% 68%,rgba(55,201,165,.17),transparent 32%);filter:blur(22px)}
@media(max-width:700px){.intro-copy::before{inset:-14px 0 -15px;background:radial-gradient(ellipse at 27% 24%,rgba(108,65,217,.13),transparent 38%),radial-gradient(ellipse at 49% 46%,rgba(46,105,225,.20),transparent 43%),radial-gradient(ellipse at 73% 69%,rgba(55,201,165,.15),transparent 37%);filter:blur(17px)}}


#load-more{display:block;margin:28px auto 40px;padding:14px 32px;background:var(--accent);color:white;border:0;font:700 14px Arial,sans-serif}#load-more[hidden]{display:none}.rank{font-variant-numeric:tabular-nums}footer a{font-size:12px;color:#999}

.ranking-row{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:20px 6px;border-bottom:1px solid #333;min-width:0}.row-rank{font-size:28px;color:var(--accent);font-weight:900;min-width:60px}.row-rank small{font-size:11px;margin-left:4px}.row-info{flex:1;min-width:0}.row-info strong{display:block;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.row-info small{display:block;color:#999;margin-top:6px;font-size:12px;letter-spacing:0}.ranking-row>b{font-size:19px;white-space:nowrap}.ranking-row>b small{display:block;text-align:right;font-size:10px;color:#999;margin-top:5px}@media(max-width:600px){.ranking-row{gap:10px;padding:15px 0}.row-rank{min-width:38px;font-size:23px}.row-info strong{font-size:13px}.ranking-row>b{font-size:14px}.row-info small{font-size:10px}}

/* Readable editorial rows for the extended ranking */
.ranking-row{display:grid;grid-template-columns:58px minmax(0,1fr) 150px;gap:22px;padding:24px 20px;background:#181818;border:1px solid #303030;align-items:start}.ranking-row:hover{border-color:var(--accent);background:#1c1c1c}.row-rank{font-size:32px;min-width:0}.row-info strong{font-family:Arial,'Malgun Gothic',sans-serif;font-size:20px;line-height:1.5;letter-spacing:-.4px;color:#fafafa}.row-category{display:block;font:600 12px Arial,'Malgun Gothic',sans-serif;color:var(--accent);margin:0 0 7px}.row-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px;font:14px/1.7 Arial,'Malgun Gothic',sans-serif;color:#bcbcbc;overflow-wrap:anywhere}.row-info small{font-size:13px;margin-top:12px;color:#ddd;overflow-wrap:anywhere}.ranking-row>b{text-align:right;font:700 21px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums}.ranking-row>b small{font:12px/1.6 Arial,'Malgun Gothic',sans-serif;letter-spacing:0;margin:0 0 5px}.ranking-row>b small:last-child{margin-top:12px}@media(max-width:600px){.ranking-row{grid-template-columns:35px minmax(0,1fr);gap:10px;padding:18px 12px}.row-rank{font-size:25px}.row-info strong{font-size:17px}.row-description{font-size:13px;-webkit-line-clamp:3}.ranking-row>b{grid-column:2;text-align:left;font-size:18px;border-top:1px solid #333;padding-top:10px}.ranking-row>b small{display:inline;text-align:left;margin-right:8px;font-size:11px}.ranking-row>b small:last-child{display:block;margin:4px 0 0}.row-info small{font-size:12px}}
.row-rank{white-space:nowrap}@media(max-width:600px){.ranking-row{grid-template-columns:44px minmax(0,1fr)}.row-rank small{font-size:10px;margin-left:2px}}

/* Compact mobile browsing: period switch + native date picker, image-led list */
.period-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.period-toolbar #frequency{display:flex;gap:0;margin:0;padding:3px;background:#232424;border:1px solid #383939;border-radius:8px;flex-shrink:0}.period-toolbar #frequency button{border:0;border-radius:5px;background:transparent;color:#a8a8a8;padding:0 16px;min-height:38px;font:600 13px FI,Arial,sans-serif}.period-toolbar #frequency button.active{background:#efeee9;color:#111}.period-picker{position:relative;display:block;min-width:0}.period-picker select{width:100%;min-height:46px;border:1px solid #393a3a;border-radius:8px;background:#191a1a;color:#eee;padding:0 32px 0 12px;font:600 13px FI,Arial,sans-serif;letter-spacing:0;cursor:pointer}.period-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ranking-row{grid-template-columns:120px minmax(0,1fr);padding:12px;gap:18px;align-items:center;min-height:174px}.row-thumb{display:block;position:relative;width:120px;height:150px;overflow:hidden;border-radius:4px;background:#242525}.row-thumb img{display:block;width:100%;height:100%;object-fit:cover}.row-rank{position:absolute;left:0;top:0;background:#101111e8;padding:5px 8px;font:800 21px/1.2 FI,Arial,sans-serif;color:var(--accent);white-space:nowrap}.row-rank small{font:700 10px FI,sans-serif;margin-left:2px}.row-info strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:700 18px/1.45 FI,Arial,sans-serif;letter-spacing:-.4px}.row-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:12px/1.5 FI,Arial,sans-serif;color:#aaa;margin-top:8px}.row-category{font:600 11px/1.3 FI,Arial,sans-serif;margin:0 0 6px}.row-views{display:block;font:750 19px/1.4 FI,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#f2f2ef;margin-top:10px}.row-views span{font-size:11px;font-weight:400;color:#aaa}.thumb-pending{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 22px Georgia;color:#999}.thumb-pending small{font:10px FI,Arial,sans-serif;letter-spacing:0;margin-top:8px}
@media(max-width:700px){.period-toolbar{gap:8px;margin:0 0 12px}.period-toolbar #frequency button{padding:0 12px;min-height:38px;font-size:12px}.period-picker{flex:1}.period-picker select{font-size:12px;padding-left:9px;padding-right:20px;min-height:46px}.tools{margin:0 0 10px;gap:9px}#types{width:100%;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:0;border-bottom:1px solid #393939;overflow:visible}#types button{border:0;border-bottom:2px solid transparent;background:none;padding:11px 4px;font-size:13px;min-height:44px;white-space:nowrap}#types button.active{background:none;border-bottom-color:var(--accent);color:var(--accent)}.tools label{width:100%}.tools input{width:100%;min-height:40px;border-radius:6px}.charthead{padding-bottom:12px;margin-top:18px}.charthead :is(h1,h2){font-size:23px;letter-spacing:-.7px}.charthead .topten{font-family:FI,Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:-1px}.charthead #periodLabel{font-size:10px;letter-spacing:0}#meta{margin:9px 0 14px;font-size:11px}#cards{gap:14px 10px}.ranking-row{grid-template-columns:104px minmax(0,1fr);padding:10px;gap:12px;min-height:160px;border-color:#303131;border-radius:6px}.row-thumb{width:104px;height:138px}.row-info strong{font-size:15px;line-height:1.45;letter-spacing:-.3px}.row-info small{font-size:11px;margin-top:7px}.row-category{font-size:10px;margin-bottom:5px}.row-views{font-size:17px;margin-top:9px}.row-views span{font-size:10px}.row-rank{font-size:20px}.row-rank small{font-size:10px}#categories{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}#categories button{flex-shrink:0;min-height:38px}.intro-copy{margin:22px 0}.intro-copy p{margin-top:12px}.intro{padding-bottom:20px}}
@media(max-width:360px){.period-toolbar{gap:6px}.period-toolbar #frequency button{padding:0 9px}.period-picker select{font-size:11px}.ranking-row{grid-template-columns:90px minmax(0,1fr);gap:10px}.row-thumb{width:90px;height:134px}.row-info strong{font-size:14px}.row-views{font-size:16px}}

.book-front{container-type:inline-size}.issue-cover .book-front img.cover-100-label{position:absolute;left:7.2%;top:calc(50% + 5.4cqw);width:85.6%;height:27cqw;object-fit:fill;z-index:1}.issue-cover .book-front img.cover-100-badge{position:absolute;left:59%;top:calc(50% - 73.8cqw);width:29.5%;height:10.5cqw;object-fit:fill;z-index:1}.image-failed{display:flex;align-items:center;justify-content:center;background:#242525}.image-failed:after{content:'원본 보기 ↗';color:#aaa;font:12px FI,sans-serif}.image-failed img{display:none}

/* Top ten: legible rank badge and editorial caption panel */
.card{border:1px solid #333;border-radius:5px;overflow:hidden;background:#191a1a;min-width:0}.card .picture{outline:0;aspect-ratio:9/12}.card .picture:after{background:linear-gradient(#000a 0%,transparent 36%,#0001 52%,#000d 100%)}.card .rank{left:12px;bottom:80px;background:var(--accent);color:#fff;padding:6px 12px;border-radius:3px;font:900 40px/1.1 FI,Arial,sans-serif;letter-spacing:-1px;box-shadow:0 2px 12px #0005}.card .rank small{font:700 15px FI,sans-serif;margin-left:3px}.card .overlay{left:14px;right:12px;bottom:15px}.card .overlay strong{font-size:18px;line-height:1.35;min-height:0;overflow-wrap:anywhere;text-shadow:0 2px 6px #000}.card-details{padding:16px 14px}.card-category{font-size:11px;color:#bcbcbc;display:block;margin-bottom:7px}.card-content-title{font-size:16px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em;letter-spacing:-.3px;color:#fafafa}.card .cardline{display:block;border-top:1px solid #363737;padding-top:12px;margin-top:13px}.card .cardline>span{display:block;font-size:11px;color:#aaa;margin-bottom:4px}.card .cardline b{font-size:23px;line-height:1.3;color:#f7f7f2;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.card .cardline b small{font-size:11px;color:#aaa;margin-left:4px;letter-spacing:0}.card .subline{font-size:11px;color:#bbb;margin-top:9px;display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap}.card .subline span{color:#bbb}.card .photo-date{font-size:9px}.card .photo-brand{font-size:26px}@media(max-width:700px){.card-details{padding:12px 10px}.card .rank{font-size:30px;padding:5px 9px;left:9px;bottom:68px}.card .rank small{font-size:12px}.card .overlay{left:10px;bottom:12px}.card .overlay strong{font-size:13px}.card-content-title{font-size:14px;line-height:1.5;min-height:3em}.card-category{font-size:10px;line-height:1.5}.card .cardline b{font-size:18px}.card .cardline>span{font-size:10px}.card .subline{font-size:10px}.card .photo-date{font-size:7px}.card .photo-brand{font-size:22px}.card .picture{aspect-ratio:9/13}}

.creator-card{display:flex;flex-direction:column;background:#17191d;border-top:3px solid #2467ed}.creator-heading{display:flex;gap:10px;align-items:center;padding:16px 14px 10px;min-height:70px}.creator-position{display:inline-flex;align-items:baseline;gap:2px;flex-shrink:0;background:#2467ed;color:white;padding:5px 8px;border-radius:3px;font:900 26px/1.2 FI,sans-serif}.creator-position small{font-size:11px;letter-spacing:0}.creator-heading>strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.creator-total{padding:4px 14px 17px}.creator-total>span{display:block;font:500 12px/1.6 FI,sans-serif;color:#c2cbdf}.creator-total>b{display:block;font:850 28px/1.5 FI,sans-serif;color:#fff;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.creator-total>b small{font-size:12px;color:#adb5c5;margin-left:4px;letter-spacing:0}.creator-example{position:relative;margin:0 14px;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#262727}.creator-example>img{width:100%;height:100%;object-fit:cover;display:block}.example-label{position:absolute;bottom:0;left:0;background:#101010e8;color:#ddd;font:500 11px/1.5 FI,sans-serif;padding:5px 8px;z-index:1}.creator-caption{padding:12px 14px 14px;font-size:12px;line-height:1.5;color:#b5b5b5}.creator-caption>span{display:block;margin-top:10px;color:#d5d5d5;font-size:11px}.creator-sum-label{display:block;font:500 12px/1.5 FI,sans-serif;color:#b9c4da;margin-top:10px}.creator-row .row-info>strong{font-size:18px;overflow-wrap:anywhere}.creator-row .row-views{font-size:23px;margin-top:3px}.creator-row .row-views>span{margin-left:4px}.creator-row .example-label{font-size:10px;padding:3px 5px}@media(max-width:700px){.creator-heading{padding:12px 10px 8px;gap:7px;min-height:65px}.creator-position{font-size:21px;padding:4px 6px}.creator-position small{font-size:10px}.creator-heading>strong{font-size:12px}.creator-total{padding:2px 10px 12px}.creator-total>span{font-size:10px;min-height:3.2em}.creator-total>b{font-size:20px;letter-spacing:-.7px;white-space:nowrap}.creator-total>b small{font-size:10px;margin-left:2px}.creator-example{margin:0 10px;aspect-ratio:1}.creator-caption{font-size:11px;padding:10px}.creator-row .row-info>strong{font-size:14px}.creator-sum-label{font-size:10px;margin-top:8px}.creator-row .row-views{font-size:20px}.creator-row .row-info small{font-size:10px}}

.profile-card{position:relative;text-align:center;border:1px solid #30343d;border-top:3px solid #2467ed;background:linear-gradient(145deg,#1b202b,#141619)}.profile-portrait{position:relative;padding:24px 22px 16px}.profile-portrait>.creator-position{position:absolute;left:12px;top:12px}.creator-avatar{display:block;width:144px;height:144px;max-width:75%;aspect-ratio:1;margin:auto;border-radius:50%;overflow:hidden;border:2px solid #3b465c;background:#242a36}.creator-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.profile-handle{display:block;padding:0 12px 12px;font-size:17px;overflow-wrap:anywhere}.profile-link{color:#b5c4de;font-size:11px;padding:0 12px 16px}.profile-card .creator-total{border-top:1px solid #30343d;margin:0 12px;padding:12px 0}.profile-row-photo{background:#1c2331!important}.profile-row-photo>img{object-fit:cover!important;border-radius:50%;width:84px!important;height:84px!important;margin:auto;position:absolute;inset:0}.profile-fallback{display:grid;place-items:center;height:100%;font-size:32px;color:#acc5fa}@media(max-width:700px){.profile-portrait{padding:24px 8px 12px}.creator-avatar{width:100px;height:auto;max-width:78%}.profile-portrait>.creator-position{top:6px;left:6px;font-size:19px}.profile-handle{font-size:12px;padding:0 8px 10px}.profile-card .creator-total{margin:0 8px;padding:10px 0}.profile-card .creator-total>b{font-size:19px}.profile-row-photo>img{width:80px!important;height:80px!important}}

/* Account metrics: deliberate lines and aligned rows, including narrow mobile cards. */
.profile-card .profile-handle{height:2.8em;min-height:2.8em;display:flex;align-items:center;justify-content:center;line-height:1.4;padding:0 10px;margin:0 0 12px;word-break:normal;overflow-wrap:anywhere}.profile-card .creator-total{margin:0 14px;padding:12px 0 10px}.creator-summary{display:grid;grid-template-columns:1fr;gap:4px;text-align:center;line-height:1.45}.creator-period{font-size:12px;color:#a8b4c8;white-space:nowrap}.creator-posts{font-size:12px;color:#d5dcea;white-space:nowrap}.creator-metric-label{font-size:12px;color:#a8b4c8;white-space:nowrap;margin-top:6px}.profile-card .creator-total>b{font-size:clamp(20px,2.2vw,28px);line-height:1.4;letter-spacing:-.5px;white-space:nowrap;margin-top:4px}.profile-card .creator-total>b small{margin-left:4px;font-size:11px}.profile-link{margin-top:auto;padding-bottom:16px}.creator-row .creator-sum-label{display:flex;flex-wrap:wrap;gap:4px 8px;line-height:1.5}.creator-row .creator-metric-label{flex-basis:100%;margin-top:0}.chart-notes{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:12px 0 20px}.chart-notes p{margin:0!important;font-size:12px;color:#a8b4c8}.refresh-schedule{white-space:nowrap}@media(max-width:700px){.profile-card .profile-handle{font-size:12px;height:2.8em;min-height:2.8em;margin-bottom:10px}.profile-card .creator-total{margin:0 9px;padding:10px 0}.creator-summary{gap:3px}.creator-summary .creator-period,.creator-summary .creator-posts,.creator-summary .creator-metric-label{font-size:11px;line-height:1.5}.profile-card .creator-total>b{font-size:clamp(17px,4.6vw,25px);letter-spacing:-.5px}.profile-card .creator-total>b small{font-size:10px;margin-left:3px}.chart-notes{align-items:flex-start;flex-direction:column;gap:5px;margin:10px 0 16px}.chart-notes p{font-size:11px}.creator-row .creator-period,.creator-row .creator-posts,.creator-row .creator-metric-label{font-size:11px}}

.image-unavailable{position:absolute;inset:0;display:grid;place-items:center;color:#c4ccd9;background:#202530;font:500 12px/1.5 FI,sans-serif}.creator-avatar{position:relative}.image-failed>img[hidden]{display:none}.creator-avatar.image-failed:after,.profile-row-photo.image-failed:after{content:none!important}.card-details .cardline{margin-top:8px}