:root{--bg:#0b1020;--panel:hsla(0,0%,100%,.06);--panel2:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.12);--text:hsla(0,0%,100%,.92);--muted:hsla(0,0%,100%,.72);--brand:#7c5cff;--brand2:#2ee9a6;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:14px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 700px at 20% 0,rgba(124,92,255,.2),transparent 60%),radial-gradient(900px 700px at 80% 20%,rgba(46,233,166,.14),transparent 55%),radial-gradient(700px 600px at 50% 100%,rgba(255,122,203,.1),transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(11,16,32,.66);border-bottom:1px solid var(--border);z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:baseline;gap:10px}.brand__link{font-weight:800;letter-spacing:.2px}.brand__badge{font-size:12px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:hsla(0,0%,100%,.03)}.nav{display:flex;gap:10px}.nav__link{padding:8px 10px;border-radius:10px;color:var(--muted)}.nav__link:hover{background:hsla(0,0%,100%,.06);color:var(--text)}.hero{padding:34px 0 20px}.hero__title{margin:0 0 8px;font-size:34px;letter-spacing:-.2px}.hero__desc{margin:0;color:var(--muted);line-height:1.55}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin:18px 0 26px}.panel__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__title{margin:0;font-size:18px}.search__input{width:min(360px,70vw);padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--text);outline:none}.search__input:focus{border-color:rgba(124,92,255,.55);box-shadow:0 0 0 3px rgba(124,92,255,.16)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:920px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid{grid-template-columns:1fr}}.card{border-radius:16px;border:1px solid var(--border);background:var(--panel2);overflow:hidden;transition:transform .12s ease,border-color .12s ease,background .12s ease}.card:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.22)}.card__thumb{height:110px;background:linear-gradient(120deg,rgba(124,92,255,.35),rgba(46,233,166,.22)),radial-gradient(600px 140px at 20% 50%,hsla(0,0%,100%,.14),transparent 60%)}.card__body{padding:12px 12px 13px}.card__title{margin:0 0 6px;font-size:16px}.card__desc{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.45}.card__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chip{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.03);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(124,92,255,.45);background:rgba(124,92,255,.18);color:var(--text);cursor:pointer;white-space:nowrap}.btn:hover{background:rgba(124,92,255,.24)}.btn--ghost{border-color:var(--border);background:hsla(0,0%,100%,.03);color:var(--muted)}.btn--ghost:hover{background:hsla(0,0%,100%,.06);color:var(--text)}.muted{color:var(--muted)}.meta{gap:8px;margin-top:6px}.actions,.meta{display:flex;align-items:center}.actions{gap:10px}.player{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:rgba(0,0,0,.25);box-shadow:var(--shadow)}.player__frame{width:100%;height:min(72vh,760px);border:0;display:block;background:#000}.site-footer{border-top:1px solid var(--border);padding:18px 0;margin-top:36px;background:rgba(0,0,0,.08)}.footer-row{display:flex;justify-content:space-between;gap:10px}@media (max-width:520px){.footer-row{flex-direction:column}}.empty{padding:12px;color:var(--muted)}.hidden{display:none}