@charset "UTF-8";
:root{--ink:#19231e;--muted:#778078;--line:#e5e9e4;--green:#b8ef51;--paper:#fff;--soft:#f7f9f5;--radius:16px;font-family:Inter,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0}svg{flex-shrink:0;vertical-align:middle}a,button{transition:background .18s,color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #488423;outline-offset:4px}input,select{min-width:0;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:white;color:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.055em}h2{font-size:25px;margin-bottom:0}h3{font-size:18px}p{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:15px;z-index:5;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{height:90px;border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1280px;padding:0 32px;height:100%;margin:auto;display:flex;align-items:center;gap:45px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:29px;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.logo-icon{width:39px;height:39px;border-radius:12px;background:var(--green);display:grid;place-items:center}.logo-en{font-size:11px;letter-spacing:.02em;align-self:flex-end;margin-bottom:8px;font-weight:800}.primary-nav{display:flex;align-items:center;gap:27px;white-space:nowrap;height:100%}.primary-nav a{font-size:14px;font-weight:700;position:relative;display:flex;align-items:center;height:100%;color:#626960}.primary-nav a:hover,.primary-nav a.active{color:#1e381c}.primary-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}.header-search{margin-left:auto;display:flex;align-items:center;background:#f5f6f3;border-radius:8px;width:204px}.header-search input{background:transparent;border:0;width:160px;font-size:13px;padding:11px 13px}.header-search button{background:none;padding:8px 13px 8px 0}.page-wrap{max-width:1280px;padding:0 32px;margin:0 auto;min-height:65vh}.home-hero{margin-top:30px;padding:35px 48px 30px;background:#f4f7f0;border:1px solid #edf0e8;border-radius:20px;position:relative}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#63715e;margin-bottom:12px}.tiny-mark{display:inline-grid;place-items:center;background:var(--ink);color:var(--green);border-radius:5px;width:23px;height:23px;font-size:14px;margin-right:7px;letter-spacing:-1px}.hero-top .eyebrow{margin:0;letter-spacing:.09em}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#6b7467;white-space:nowrap}.text-link:hover{color:var(--ink)}.hero-top>.text-link{font-size:12px}.home-hero h1{font-size:51px;line-height:1.28;letter-spacing:-.07em;margin:33px 0 16px;font-weight:850}.home-hero h1>span:not(.green-dot){position:relative;isolation:isolate}.home-hero h1>span:not(.green-dot):after{content:"";position:absolute;background:var(--green);height:14px;bottom:3px;left:0;right:0;z-index:-1}.green-dot{color:#5a922e}.hero-description{font-size:15px;color:#68715f;margin-bottom:25px}.mobile-break{display:none}.hero-search{background:white;display:flex;align-items:center;gap:14px;border:1px solid #d8dfd0;border-radius:11px;padding:8px 8px 8px 22px;max-width:745px;box-shadow:0 5px 15px #26361e04}.hero-search>svg{color:#4a5843}.hero-search input{border:0;flex:1;width:100%;padding:12px 0;outline:0;font-size:16px;background:transparent}.hero-search:focus-within{outline:2px solid #719e39}.hero-search button{display:flex;align-items:center;justify-content:center;gap:22px;border-radius:7px;background:var(--ink);color:white;padding:14px 22px;font-size:14px}.quick-search{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:17px;font-size:12px}.quick-search>span{color:#7d8576;margin-right:3px}.quick-search a{border:1px solid #dfe5d7;border-radius:6px;padding:4px 10px;background:#fafbf8;color:#5b6652}.quick-search a:hover{background:var(--green)}.advanced-link{display:flex;width:fit-content;gap:7px;align-items:center;margin:25px 0 0;font-size:13px;font-weight:600;color:#687260}.advanced-link svg:last-child{margin-left:6px}.discovery-section{margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:21px}.section-heading .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:8px}.section-aside{font-size:13px;color:var(--muted)}.discovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.discovery-card{border-radius:12px;padding:20px;display:flex;flex-direction:column;position:relative;min-height:181px}.discovery-card:hover{transform:translateY(-3px)}.lime{background:#eef7d9}.lilac{background:#eeebfa}.blue{background:#e8f1fa}.pink{background:#f9eeed}.tile-icon{height:40px;display:flex;align-items:center;font-size:19px;font-weight:900;letter-spacing:-1px;margin-bottom:17px}.tile-icon>span{font-size:12px;align-self:flex-end;margin-bottom:9px}.discovery-card h3{margin:5px 0 0;font-size:19px}.discovery-card div>span{font-size:12px;color:#76806b}.tile-arrow{position:absolute;right:18px;top:27px;color:#5e6b58}.works-section{margin-top:49px}.heading-mark{font-size:9px;letter-spacing:.01em;vertical-align:middle;background:var(--green);border-radius:4px;padding:3px 6px;margin-left:4px}.empty-state{min-height:223px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 20px;border:1px solid var(--line);border-radius:12px;background:repeating-linear-gradient(-45deg,#fcfdfa,#fcfdfa 8px,#fafbf8 8px,#fafbf8 9px)}.empty-symbol{width:52px;height:52px;border-radius:50%;background:#eff2e9;display:grid;place-items:center;color:#91a081;margin-bottom:14px}.empty-state h3{font-size:16px;margin:0 0 6px;color:#5a6651;letter-spacing:-.04em}.empty-state p{font-size:13px;margin:0;max-width:450px;color:#85907d}.feature-row{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:39px}.time-feature{display:flex;align-items:center;justify-content:space-between;background:#213b2d;color:white;overflow:hidden;border-radius:14px;padding:29px 30px;gap:10px}.time-feature .eyebrow{color:#b9cca6;font-size:10px}.time-feature h2{font-size:24px;line-height:1.55}.feature-link{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;margin-top:24px}.time-feature .feature-link{color:#d3f8a3}.year-display{font-size:95px;font-weight:800;letter-spacing:-.075em;color:#bbef72;line-height:1;transform:rotate(-8deg);padding-right:10px}.random-feature{background:#fafbf7;border:1px solid var(--line);border-radius:14px;padding:26px 30px;position:relative}.random-feature .round-icon{position:absolute;top:25px;right:25px}.round-icon{width:50px;height:50px;display:inline-grid;place-items:center;background:#eef3e5;border-radius:50%;color:#5e7844}.random-feature .eyebrow{font-size:10px;margin-bottom:12px}.random-feature h2{font-size:23px;margin:0 0 9px}.random-feature p{font-size:13px;margin:0}.random-feature .feature-link{margin-top:29px}.data-banner{margin:42px 0 20px;background:#f5f7f1;border-radius:13px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.data-banner-title{display:flex;align-items:center;gap:19px}.data-banner h2{font-size:19px;margin-bottom:5px}.data-banner p{font-size:13px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:650;border:1px solid transparent}.dark{background:var(--ink);color:white}.dark:hover{background:#37523a}.outline{background:white;border-color:var(--line)}.data-note{font-size:12px;color:#838a7e;line-height:1.85;margin:22px 0 34px}.site-footer{max-width:1216px;margin:60px auto 0;border-top:1px solid var(--line);padding:32px 0 26px;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;gap:20px}.site-footer .logo{font-size:23px}.site-footer .logo-en{margin-bottom:5px;font-size:10px}.site-footer p{font-size:12px;margin:6px 0 0}.footer-links{display:flex;gap:23px;padding-top:13px;font-size:12px;color:#727a6c}.footer-note{width:100%;font-size:11px!important;color:#959c90!important;border-top:1px solid #f0f2ec;padding-top:21px;line-height:1.9}.page-heading{margin:56px 0 34px}.page-heading h1{font-size:40px;margin:0 0 14px}.page-heading p{font-size:15px;margin:0}.page-heading .button{margin-top:25px}.center{text-align:center}.center .round-icon{margin-bottom:20px}.explore-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:36px}.filter-panel{border:1px solid var(--line);border-radius:13px;padding:21px;align-self:start}.filter-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.filter-title h2{font-size:16px;display:flex;gap:7px;align-items:center}.filter-title a{font-size:12px;color:var(--muted)}.filter-panel form>label{display:block;font-size:13px;font-weight:600;margin:21px 0 8px}.filter-panel input:not([type=radio]),.filter-panel select{width:100%;font-size:13px}.field-search{position:relative}.field-search input{padding-right:30px}.field-search svg{position:absolute;right:10px;top:15px}.filter-panel fieldset{border:0;padding:0;margin:22px 0 0}.filter-panel legend{font-size:13px;font-weight:600;margin-bottom:9px}.radio-label{display:inline-flex;gap:4px;align-items:center;font-size:13px;margin:0 7px 6px 0}.radio-label input{accent-color:#426a2f}.filter-submit{width:100%;margin-top:25px}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:21px}.result-toolbar h2{font-size:16px;letter-spacing:-.03em}.result-toolbar strong{color:#4b7c2a;margin-left:5px}.result-toolbar form{display:flex;gap:5px;align-items:center}.result-toolbar select{font-size:12px;padding:7px;max-width:160px}.sort-button{background:#eef1e8;padding:7px 10px;border-radius:6px;font-size:12px}.active-filters,.pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.active-filters span{background:#f0f5e8;color:#53743d;font-size:12px;padding:6px 10px;border-radius:5px}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:8px 16px;border-radius:30px;font-size:14px}.pill:hover{background:#eff5e7}.empty-action{display:flex;width:max-content;margin:18px auto}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:21px}.result-panel .card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 17px}.cover{aspect-ratio:3/4;overflow:hidden;border:1px solid #dce2d4;border-radius:10px;background:#eef3e6;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#526440;position:relative}.cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover-label{font-size:9px;letter-spacing:.08em}.cover strong{font-size:21px;line-height:1.45;overflow-wrap:anywhere}.cover>span:last-child{font-size:11px;color:#7b8b6c}.work-meta{display:block;font-size:11px;color:#6d8560;margin-top:12px}.work-card h3{font-size:15px;margin:4px 0}.work-card p{font-size:12px;margin:0}.work-card:hover h3{text-decoration:underline}.pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}.pagination a{padding:7px 13px;border-radius:6px;background:#f3f6ee;font-size:14px}.pagination a[aria-current]{background:var(--ink);color:#fff}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-card{padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.directory-card:hover{background:#f5f8ee}.directory-card span{font-weight:700}.directory-card small{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.time-page{margin:35px 0 40px;padding:50px;background:#eef5e5;border-radius:18px;text-align:center}.time-page h1{font-size:44px;margin-bottom:13px}.time-page h1 span{color:#54822f}.time-page>p{font-size:16px}.time-form{margin-top:28px}.time-form label{display:block;font-size:13px;margin-bottom:10px}.time-form>div{display:flex;justify-content:center;gap:12px}.time-form input{padding:11px 20px;min-width:210px}.random-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}.random-controls label{font-size:13px}.random-result{max-width:300px;margin:auto}.random-result .card-grid{grid-template-columns:1fr}.back-link{display:inline-block;margin-top:28px;font-size:13px;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:270px 1fr;gap:60px;margin:35px 0 45px}.detail-cover .card-grid{display:block}.detail-cover .work-meta,.detail-cover .work-card>h3,.detail-cover .work-card>p{display:none}.detail-info h1{font-size:39px;margin-bottom:16px}.metadata{max-width:650px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.metadata>div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.metadata dt{color:var(--muted)}.metadata dd{margin:0;overflow-wrap:anywhere}.metadata a:hover{text-decoration:underline}.synopsis{border-top:1px solid var(--line);padding-top:35px}.synopsis h2{margin-bottom:20px}.synopsis p{color:#626d5b;max-width:870px;line-height:2}.data-info{display:flex;align-items:center;gap:12px;background:#f3f6ed;padding:18px 22px;font-size:13px;border-radius:9px;margin-bottom:25px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:32px}.stat-card{border:1px solid var(--line);border-radius:13px;padding:23px}.stat-card:first-child{background:#eff8df;border-color:#e0edce}.stat-card>span{font-size:14px;color:#717d66}.stat-card>strong{display:block;font-size:40px;letter-spacing:-.05em;margin-top:12px}.stat-card small{font-size:14px;font-weight:400;margin-left:8px;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{border:1px solid var(--line);padding:25px;border-radius:13px}.chart-card h2{font-size:20px;margin-bottom:25px}.bar-row{display:grid;grid-template-columns:110px 1fr 35px;gap:12px;align-items:center;margin:13px 0;font-size:13px}.bar-row meter{width:100%;height:16px}.bar-row meter::-webkit-meter-bar{background:#edf2e8;border:0}.bar-row meter::-webkit-meter-optimum-value{background:#98c965}.notice{padding:17px 22px;border-radius:9px;background:#edf7e5;margin:25px 0}.notice.error{background:#fff0ed;color:#954637}.admin-wrap{max-width:1000px;margin:45px auto;padding:0 25px}.admin-login{max-width:430px;margin:60px auto;border:1px solid var(--line);padding:32px;border-radius:15px}.admin-login label{display:block;margin-bottom:9px}.admin-login input{width:100%;margin-bottom:17px}.admin-login .button{width:100%}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table td,.admin-table th{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-panel{margin:30px 0;padding:25px;border:1px solid var(--line);border-radius:13px}.admin-panel h2{font-size:22px;margin-bottom:15px}.admin-panel p{font-size:14px}.admin-panel select{max-width:100%}.admin-actions form{display:flex;gap:10px;align-items:center}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.quality-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px;font-size:14px}code{background:#f0f3ec;padding:3px 6px;border-radius:4px;font-size:13px;overflow-wrap:anywhere}
@media(min-width:1400px){.home-hero h1{font-size:54px}.home-hero{padding-top:39px;padding-bottom:32px}}
@media(max-width:1100px){.header-inner{gap:24px}.primary-nav{gap:18px}.logo-en{display:none}.header-search{width:170px}.header-search input{width:132px}.home-hero h1{font-size:46px}.discovery-card{padding:17px}.discovery-card h3{font-size:17px}.random-feature .round-icon{display:none}.card-grid{grid-template-columns:repeat(4,1fr)}.result-panel .card-grid{grid-template-columns:repeat(3,1fr)}.site-footer{margin-left:32px;margin-right:32px}.year-display{font-size:76px}.section-aside{display:none}}
@media(max-width:780px){.site-header{height:auto}.header-inner{padding:18px 20px 0;flex-wrap:wrap;gap:15px;justify-content:space-between}.logo{font-size:25px}.logo-icon{width:34px;height:34px}.header-search{margin-left:auto;width:175px}.header-search input{width:138px}.primary-nav{order:3;width:100%;justify-content:space-between;gap:12px;overflow-x:auto;height:45px}.primary-nav a{font-size:13px}.page-wrap{padding:0 20px}.home-hero{padding:25px;margin-top:20px;border-radius:15px}.hero-top>.text-link{display:none}.home-hero h1{font-size:39px;margin-top:27px}.hero-description{font-size:14px}.hero-search{padding:6px 6px 6px 13px;gap:10px}.hero-search input{font-size:13px}.hero-search button{padding:13px;gap:9px;font-size:13px}.hero-search>svg{width:20px}.quick-search>span{width:100%;margin-bottom:2px}.quick-search{gap:6px;font-size:12px}.quick-search a{padding:3px 9px}.advanced-link{font-size:12px;margin-top:20px}.discovery-section{margin-top:34px}.discovery-grid{grid-template-columns:1fr 1fr;gap:12px}.discovery-card{min-height:153px}.tile-icon{margin-bottom:11px;height:32px}.section-heading h2{font-size:21px}.section-heading>.text-link{font-size:12px}.feature-row{grid-template-columns:1fr;gap:15px}.time-feature{padding:27px}.year-display{font-size:90px}.random-feature{padding:25px}.random-feature .round-icon{display:grid}.data-banner{align-items:flex-start;flex-direction:column;padding:23px}.data-banner-title{gap:13px}.site-footer{margin:40px 20px 0}.footer-links{gap:17px}.explore-layout{grid-template-columns:1fr;gap:24px}.filter-panel{padding:18px}.filter-panel form{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:center}.filter-panel form>label{margin:8px 0;font-size:13px}.filter-panel fieldset{grid-column:1/-1;margin-top:10px}.filter-panel form>input[type=hidden]{display:none}.filter-submit{grid-column:1/-1;margin-top:12px}.page-heading{margin:36px 0 25px}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.result-toolbar{gap:10px}.result-toolbar h2{font-size:14px}.result-toolbar select{font-size:12px;width:126px}.result-panel .card-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 12px}.cover{padding:13px}.cover strong{font-size:18px}.cover-label{font-size:8px}.directory-grid{grid-template-columns:1fr 1fr}.directory-card{padding:19px;flex-direction:column;align-items:flex-start}.time-page{padding:32px 18px}.time-page h1{font-size:34px}.time-form>div{flex-direction:column;max-width:300px;margin:auto}.time-form input{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:20px}.stat-card>strong{font-size:33px}.chart-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:160px 1fr;gap:25px}.detail-info h1{font-size:28px}.metadata{grid-template-columns:1fr}.metadata>div{grid-template-columns:80px 1fr;font-size:13px}.detail-info .pill{font-size:12px;padding:5px 9px}.detail-info .eyebrow{font-size:9px}.data-note{font-size:12px}.random-controls{gap:9px}.random-controls .button{width:100%}.admin-actions form{flex-wrap:wrap}.quality-list{grid-template-columns:1fr}.admin-top{align-items:flex-start}}
@media(max-width:420px){.page-wrap{padding:0 15px}.home-hero{padding:23px 19px}.home-hero h1{font-size:35px}.hero-search button svg{display:none}.hero-search button{padding:12px}.hero-description{font-size:13px}.mobile-break{display:block}.home-hero .eyebrow{font-size:9px}.section-heading h2{font-size:19px}.heading-mark{display:none}.discovery-card h3{font-size:16px}.discovery-card div>span{font-size:11px}.result-panel .card-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr}.detail-cover{width:190px}.header-search{width:160px}.header-search input{width:123px}.random-feature .round-icon{width:40px;height:40px;right:15px}.time-feature h2{font-size:21px}.year-display{font-size:72px}.result-toolbar{align-items:flex-start;flex-direction:column}.directory-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* WEBTOON.KR brand: vivid violet, electric lime, neutral ink. */
:root{--ink:#201b2c;--muted:#706b7b;--line:#e8e5ed;--green:#d6ff62;--soft:#f7f6fa;--brand:#6d28d9}
body{background:#fff}.logo-icon{background:var(--green);color:#402075}.logo-en{color:#6d28d9}
.primary-nav a{color:#625b6d}.primary-nav a.active,.primary-nav a:hover{color:var(--brand)}.primary-nav a.active:after{background:var(--brand)}
.header-search{background:#f5f3f8}.home-hero{background:#f7f5fc;border-color:#ebe5f7}.tiny-mark{background:var(--brand);color:var(--green)}
.eyebrow,.hero-top .text-link{color:#77658c}.home-hero h1>span:not(.green-dot){color:#5520a6}.green-dot{color:var(--brand)}
.hero-description{color:#706879}.hero-search{border-color:#ddd3ed;box-shadow:0 6px 20px #49207906}.hero-search>svg{color:var(--brand)}
.hero-search button,.dark{background:var(--brand);color:#fff}.hero-search button:hover,.dark:hover{background:#5520a6}
.hero-search:focus-within{outline-color:#8b5cf6}.quick-search>span{color:#797082}.quick-search a{background:#fff;border-color:#e4ddef;color:#6a587d}.quick-search a:hover{background:var(--green);color:#241a35}
.advanced-link{color:#6d4c94}.text-link{color:#6b587f}.lime{background:#d6ff62}.lilac{background:#6d28d9;color:#fff}.blue{background:#222138;color:#fff}.pink{background:#ffe1ee}
.discovery-card div>span{color:#565344}.lilac div>span{color:#e4d8f9}.blue div>span{color:#c9c7dc}.lilac .tile-arrow,.blue .tile-arrow{color:#e8ddfa}.tile-arrow{color:inherit}
.time-feature{background:#5922b5}.time-feature .eyebrow{color:#dac9fa}.time-feature .feature-link,.year-display{color:var(--green)}
.random-feature{background:#faf8fd}.round-icon{background:#ede5fa;color:#6d28d9}.random-feature .round-icon{background:#d6ff62;color:#432066}
.data-banner{background:#f3effa}.data-banner p,.random-feature p{color:#776b83}.data-note{color:#7b7484}
.empty-state{background:#fbfafc;border-style:dashed}.empty-symbol{background:#eee9f5;color:#8e79a8}.empty-state h3{color:#62566f}.empty-state p{color:#82768e}
.cover{background:#f0eafa;color:#5d397f;border-color:#e0d2ee}.cover>span:last-child{color:#837090}.work-meta{color:#775293}
.active-filters span{background:#eee6fb;color:#6332a0}.pill:hover{background:#f1eafa}.result-toolbar strong{color:#6d28d9}.sort-button,.pagination a{background:#f0eaf8}.pagination a[aria-current]{background:#6d28d9}
.time-page{background:#f2ecfb}.time-page h1 span{color:#6d28d9}.stat-card:first-child{background:#eee5fc;border-color:#e1d1f6}.stat-card>span{color:#766384}.data-info{background:#f2eef9}
.bar-row meter::-webkit-meter-bar{background:#f0eaf8}.bar-row meter::-webkit-meter-optimum-value{background:#8b5cf6}.directory-card:hover{background:#f6f1fc}
.radio-label input{accent-color:#6d28d9}.synopsis p{color:#63586e}.footer-links{color:#746c7e}.footer-note{color:#8a8491!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#8b5cf6}
@media(min-width:781px) and (max-width:960px){.site-header{height:auto}.header-inner{flex-wrap:wrap;padding-top:16px;gap:12px}.primary-nav{order:3;width:100%;height:46px;justify-content:space-between}.header-search{margin-left:auto}}

.brand-name{font-size:22px;letter-spacing:-.04em;white-space:nowrap}.hero-description strong{color:var(--ink);font-weight:700}@media(max-width:420px){.brand-name{font-size:18px}.header-inner{column-gap:8px}.logo{gap:6px}}

.home-summary{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.home-summary strong{color:var(--brand);font-size:24px}.home-summary a{margin-left:auto}.home-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-platforms a{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px}.home-platforms a:hover{border-color:var(--brand);background:var(--soft)}.home-platforms span{font-size:13px;color:var(--muted)}@media(max-width:780px){.home-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.home-summary a{margin-left:0}}

.pagination{flex-wrap:wrap;gap:7px}.pagination a{min-width:36px;width:auto;padding:0 10px}.pagination-summary{text-align:center;color:var(--muted);font-size:13px}.cover-filter{display:flex;align-items:center;gap:8px}.cover-filter input{width:auto}

/* Simplified public footer */
.site-footer{align-items:flex-start}
.footer-brand{min-width:220px}
.footer-info{margin-left:auto;text-align:right;max-width:620px}
.footer-info p{margin:0 0 4px;color:#8a8491;line-height:1.65}
.footer-info .footer-copyright{margin-top:12px;color:#6f6679;font-weight:700}
@media(max-width:780px){.site-footer{display:block}.footer-info{margin:22px 0 0;text-align:left;max-width:none}}


/* =========================================================
   WEBTOON.KR HOME VERIFIED PATCH
   Current production home HTML classes:
   .home-icon-nav / .home-icon-card / .section-tone-* /
   .home-directory-* / .section-icon / .data-banner
   CSS ONLY — no layout/PHP/data changes
   ========================================================= */

/* 1. Hero */
.home-hero{
  background:
    radial-gradient(circle at 91% 18%,rgba(214,255,98,.45) 0 74px,transparent 75px),
    linear-gradient(135deg,#f8f5ff 0%,#f5f1fc 66%,#fbfff3 100%) !important;
  border-color:#e7def4 !important;
  box-shadow:0 14px 36px rgba(73,42,108,.055) !important;
}

/* 2. Quick navigation: force 4 horizontal cards on desktop */
.home-icon-nav{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:18px 0 24px !important;
}
.home-icon-nav .home-icon-card{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  min-height:100px !important;
  padding:16px !important;
  border:1px solid rgba(67,47,88,.07) !important;
  border-radius:17px !important;
  text-decoration:none !important;
  color:#211b2b !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.home-icon-nav .home-icon-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(66,43,91,.08) !important;
}
.home-icon-nav .home-icon-bubble{
  display:grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
}
.home-icon-nav .home-icon-card div{
  min-width:0 !important;
}
.home-icon-nav .home-icon-card strong{
  display:block !important;
  margin:0 0 4px !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}
.home-icon-nav .home-icon-card small{
  display:block !important;
  color:#716a78 !important;
  font-size:11px !important;
  line-height:1.4 !important;
  white-space:normal !important;
}
.home-icon-nav .home-icon-card>svg{
  width:17px !important;
  height:17px !important;
  opacity:.48 !important;
}
.home-icon-nav .home-icon-lime{background:#efffc8 !important}
.home-icon-nav .home-icon-lilac{background:#eee5ff !important}
.home-icon-nav .home-icon-blue{background:#e7f3ff !important}
.home-icon-nav .home-icon-pink{background:#ffe8f1 !important}
.home-icon-nav .home-icon-lime .home-icon-bubble{color:#426114 !important}
.home-icon-nav .home-icon-lilac .home-icon-bubble{color:#6428b8 !important}
.home-icon-nav .home-icon-blue .home-icon-bubble{color:#2867ad !important}
.home-icon-nav .home-icon-pink .home-icon-bubble{color:#b63b70 !important}

/* 3. Data summary */
.home-summary{
  padding:18px 22px !important;
  margin-top:0 !important;
  border:1px solid #eee8f4 !important;
  border-radius:16px !important;
  background:linear-gradient(90deg,#fbf9ff,#fcfff6) !important;
}
.home-summary strong{color:#6d28d9 !important}

/* 4. Story sections — preserve existing card grid */
.works-section.section-tone-violet,
.works-section.section-tone-pink,
.works-section.section-tone-blue{
  padding:26px 26px 29px !important;
  border:1px solid transparent !important;
  border-radius:20px !important;
}
.works-section.section-tone-violet{
  background:linear-gradient(135deg,#f4efff,#fbf9ff) !important;
  border-color:#e7dcf8 !important;
}
.works-section.section-tone-pink{
  background:linear-gradient(135deg,#fff0f6,#fff9fb) !important;
  border-color:#f4dce7 !important;
}
.works-section.section-tone-blue{
  background:linear-gradient(135deg,#edf5ff,#fafcff) !important;
  border-color:#dce9f8 !important;
}
.works-section .section-heading h2{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.works-section .section-icon{
  display:inline-grid !important;
  place-items:center !important;
  width:39px !important;
  height:39px !important;
  flex:0 0 39px !important;
  border-radius:13px !important;
}
.section-tone-violet .section-icon{background:#e2d3ff !important;color:#6728bd !important}
.section-tone-pink .section-icon{background:#ffd9e8 !important;color:#b73a70 !important}
.section-tone-blue .section-icon{background:#d9e9ff !important;color:#3567a4 !important}

/* 5. Genre / platform sections */
.home-directory-section{
  padding:24px !important;
  border:1px solid !important;
  border-radius:20px !important;
}
.home-directory-genre{
  background:linear-gradient(135deg,#f4ffdf,#fbfff5) !important;
  border-color:#e1efc7 !important;
}
.home-directory-platform{
  background:linear-gradient(135deg,#eaf6ff,#f8fcff) !important;
  border-color:#dceaf5 !important;
}
.home-directory-genre .section-icon{
  background:#ddf7a7 !important;
  color:#477318 !important;
}
.home-directory-platform .section-icon{
  background:#d7eaff !important;
  color:#2865a5 !important;
}
.home-directory-section .home-platforms{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
.home-directory-section .home-platforms a{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(75,59,92,.09) !important;
  border-radius:12px !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.home-directory-section .home-platforms a:hover{
  transform:translateY(-2px) !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(62,43,82,.06) !important;
}

/* 6. Random discovery */
.data-banner{
  background:linear-gradient(110deg,#eee4ff 0%,#f5efff 62%,#efffc9 100%) !important;
  border:1px solid #e1d5f3 !important;
  border-radius:18px !important;
  padding:25px 28px !important;
}
.data-banner .round-icon{
  background:#6d28d9 !important;
  color:#d6ff62 !important;
}
.data-banner .button.dark{
  background:#6d28d9 !important;
}

/* 7. Responsive */
@media(max-width:900px){
  .home-icon-nav{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:780px){
  .works-section.section-tone-violet,
  .works-section.section-tone-pink,
  .works-section.section-tone-blue,
  .home-directory-section{
    padding:20px 17px 23px !important;
    border-radius:17px !important;
  }
  .home-directory-section .home-platforms{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:520px){
  .home-icon-nav{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .home-icon-nav .home-icon-card{
    min-height:82px !important;
    padding:13px 14px !important;
  }
  .home-directory-section .home-platforms{
    grid-template-columns:1fr !important;
  }
}

/* WEBTOON.KR - exact quick navigation fix
   Target HTML verified from views/home.php lines 16-21. */

section.home-icon-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 18px 0 26px !important;
    padding: 0 !important;
}

section.home-icon-nav > a.home-icon-card {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 13px !important;
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 17px 16px !important;
    margin: 0 !important;
    border: 1px solid rgba(60,45,75,.07) !important;
    border-radius: 18px !important;
    text-decoration: none !important;
    color: #211b2b !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

section.home-icon-nav > a.home-icon-lime   { background: #efffc8 !important; }
section.home-icon-nav > a.home-icon-lilac { background: #eee5ff !important; }
section.home-icon-nav > a.home-icon-blue   { background: #e7f3ff !important; }
section.home-icon-nav > a.home-icon-pink   { background: #ffe8f1 !important; }

section.home-icon-nav > a.home-icon-card > span.home-icon-bubble {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.72) !important;
    box-sizing: border-box !important;
}

section.home-icon-nav > a.home-icon-lime   > span.home-icon-bubble { color:#426114 !important; }
section.home-icon-nav > a.home-icon-lilac > span.home-icon-bubble { color:#6428b8 !important; }
section.home-icon-nav > a.home-icon-blue   > span.home-icon-bubble { color:#2867ad !important; }
section.home-icon-nav > a.home-icon-pink   > span.home-icon-bubble { color:#b63b70 !important; }

section.home-icon-nav > a.home-icon-card > div {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

section.home-icon-nav > a.home-icon-card > div > strong {
    display: block !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: -.035em !important;
    color: #211b2b !important;
}

section.home-icon-nav > a.home-icon-card > div > small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #716a78 !important;
    white-space: normal !important;
}

section.home-icon-nav > a.home-icon-card > svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    opacity: .5 !important;
}

section.home-icon-nav > a.home-icon-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(66,43,91,.08) !important;
}

@media (max-width: 900px) {
    section.home-icon-nav {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}
@media (max-width: 520px) {
    section.home-icon-nav {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
    section.home-icon-nav > a.home-icon-card {
        min-height: 84px !important;
        padding: 13px 14px !important;
    }
}