:root{--brand: #5b7ba8;--brand-dark: #3f5a85;--brand-soft: #e9eff7;--ink: #1b2433;--ink-2: #3b475c;--sub: #6b7891;--line: #e6eaf1;--line-soft: #eef1f7;--bg: #f5f7fb;--card: #ffffff;--radius: 12px;--radius-sm: 8px;--maxw: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Segoe UI,-apple-system,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 14px}.topbar{position:sticky;top:0;z-index:20;background:#ffffffe6;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:10px;height:52px}.brand{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}.topbar-actions{margin-left:auto;display:flex;gap:4px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink-2);cursor:pointer;border-radius:8px;font-size:18px}.icon-btn:hover{background:var(--brand-soft)}.nav{border-bottom:1px solid var(--line);background:#fff}.tabs,.subtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:9px 0}.tabs::-webkit-scrollbar,.subtabs::-webkit-scrollbar{display:none}.subtabs{padding:0 0 9px}.tab{flex:0 0 auto;font-size:13.5px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--sub);white-space:nowrap;background:#fff}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.chip{flex:0 0 auto;font-size:12.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--sub);white-space:nowrap;background:#fff}.chip.active{background:var(--brand-soft);color:var(--brand-dark);border-color:#cdddf0;font-weight:600}.toolbar{display:flex;align-items:center;gap:8px;padding:12px 0 4px}.toolbar .sort{margin-left:auto;font-size:13px;color:var(--sub);display:inline-flex;gap:8px}.toolbar .sort a.active{color:var(--ink);font-weight:600}.section-h{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;margin:18px 0 10px}.card-list{display:flex;flex-direction:column;gap:10px}.card{display:flex;gap:12px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.card:hover{border-color:#cdddf0}.card.featured{border:2px solid #bcd2ee}.card-thumb{flex:0 0 64px;height:64px;border-radius:var(--radius-sm);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;color:#aab8cf;font-size:22px;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{min-width:0;flex:1}.card-title{font-size:14px;font-weight:600;line-height:1.4;margin:0 0 6px;color:var(--ink)}.card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.tag{font-size:11px;padding:2px 7px;border-radius:6px;background:var(--line-soft);color:var(--sub)}.tag.sys{background:var(--brand-soft);color:var(--brand-dark)}.card-meta{font-size:11.5px;color:var(--sub);display:flex;gap:10px}.more-btn{display:block;width:100%;text-align:center;padding:11px;margin:12px 0 24px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink-2);font-size:13.5px;cursor:pointer}.empty{color:var(--sub);text-align:center;padding:48px 20px;font-size:14px}.detail-head{padding:18px 0 8px}.detail-title{font-size:21px;font-weight:800;letter-spacing:-.4px;margin:6px 0 10px;line-height:1.35}.detail-meta{font-size:12.5px;color:var(--sub);display:flex;gap:12px;flex-wrap:wrap}.content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;margin:14px 0 28px}.content h2{font-size:18px;margin:20px 0 8px}.content h3{font-size:16px;margin:16px 0 6px}.content p{margin:0 0 12px}.content img{border-radius:8px;margin:8px 0}.yt-facade{position:relative;width:100%;aspect-ratio:16/9;margin:12px 0;background-size:cover;background-position:center;border-radius:10px;cursor:pointer}.yt-facade:after{content:"";position:absolute;inset:0;background:#0000002e;border-radius:10px}.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:64px;height:44px;border-radius:12px;background:#000000b8}.yt-play:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}.yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}.search-form{display:flex;gap:8px;padding:14px 0}.search-form input{flex:1;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;background:#fff}.search-form button{height:40px;padding:0 16px;border:0;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:14px;font-weight:600;cursor:pointer}