.theme-accent{--brand-accent: #881188;--brand-accent-hover: #741374;--brand-accent-tint: #f7eaf7;--brand-accent-border: #e8cbe8}.floating-glass-header{border:1px solid rgb(255 255 255 / .38);border-radius:1rem;background:#fff6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 12px 36px #2330501a,inset 0 1px #ffffff9e}html.dark .floating-glass-header{border-color:#fff3;background:#080a10e0;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 12px 36px #0000006b,inset 0 1px #ffffff29}html.dark .header-brand,html.dark .header-nav-link[aria-current=page]{color:#e5a6ed}html.dark .header-nav-link:hover{color:#f0c4f4}html.dark .header-nav-indicator{background:#c75bd3}.header-brand{color:var(--brand-accent)}.header-search{border-color:#94a3b852;background:#ffffff94;color:#475569}.header-search:focus-within{border-color:#8811887a;background:#ffffffd1}.header-search__input{color:#0f172a}.header-search__input::placeholder,.header-search__clear{color:#64748b}.header-search__clear:hover{color:#0f172a}html.dark .header-search{border-color:#ffffff2e;background:#ffffff14;color:#cbd5e1}html.dark .header-search:focus-within{border-color:#be60bea8;background:#ffffff1f}html.dark .header-search__input{color:#f1f5f9}html.dark .header-search__input::placeholder,html.dark .header-search__clear{color:#cbd5e1}html.dark .header-search__clear:hover{color:#fff}.category-tab{border-color:transparent;background:#ffffff8c;color:#334155}.category-tab:hover{border-color:#8811882e;background:#88118814;color:var(--brand-accent)}.category-tab[aria-pressed=true]{border-color:#818c;background:var(--brand-accent);color:#fff;box-shadow:0 3px 12px #8811882e}html.dark .category-tabs{border-bottom-color:#ffffff24}html.dark .category-tab{border-color:#ffffff1f;background:#ffffff12;color:#e2e8f0}html.dark .category-tab:hover{border-color:#be60be4d;background:#be60be24;color:#e3b5e3}html.dark .category-tab[aria-pressed=true]{border-color:#be60becc;background:#818;color:#fff;box-shadow:0 3px 14px #88118847}.glass-card{position:relative;border:1px solid rgb(255 255 255 / .25);background:#ffffff4d;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff61;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}html.dark body{background-color:#faf8f3}.glass-card:hover{transform:translate3d(0,-4px,0) scale(1.015);will-change:transform;border-color:#8811885c;background-color:#ffffff61;box-shadow:0 20px 40px #8811881a,inset 0 1px #ffffffbf}.glass-card:hover .creator-glass-bar{background-color:#ffffff61}.creator-glass-bar{position:relative;flex:none;border-top:1px solid rgb(255 255 255 / .48);background:#ffffff4d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff59,0 -8px 24px #ffffff14}.creator-glass-bar:before{position:absolute;top:0;left:8%;width:34%;height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .9),transparent);content:""}.creator-glass-tag{border:1px solid rgb(255 255 255 / .42);background:#ffffff47;color:#334155db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.dark .creator-glass-bar{border-top-color:#9d229d7a;background:#14182166;box-shadow:inset 0 1px #ffffff1f,0 -8px 24px #9d229d1f}html.dark .creator-glass-bar h3,html.dark .creator-glass-bar p{color:#e2e8f0}html.dark .creator-glass-bar .card-subtitle,html.dark .creator-glass-bar .text-gray-500{color:#aeb9c9}html.dark .creator-glass-bar .border-slate-400\/15{border-color:#ffffff24}html.dark .glass-card:hover .creator-glass-bar{background-color:#141821b8}html.dark .creator-glass-tag{border-color:#ffffff2e;background:#0f0f0f47;color:#ffffffd6}@media(prefers-reduced-motion:reduce){.glass-card{transition:none}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.card-scroll-native{scrollbar-width:none;-ms-overflow-style:none}.card-scroll-native::-webkit-scrollbar,.card-scroll-native::-webkit-scrollbar-button{display:none!important;width:0;height:0}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration,.search-input::-webkit-search-results-button,.search-input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.search-input::-ms-clear{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}html{scroll-behavior:smooth}body{margin:0;min-height:100%;background-color:#fff;color:#0f172a;font-family:Inter,Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em}html.dark{filter:invert(1) hue-rotate(180deg);background-color:#fff}html.dark img:not(.no-invert *),html.dark video:not(.no-invert *),html.dark iframe:not(.no-invert *),html.dark .no-invert{filter:invert(1) hue-rotate(180deg)}.animate-header-glow{animation:headerGlow 5s ease-in-out infinite alternate}.hero-title-animate{animation:heroTitleIn 1s ease-out both}@keyframes headerGlow{0%{opacity:.4;transform:translate(-3%)}to{opacity:.8;transform:translate(3%)}}@keyframes heroTitleIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}button,input,textarea,select{font:inherit}html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}.card-subtitle{color:#94a3b8;font-family:Inter,Noto Sans KR,ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:400;line-height:1.2}.card-subtitle-on-image{color:#ffffffb8}.interactive-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 12%,rgba(227,235,255,.5),transparent 52%),linear-gradient(135deg,#f8f9ff,#f4f7ff 48%,#fbf8ff);isolation:isolate}html.dark .interactive-background{background:radial-gradient(ellipse at 18% 12%,rgba(42,58,104,.2),transparent 54%),linear-gradient(135deg,#05070c,#080a11 52%,#09070d)}.interactive-background__ambient-layer{position:absolute;top:0;right:0;bottom:0;left:0}.interactive-background__blob{position:absolute;top:50%;left:50%;width:min(520px,72vw);height:min(520px,72vw);opacity:.78;transform:translate(-50%,-50%);transition:none;will-change:transform}.interactive-background__blob-shape{width:100%;height:100%;border-radius:9999px;filter:blur(120px);animation:cloud-drift 20s ease-in-out infinite alternate}.interactive-background__blob-shape--blue{background:radial-gradient(circle,rgba(43,112,255,.44) 0%,rgba(69,139,255,.27) 38%,rgba(108,165,255,.11) 58%,transparent 76%)}html.dark .interactive-background__blob-shape--blue{background:radial-gradient(circle,rgba(49,105,255,.34) 0%,rgba(69,139,255,.2) 38%,rgba(108,165,255,.08) 58%,transparent 76%)}.interactive-background__blob:nth-child(2){width:min(470px,64vw);height:min(470px,64vw)}.interactive-background__blob-shape--violet{opacity:.82;background:radial-gradient(circle,rgba(142,83,245,.38) 0%,rgba(169,112,248,.23) 40%,rgba(197,156,250,.1) 60%,transparent 78%);animation-duration:24s;animation-delay:-7s}html.dark .interactive-background__blob-shape--violet{background:radial-gradient(circle,rgba(142,83,245,.22) 0%,rgba(169,112,248,.13) 40%,rgba(197,156,250,.05) 60%,transparent 78%)}.interactive-background__blob:nth-child(3){width:min(410px,56vw);height:min(410px,56vw)}.interactive-background__blob-shape--cyan{opacity:.76;background:radial-gradient(circle,rgba(49,190,224,.36) 0%,rgba(83,204,231,.22) 42%,rgba(131,222,239,.1) 62%,transparent 78%);animation-duration:22s;animation-delay:-11s}html.dark .interactive-background__blob-shape--cyan{background:radial-gradient(circle,rgba(49,190,224,.28) 0%,rgba(83,204,231,.16) 42%,rgba(131,222,239,.07) 62%,transparent 78%)}@keyframes cloud-drift{0%{transform:scale(.97) rotate(-3deg)}to{transform:scale(1.03) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.interactive-background__blob-shape{animation:none}.interactive-background__blob{transition:none;will-change:auto}}@media(prefers-reduced-motion:reduce),(pointer:coarse){.interactive-background__blob-shape{animation:none}.interactive-background__blob{transition:none;will-change:auto}}
