html[data-theme="light"]{--bg:#fff9f7;--surface:#fff;--surface2:#fff0f5;--bg-surface-2:#fff0f5;--border:#efdde4;--gold:#bd426d;--gold-dim:#943355;--pink:#bd426d;--pink-strong:#bd426d;--text:#30212a;--text-dim:#765e6a;--text-muted:#8d7280;--nav-bg:#fff9f7;--free-glow:#ffeef4;--paid-glow:#ffeef4;--header-chip-hover:#ffe4ee}
html[data-theme="dark"]{--bg:#19151b;--surface:#272029;--surface2:#382632;--bg-surface-2:#382632;--border:#48323f;--gold:#ffa7c6;--gold-dim:#d5779e;--pink:#ffa7c6;--pink-strong:#ffa7c6;--text:#fff5f7;--text-dim:#c9aebb;--text-muted:#aa8a99;--free-glow:#553242;--paid-glow:#553242}
body.wp-shell{background:var(--bg);font-family:'Noto Sans KR',sans-serif}
body.wp-shell .hero{max-width:1240px;padding:76px 24px 35px}
body.wp-shell .hero-label{color:var(--gold);font-weight:800}
body.wp-shell .hero-title{font-size:clamp(34px,4.5vw,56px);line-height:1.24;letter-spacing:-.06em}
body.wp-shell .hero-subtitle{font-size:14px;max-width:700px}
body.wp-shell .parts-nav{max-width:1240px;margin:0 auto 20px;padding:0 24px 11px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
body.wp-shell .parts-nav::-webkit-scrollbar{display:none}
body.wp-shell .part-btn{flex:none;border-radius:999px;padding:9px 15px;font-weight:700}
body.wp-shell .part-btn.active{background:var(--gold);color:white}
body.wp-shell .grid-container{max-width:1240px}
body.wp-shell .articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.wp-shell .card{border:1px solid var(--border);border-radius:17px;padding:15px;background:var(--surface)}
body.wp-shell .card.done,body.wp-shell .card.paid.done{border-color:var(--border)}
body.wp-shell .card.done::before,body.wp-shell .card.paid.done::before{opacity:0}
body.wp-shell .card:hover{border-color:var(--gold);box-shadow:0 14px 35px #8e456124}
body.wp-shell .card-thumb{width:calc(100% + 30px);margin:-15px -15px 15px;border-radius:16px 16px 0 0}
body.wp-shell .card-title{font-size:15px;line-height:1.48;letter-spacing:-.035em}
body.wp-shell .card-preview{font-size:12px;line-height:1.58;color:var(--text-dim)}
body.wp-shell .card-action{font-size:11px;white-space:nowrap}
body.wp-shell .status-dot{display:none}
body.wp-shell .card .bookmark-btn{position:absolute;z-index:3;top:11px;right:11px;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--gold);font-size:17px;cursor:pointer;box-shadow:0 3px 12px #0002}
body.wp-shell .card .bookmark-btn[aria-pressed="true"]{background:var(--gold);color:white}
.article-tools,.article-search-results,.article-shelf{max-width:1240px;margin:0 auto;padding:0 24px}
.article-tools{display:flex;align-items:end;gap:12px;margin-bottom:30px;scroll-margin-top:90px}
.article-search-wrap{flex:1;min-width:210px}.article-search-wrap label,.article-select-wrap{display:block;font-size:11px;font-weight:800;color:var(--text-dim)}
.article-tools input,.article-tools select{width:100%;height:47px;margin-top:7px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:600 16px 'Noto Sans KR',sans-serif;outline:none}
.article-tools input:focus,.article-tools select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9587a20}
.article-select-wrap{width:142px}.article-tool-count{min-width:70px;padding-bottom:14px;color:var(--text-muted);font-size:11px;text-align:right}
.article-search-results{margin-bottom:45px}
.article-search-results[hidden],.article-shelf[hidden]{display:none}
body.search-active .category-wrapper,body.search-active .parts-nav{display:none!important}
.article-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}
.article-results-heading h2{font-size:20px;letter-spacing:-.04em;margin:0}
.article-results-heading button{border:0;background:none;color:var(--gold);font:700 12px 'Noto Sans KR',sans-serif;cursor:pointer}
.article-results-heading span{font-size:11px;color:var(--text-muted)}
.article-results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.search-card{display:flex;flex-direction:column;min-width:0;min-height:172px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px}
.search-card>a{flex:1;display:flex;flex-direction:column;color:inherit;text-decoration:none}
.search-card>a:hover h3{color:var(--gold)}
.search-card .search-meta{font-size:10px;color:var(--gold);font-weight:800}
.search-card h3{font-size:13px;line-height:1.42;letter-spacing:-.03em;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-card p{font-size:10px;line-height:1.5;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--border);padding-top:10px;color:var(--gold);font-size:10px;font-weight:800}
.search-card-footer button{border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--gold);font:700 11px 'Noto Sans KR',sans-serif;padding:5px 8px;cursor:pointer}
.article-shelf{margin:0 auto 40px}
#article-shelf-links{display:flex;gap:8px;flex-wrap:wrap}
#article-shelf-links a{padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:11px;text-decoration:none}
#article-shelf-links a:hover{border-color:var(--gold)}
@media(max-width:1000px){body.wp-shell .articles-grid,.article-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.wp-shell .articles-grid,.article-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-tools{flex-wrap:wrap}.article-search-wrap{flex-basis:100%}.article-tool-count{margin-left:auto}}
@media(max-width:540px){body.wp-shell .hero{padding:47px 16px 25px}body.wp-shell .parts-nav{padding:0 16px 12px}body.wp-shell .grid-container{padding-left:16px;padding-right:16px}body.wp-shell .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.article-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-tools,.article-search-results,.article-shelf{padding:0 16px}.article-search-wrap{min-width:100%}.article-select-wrap{flex:1}.article-tool-count{width:100%;text-align:left;padding-bottom:0}.search-card{min-height:130px;padding:10px}.search-card h3{font-size:12px;margin:6px 0}.search-card p{display:none}.search-card-footer{padding-top:7px;font-size:9px}.search-card-footer button{font-size:10px;padding:4px 6px}}
@media(max-width:540px){body.wp-shell .card{min-width:0;padding:10px;border-radius:12px}body.wp-shell .card-thumb{width:calc(100% + 20px);margin:-10px -10px 8px;border-radius:11px 11px 0 0}body.wp-shell .card-top{margin-bottom:5px}body.wp-shell .card-num{font-size:10px}body.wp-shell .card-title{font-size:12px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.wp-shell .card-preview{display:none}body.wp-shell .card-footer{gap:4px;flex-wrap:wrap;padding-top:7px}body.wp-shell .card-part,body.wp-shell .card-action{font-size:9px}body.wp-shell .card .bookmark-btn{top:6px;right:6px;width:30px;height:30px;font-size:16px}}
@media(max-width:850px){body.wp-shell #admin-trigger{bottom:78px}body.wp-shell #admin-badge{bottom:77px}body.wp-shell #wip-toast{bottom:82px}}