:root{--bg-main:#0b0b0e;--bg-card:#15151a;--bg-card-hover:#1c1c24;--text-main:#fff;--text-muted:#8e8ea0;--accent-primary:#6b4cff;--accent-secondary:#9b81ff;--accent-glow:#6b4cff4d;--border-light:#ffffff14;--tier-bronze:#cd7f32;--tier-silver:silver;--tier-gold:gold;--tier-platinum:#e5e4e2;--shadow-card-veil:0 8px 32px #0003;--glow-soft:0 0 24px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}#root{width:100%}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.plot-thumbnail{isolation:isolate;position:relative;overflow:hidden}.plot-thumbnail.has-image{color:#0000;background:#111827}.plot-thumbnail-image,.plot-thumbnail-fallback{width:100%;height:100%;display:block}.plot-thumbnail-image{object-fit:cover}.plot-thumbnail-fallback{color:#ffffff3d;background:radial-gradient(circle at top,#ffffff24,#0000 55%),linear-gradient(135deg,#23293af2,#111827fa);justify-content:center;align-items:center;font-weight:800;display:flex}.plot-thumbnail-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#060a1280);position:absolute;inset:0}.tier-badge-wrap{transform-origin:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.tier-badge-wrap--default{width:120px;height:120px}.tier-badge-wrap--small{width:64px;height:64px}.tier-badge-wrap--large{width:160px;height:160px}.tier-badge-wrap--achieved{opacity:1;filter:none}.tier-badge-wrap--current{opacity:1;filter:none;transform:scale(1.08)}.tier-badge-ring{pointer-events:none;z-index:3;border:2px solid #fff6;border-radius:50%;animation:3s ease-in-out infinite alternate ring-breathe;position:absolute;inset:-6px;box-shadow:0 0 10px #ffffff1a,inset 0 0 8px #ffffff0f}@keyframes ring-breathe{0%{opacity:.55}to{opacity:1}}.tier-badge-wrap--locked{opacity:1;filter:grayscale()brightness(.5)contrast(.88)}.tier-badge-wrap--locked .tier-badge-glow,.tier-badge-wrap--locked .tier-badge-ring{display:none}.tier-badge-sprite--high-locked{filter:grayscale()brightness(.62)contrast(.85)}.tier-badge-wrap--locked.has-high-badge{filter:none}.tier-badge-wrap--locked .tier-badge-division{opacity:.45}.tier-badge-sprite{z-index:1;image-rendering:auto;background-clip:padding-box;width:100%;height:100%;position:relative}.tier-badge-glow{z-index:0;pointer-events:none;border-radius:50%;animation:4s ease-in-out infinite alternate badge-pulse;position:absolute;inset:-24px}.tier-badge-wrap--small .tier-badge-glow{inset:-13px}.tier-badge-wrap--large .tier-badge-glow{inset:-32px}@keyframes badge-pulse{0%{opacity:.4;transform:scale(.95)}to{opacity:.85;transform:scale(1.05)}}.tier-badge-division{z-index:2;letter-spacing:.08em;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff26;border-radius:6px;padding:1px 6px;font-size:.75rem;font-weight:700;line-height:1.6;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.tier-badge-wrap--small .tier-badge-division{padding:0 4px;font-size:.625rem;bottom:-6px}.tier-badge-wrap--large .tier-badge-division{padding:2px 8px;font-size:.875rem;bottom:-10px}@media (width<=600px){.tier-badge-wrap--small{width:44px;height:44px}.tier-badge-wrap--small .tier-badge-division{padding:0 3px;font-size:.5625rem}}.hof-container{flex-direction:column;gap:1.5rem;display:flex}.hof-empty{text-align:center;color:var(--text-muted);opacity:.8;font-size:.875rem}.hof-period-label{text-align:center;color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.hof-category-list{flex-direction:column;gap:1.25rem;display:flex}.hof-category-row{--hof-accent:255, 215, 0;flex-direction:column;gap:.625rem;display:flex}.hof-category-header{align-items:center;gap:.5rem;display:flex}.hof-category-label{color:rgba(var(--hof-accent), .9);letter-spacing:.04em;font-size:.8125rem;font-weight:700}.hof-rank-row{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.hof-rank-card{appearance:none;border:1px solid rgba(var(--hof-accent), .15);background:linear-gradient(145deg, rgba(var(--hof-accent), .04), #10121ceb), radial-gradient(ellipse at top left, rgba(var(--hof-accent), .06), transparent 60%);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:16px;flex-direction:column;gap:.625rem;padding:1rem;transition:border-color .25s,box-shadow .25s,transform .2s;display:flex;position:relative;overflow:hidden}.hof-rank-card:hover:not(:disabled){border-color:rgba(var(--hof-accent), .4);box-shadow:0 4px 16px rgba(var(--hof-accent), .1), 0 0 32px rgba(var(--hof-accent), .04);transform:translateY(-2px)}.hof-rank-card:disabled{cursor:default;opacity:.7}.hof-rank-card--r1{border-color:rgba(var(--hof-accent), .25);background:linear-gradient(145deg, rgba(var(--hof-accent), .06), #10121ce6), radial-gradient(ellipse at top left, rgba(var(--hof-accent), .1), transparent 50%)}.hof-rank-card--r2,.hof-rank-card--r3{opacity:.85}.hof-rank-card--r2:hover:not(:disabled),.hof-rank-card--r3:hover:not(:disabled){opacity:1}.hof-rank-badge{background:rgba(var(--hof-accent), .15);border:1px solid rgba(var(--hof-accent), .25);width:32px;height:20px;color:rgba(var(--hof-accent), 1);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;font-weight:900;display:inline-flex}.hof-winner{align-items:center;gap:.75rem;display:flex}.hof-avatar-wrap{width:48px;min-width:48px;height:48px;position:relative}.hof-rank-card--r1 .hof-avatar-wrap{width:56px;min-width:56px;height:56px}.hof-avatar{border:2px solid rgba(var(--hof-accent), .2);width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%;box-shadow:0 2px 8px rgba(var(--hof-accent), .06);background:#ffffff0a;border-radius:14px;overflow:hidden}.hof-avatar .plot-thumbnail-image{object-fit:cover;width:100%;height:100%}.hof-avatar .plot-thumbnail-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:800;display:flex}.hof-winner-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.hof-winner-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9375rem;font-weight:700;line-height:1.3;overflow:hidden}.hof-winner-handle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;line-height:1.3;overflow:hidden}.hof-value-row{align-items:baseline;gap:.3rem;margin-top:auto;display:flex}.hof-value{color:rgb(var(--hof-accent));letter-spacing:-.01em;font-size:1.125rem;font-weight:900;line-height:1.2}.hof-rank-card--r1 .hof-value{font-size:1.375rem}.hof-unit{color:var(--text-muted);opacity:.7;font-size:.75rem;font-weight:600}@media (width<=768px){.hof-rank-row{grid-template-columns:1fr;gap:.5rem}.hof-rank-card{border-radius:14px;flex-direction:row;align-items:center;gap:.75rem;padding:.875rem}.hof-rank-badge{flex-shrink:0}.hof-winner{flex:1;min-width:0}.hof-value-row{flex-shrink:0;margin-top:0}.hof-rank-card--r1 .hof-avatar-wrap{width:48px;min-width:48px;height:48px}.hof-value,.hof-rank-card--r1 .hof-value{font-size:1rem}.hof-rank-card--r2,.hof-rank-card--r3{opacity:.8}.hof-winner-name{white-space:normal;word-break:keep-all;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}}.ranking-top3-section{flex-direction:column;gap:2rem;width:100%;max-width:960px;margin-top:4rem;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeIn;display:flex}.section-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}.section-title-small{color:var(--text-main);letter-spacing:-.01em;justify-content:center;align-items:center;gap:.4rem;font-size:1.25rem;font-weight:700;display:inline-flex}.hrs-info-trigger{appearance:none;color:var(--text-muted);opacity:.6;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:4px;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.hrs-info-trigger:hover,.hrs-info-trigger[aria-expanded=true]{opacity:1;color:#ffd34d;background:#ffd34d14}.hrs-info-panel{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141026d9;border:1px solid #ffd34d2e;border-radius:12px;flex-direction:column;gap:.3rem;max-width:480px;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;animation:.2s ease-out hrsInfoFade;display:flex}@keyframes hrsInfoFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hrs-info-name{color:#ffd34d;letter-spacing:.02em;margin:0;font-size:.8125rem;font-weight:800}.hrs-info-desc{color:var(--text-main);opacity:.85;margin:0;font-size:.8125rem;line-height:1.5}.section-subtitle-small{color:var(--text-muted);opacity:.8;font-size:.875rem}.ranking-error-block{flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.ranking-error-message{color:var(--text-main);opacity:.85;margin:0;font-size:.9rem}.ranking-retry-btn{appearance:none;color:var(--text-main);cursor:pointer;background:#6b4cff1f;border:1px solid #6b4cff66;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.ranking-retry-btn:hover{background:#6b4cff38;border-color:#6b4cff99}.ascendant-list{flex-direction:column;gap:.875rem;display:flex}.ascendant-row{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:linear-gradient(135deg,#ffffff0d,#10121cd1),radial-gradient(circle at 100% 0,#6b4cff1f,#0000 45%);border:1px solid #ffffff0f;border-radius:24px;grid-template-columns:78px minmax(0,1fr) minmax(220px,320px);align-items:center;gap:1rem;padding:1rem 1.125rem;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.ascendant-row:hover{background:linear-gradient(135deg,#ffffff14,#10121ce6),radial-gradient(circle at 100% 0,#6b4cff38,#0000 45%);border-color:#6b4cff66;box-shadow:0 0 24px #6b4cff38}.ascendant-row-top-1{background:linear-gradient(135deg,#ffd7001f,#10121ce6),radial-gradient(circle at 100% 0,#ffd7002e,#0000 48%);border-color:#ffd70073;padding:1.25rem 1.375rem;animation:3.2s ease-in-out infinite top1Breath;box-shadow:0 0 28px #ffd70038}.ascendant-row-top-1:hover{border-color:#ffd700b3;box-shadow:0 0 40px #ffd70066}@keyframes top1Breath{0%,to{box-shadow:0 0 28px #ffd70038}50%{box-shadow:0 0 36px #ffd70057}}.ascendant-row-top-2{border-color:#e5e7eb4d;box-shadow:0 0 18px #e5e7eb1f}.ascendant-row-top-2:hover{border-color:#e5e7eb8c;box-shadow:0 0 28px #e5e7eb38}.ascendant-row-top-3{border-color:#cd7f3252;box-shadow:0 0 18px #cd7f3224}.ascendant-row-top-3:hover{border-color:#cd7f328c;box-shadow:0 0 28px #cd7f323d}.ascendant-row-top-1 .creator-name{font-size:1.1rem}.ascendant-row-top-1 .ascendant-metric--hrs .metric-value{font-size:1.7rem}.ascendant-row-top-2 .creator-name,.ascendant-row-top-3 .creator-name{font-size:1.05rem}.ascendant-row-top-2 .ascendant-metric--hrs .metric-value,.ascendant-row-top-3 .ascendant-metric--hrs .metric-value{font-size:1.6rem}.ascendant-row-top-2,.ascendant-row-top-3{padding:1.125rem 1.25rem}.ascendant-row--awarded{border-color:color-mix(in srgb, var(--award-color,#888) 35%, transparent)}.ascendant-row--awarded:before{content:"";background:var(--award-color,#888);pointer-events:none;z-index:1;width:4px;position:absolute;top:0;bottom:0;left:0}.ascendant-row--awarded:hover{border-color:color-mix(in srgb, var(--award-color,#888) 60%, transparent)}.ascendant-row--awarded:hover:before{box-shadow:0 0 12px var(--award-color,#888)}.award-medal-icon{color:var(--award-color,#ffd34d);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--award-color,#ffd34d) 60%, transparent));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ascendant-rank-col{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}.ascendant-rank-number{color:var(--text-main);white-space:nowrap;font-size:1.2rem;font-weight:800}.ascendant-rank-col .tier-badge-wrap--small{width:56px;height:56px}.ascendant-identity{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:.9rem;min-width:0;display:grid}.ascendant-avatar-wrap{width:76px;min-width:76px;height:76px;position:relative}.ascendant-avatar{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;width:76px;min-width:76px;max-width:76px;height:76px;min-height:76px;max-height:76px;overflow:hidden}.ascendant-avatar .plot-thumbnail-image{object-fit:cover;width:100%;height:100%}.ascendant-avatar .plot-thumbnail-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4rem;font-weight:800;display:flex}.ascendant-text-stack{flex-direction:column;gap:.3rem;min-width:0;display:flex}.creator-name{color:var(--text-main);overflow-wrap:anywhere;word-break:keep-all;align-items:center;gap:.4rem;min-width:0;margin:0;font-size:1rem;font-weight:700;line-height:1.35;display:flex}.creator-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-handle{color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.35}.ascendant-metrics{flex-direction:column;align-items:flex-end;gap:.4rem;width:100%;min-width:0;display:flex}.ascendant-metric{flex-direction:column;align-items:flex-end;gap:.15rem;min-width:0;display:flex}.metric-value{color:var(--text-main);font-size:.9rem;font-weight:800;line-height:1.2}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:.75rem;font-weight:700}.ascendant-metric--hrs{text-align:right}.ascendant-metric--hrs .metric-value{color:#ffd34d;letter-spacing:-.02em;text-shadow:0 0 12px #ffd34d40;font-size:1.5rem;font-weight:900;line-height:1}.ascendant-metric--hrs .metric-label{color:#ffd34db3;opacity:.9}.ascendant-row-top-1 .ascendant-metric--hrs .metric-value{color:gold;text-shadow:0 0 14px #ffd70066}.ascendant-row-top-1 .ascendant-metric--hrs .metric-label{color:#ffd700b3}.ascendant-row-top-2 .ascendant-metric--hrs .metric-value{color:#e5e7eb;text-shadow:0 0 14px #e5e7eb59}.ascendant-row-top-2 .ascendant-metric--hrs .metric-label{color:#e5e7ebb3}.ascendant-row-top-3 .ascendant-metric--hrs .metric-value{color:#cd7f32;text-shadow:0 0 14px #cd7f3266}.ascendant-row-top-3 .ascendant-metric--hrs .metric-label{color:#cd7f32b3}.ascendant-secondary{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.35rem;font-size:.78rem;line-height:1.25;display:inline-flex}.secondary-pair{align-items:baseline;gap:.25rem;display:inline-flex}.secondary-label{color:var(--text-muted);opacity:.6;letter-spacing:.04em;font-size:.7rem;font-weight:600}.secondary-value{color:var(--text-main);opacity:.92;font-weight:700}.secondary-dot{color:var(--text-muted);opacity:.65}@media (width<=768px){.ascendant-row{grid-template-columns:64px minmax(0,1fr);gap:.9rem}.ascendant-metrics{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.25rem}.ascendant-secondary{justify-content:flex-end}.ascendant-identity{grid-template-columns:68px minmax(0,1fr)}.ascendant-avatar-wrap,.ascendant-avatar{width:68px;min-width:68px;max-width:68px;height:68px;min-height:68px;max-height:68px}.ascendant-rank-col .tier-badge-wrap--small{width:48px;height:48px}.creator-name{font-size:.95rem}.ascendant-row-top-1 .creator-name{font-size:1rem}.ascendant-row-top-2 .creator-name,.ascendant-row-top-3 .creator-name{font-size:.98rem}.creator-handle{font-size:.78rem}.metric-value{font-size:.86rem}.ascendant-metric--hrs .metric-value{font-size:1.25rem}.ascendant-row-top-1 .ascendant-metric--hrs .metric-value{font-size:1.4rem}.ascendant-row-top-2 .ascendant-metric--hrs .metric-value,.ascendant-row-top-3 .ascendant-metric--hrs .metric-value{font-size:1.32rem}}@media (width<=480px){.ranking-top3-section{gap:1.5rem}.ascendant-row{border-radius:20px;grid-template-columns:52px minmax(0,1fr);padding:.9rem}.ascendant-rank-number{font-size:1.05rem}.ascendant-identity{grid-template-columns:56px minmax(0,1fr);gap:.7rem}.ascendant-avatar-wrap,.ascendant-avatar{width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px}.ascendant-avatar .plot-thumbnail-fallback{font-size:1.15rem}.ascendant-rank-col .tier-badge-wrap--small{width:40px;height:40px}.ascendant-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}.section-title-row{flex-direction:column;gap:.5rem;display:flex}.ranking-type-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.type-tab{color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:600;font:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:.4rem 1.1rem;transition:all .2s}.type-tab:hover{color:var(--text-main);background:#ffffff14}.type-tab.active{color:var(--accent-primary);background:#6b4cff2e;border-color:#6b4cff66}.ranking-sub-chips{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.25rem;display:flex}.sub-chip{appearance:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;font:inherit;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:.25rem .75rem;transition:all .18s}.sub-chip:hover{color:var(--text-main);background:#ffffff12;border-color:#ffffff24}.sub-chip.active{color:var(--accent-primary);background:#6b4cff24;border-color:#6b4cff59}.rank-delta{letter-spacing:.02em;white-space:nowrap;border-radius:6px;padding:.1rem .3rem;font-size:.7rem;font-weight:800}.rank-delta.delta-up{color:#10b981;background:#10b9811f}.rank-delta.delta-down{color:#ef4444;background:#ef44441f}.rank-delta.delta-same{color:var(--text-muted);background:#ffffff0d}.rank-delta.delta-new{color:var(--accent-primary);background:#6b4cff1f}.hot-creators{flex-direction:column;gap:1.25rem;width:100%;max-width:500px;margin-top:1.5rem;display:flex}.hot-section{flex-direction:column;gap:.625rem;display:flex}.hot-section-header{justify-content:center;align-items:center;gap:.375rem;display:flex}.hot-section-icon{flex-shrink:0}.hot-section-icon--fire{color:#f97316}.hot-section-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.hot-chips{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;justify-content:flex-start;gap:.5rem;margin:0 -.25rem;padding:.125rem .25rem .5rem;display:flex;overflow-x:auto}.hot-chips::-webkit-scrollbar{height:4px}.hot-chips::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.hot-chip{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;scroll-snap-align:start;background:#ffffff0d;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;min-height:44px;padding:.375rem .625rem .375rem .375rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:border-color .2s,background .2s;display:flex}.hot-chip:hover{background:#ffffff14;border-color:#fff3}.hot-chip-avatar{flex-shrink:0;border-radius:50%!important;width:24px!important;height:24px!important}.hot-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.hot-chip-badge{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.1rem .4rem;font-size:.75rem;font-weight:600}.hot-chip-badge--search{color:#f97316;background:#f973161f}.hot-chip--skeleton{cursor:default;pointer-events:none;background:#ffffff0a;border-color:#ffffff0d;width:132px;animation:1.4s ease-in-out infinite hot-chip-skeleton}@keyframes hot-chip-skeleton{0%,to{opacity:.6}50%{opacity:.9}}.hot-chip--awarded{background:linear-gradient(#141626f2, #141626f2) padding-box, var(--award-gradient,linear-gradient(135deg, #888, #aaa)) border-box;box-shadow:0 0 12px var(--award-glow,transparent);border:1.5px solid #0000}.hot-chip--awarded:hover{background:linear-gradient(#1c1e30f2, #1c1e30f2) padding-box, var(--award-gradient,linear-gradient(135deg, #888, #aaa)) border-box;box-shadow:0 0 16px var(--award-glow,transparent)}@media (width<=640px){.hot-creators{max-width:100%}.hot-chip-name{max-width:80px}}.promo-entry{color:#f2f0ff;isolation:isolate;background:radial-gradient(80% 100% at 0%,#6b4cff38,#0000 70%),#141126c7;border:1px solid #9b81ff52;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;max-width:640px;margin:16px auto 0;padding:12px 16px 12px 12px;text-decoration:none;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .32s;display:grid;position:relative;overflow:hidden}.promo-entry:before{content:"";border-radius:inherit;pointer-events:none;opacity:.5;mix-blend-mode:screen;z-index:0;background:linear-gradient(120deg,#9b81ff00 0%,#9b81ff59 50%,#9b81ff00 100%) 0 0/200% 100%;animation:5.5s linear infinite promoEntrySheen;position:absolute;inset:-1px}@keyframes promoEntrySheen{0%{background-position:200% 0}to{background-position:-200% 0}}.promo-entry:hover{border-color:#9b81ff99;transform:translateY(-2px);box-shadow:0 0 0 1px #9b81ff73,0 18px 40px #07060f8c,0 0 36px #6b4cff59}.promo-entry:focus-visible{outline-offset:3px;outline:2px solid #6b4cff}.promo-entry-previews{z-index:1;align-items:center;width:132px;height:44px;display:flex;position:relative}.promo-entry-preview{background-color:#1c1c24;background-position:50%;background-size:cover;border:1.5px solid #07060f;border-radius:10px;width:38px;height:38px;position:absolute;box-shadow:0 4px 12px #07060f80}.promo-entry-preview--0{z-index:1;left:0;transform:rotate(-6deg)}.promo-entry-preview--1{z-index:2;left:22px;transform:rotate(2deg)}.promo-entry-preview--2{z-index:3;left:44px;transform:rotate(-3deg)}.promo-entry-preview--3{z-index:4;left:66px;transform:rotate(4deg)}.promo-entry-preview--4{z-index:5;left:88px;transform:rotate(-2deg)}.promo-entry-preview--mark{color:#f2f0ff;z-index:6;background:#141126eb;border:1.5px dashed #9b81ffb3;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:inline-flex;left:110px;transform:rotate(0);box-shadow:0 0 16px #6b4cff73}.promo-entry-body{z-index:1;flex-direction:column;gap:1px;min-width:0;display:flex;position:relative}.promo-entry-eyebrow{letter-spacing:.18em;color:#a5a3c2;font-size:.62rem;font-weight:700}.promo-entry-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:800;overflow:hidden}.promo-entry-sub{color:#a5a3c2;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:500;overflow:hidden}.promo-entry-cta{z-index:1;color:#f2f0ff;white-space:nowrap;background:#6b4cffd9;border-radius:999px;align-items:center;gap:4px;padding:6px 10px 6px 12px;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}.promo-entry:hover .promo-entry-cta{background:#6b4cff}@media (width<=480px){.promo-entry{gap:10px;padding:12px 14px}.promo-entry-previews{width:96px;height:38px}.promo-entry-preview{width:30px;height:30px}.promo-entry-preview--0{left:0}.promo-entry-preview--1{left:16px}.promo-entry-preview--2{left:32px}.promo-entry-preview--3{left:48px}.promo-entry-preview--4{left:64px}.promo-entry-preview--mark{width:26px;height:26px;font-size:.85rem;left:80px}.promo-entry-eyebrow{font-size:.58rem}.promo-entry-title{font-size:.88rem}.promo-entry-sub{font-size:.68rem}}@media (prefers-reduced-motion:reduce){.promo-entry:before{animation:none}.promo-entry,.promo-entry-cta{transition:none}.promo-entry:hover{transform:none}}.fav-creators{flex-direction:column;gap:.625rem;width:100%;max-width:500px;margin-top:1.25rem;display:flex}.fav-header{justify-content:center;align-items:center;gap:.375rem;display:flex}.fav-header-icon{color:#fbbf24;flex-shrink:0}.fav-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.fav-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.fav-chip{border:1px solid var(--border-light);background:#ffffff08;border-radius:999px;align-items:center;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.fav-chip:hover{background:#ffffff0f;border-color:#fbbf2452}.fav-chip-main{color:var(--text-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;min-height:44px;padding:.375rem .625rem .375rem .375rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.fav-chip-avatar{flex-shrink:0;border-radius:50%!important;width:24px!important;height:24px!important}.fav-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.fav-chip-delta{color:#34d399;white-space:nowrap;background:#34d3991a;border-radius:6px;flex-shrink:0;padding:.1rem .35rem;font-size:.75rem;font-weight:600}.fav-chip-delta--hrs{color:#818cf8;background:#818cf81a}.fav-chip-remove{min-width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:1px solid #fbbf241a;flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.fav-chip-remove:hover,.fav-chip-remove:active{color:var(--text-main);background:#ffffff0f}@media (width<=640px){.fav-creators{max-width:100%}.fav-chip-name{max-width:80px}}.achievement-badge{isolation:isolate;border:1px solid var(--achievement-border);background:linear-gradient(180deg, #ffffff0f 0%, #fff0 38%), linear-gradient(180deg, #0f10168c, #0a0b0fd9), var(--achievement-bg);width:100%;min-height:144px;color:var(--text-main);text-align:left;cursor:pointer;border-radius:14px;gap:1rem;padding:1.05rem 1.05rem 1.05rem 1.1rem;font-family:inherit;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff0f}.achievement-badge:before{content:"";background:radial-gradient(circle, var(--achievement-glow) 0%, transparent 62%);opacity:.85;pointer-events:none;z-index:0;width:220px;height:220px;position:absolute;inset:-55% auto auto -25%}.achievement-badge:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.achievement-badge:hover{border-color:var(--achievement-color);box-shadow:0 18px 40px #0000008c, 0 0 0 1px var(--achievement-border), inset 0 1px 0 #ffffff14;transform:translateY(-3px)}.achievement-badge:focus-visible{border-color:var(--achievement-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--achievement-color) 35%, transparent), 0 14px 36px #00000080;outline:none}.achievement-badge.is-locked,.achievement-badge.is-progress{background:linear-gradient(#ffffff05 0%,#fff0 50%),linear-gradient(#16181ef5,#0a0b0ffa);border-color:#ffffff0f;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff05}.achievement-badge.is-locked .achievement-badge-rarity,.achievement-badge.is-progress .achievement-badge-rarity{color:#6b7280;text-shadow:none}.achievement-badge.is-locked .achievement-badge-name,.achievement-badge.is-progress .achievement-badge-name{color:#9ca3af}.achievement-badge.is-locked .achievement-badge-desc,.achievement-badge.is-progress .achievement-badge-desc,.achievement-badge.is-locked .achievement-badge-progress-label,.achievement-badge.is-progress .achievement-badge-progress-label{color:#6b7280}.achievement-badge.is-locked:hover,.achievement-badge.is-progress:hover{border-color:#ffffff2e;box-shadow:0 12px 28px #00000080,inset 0 1px #ffffff08}.achievement-badge.is-locked:before,.achievement-badge.is-progress:before{display:none}.achievement-badge.is-progress{border-color:#f59e0b38}.achievement-badge.is-unlocked{animation:4.2s ease-in-out infinite achievementBreathe}.achievement-badge.is-recent{animation:4.2s ease-in-out infinite achievementBreathe,1.4s cubic-bezier(.2,.8,.2,1) 2 achievementBurst}.achievement-badge-medal{width:60px;height:66px;color:var(--achievement-color);z-index:1;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.achievement-badge-medal:before{content:"";background:linear-gradient(160deg, var(--achievement-color), color-mix(in srgb, var(--achievement-color) 35%, #0b0b0e));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:drop-shadow(0 0 16px var(--achievement-glow));position:absolute;inset:0}.achievement-badge-medal:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(160deg,#0f1016c7,#0a0b0ff2);position:absolute;inset:2px}.achievement-badge-medal svg{z-index:2;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--achievement-color) 60%, transparent));position:relative}.achievement-badge.is-locked .achievement-badge-medal,.achievement-badge.is-progress .achievement-badge-medal{color:#94a3b8;filter:grayscale()brightness(.62)}.achievement-badge.is-locked .achievement-badge-medal:before,.achievement-badge.is-progress .achievement-badge-medal:before{filter:none;background:linear-gradient(160deg,#4b5563,#1f2937)}.achievement-badge-body{z-index:1;flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex;position:relative}.achievement-badge-topline{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.achievement-badge-rarity{color:var(--achievement-color);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px color-mix(in srgb, var(--achievement-color) 40%, transparent);font-size:.72rem;font-weight:900}.achievement-badge-state{letter-spacing:.02em;min-height:20px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.achievement-badge.is-unlocked .achievement-badge-state{color:#0b0b0e;background:var(--achievement-color);box-shadow:0 0 14px color-mix(in srgb, var(--achievement-color) 45%, transparent);border-color:#0000}.achievement-badge.is-progress .achievement-badge-state{color:#fbbf24;background:#fbbf2424;border-color:#fbbf2452}.achievement-badge-name{color:var(--text-main);word-break:keep-all;overflow-wrap:anywhere;font-size:1rem;font-weight:800;line-height:1.25}.achievement-badge-desc{color:var(--text-muted);word-break:keep-all;font-size:.8125rem;line-height:1.45}.achievement-badge-progress{align-items:center;gap:.65rem;margin-top:auto;display:flex}.achievement-badge-progress-track{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:999px;flex:1;height:5px;overflow:hidden}.achievement-badge-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--achievement-color), color-mix(in srgb, var(--achievement-color) 50%, #fbbf24));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--achievement-color) 50%, transparent);display:block}.achievement-badge.is-locked .achievement-badge-progress-track span,.achievement-badge.is-progress .achievement-badge-progress-track span{box-shadow:none;background:linear-gradient(90deg,#6b7280,#9ca3af)}.achievement-badge-progress-label{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem;font-weight:700}@keyframes achievementBreathe{0%,to{box-shadow:0 10px 28px #00000073,0 0 #0000,inset 0 1px #ffffff0f}50%{box-shadow:0 14px 32px #00000073, 0 0 24px color-mix(in srgb, var(--achievement-glow) 65%, transparent), inset 0 1px 0 #ffffff14}}@keyframes achievementBurst{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-4px)scale(1.015)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.achievement-badge.is-unlocked,.achievement-badge.is-recent{animation:none}}.achievement-share-card{color:#fff;background:radial-gradient(circle at 50% 30%, var(--share-glow), transparent 34%), linear-gradient(180deg, #ffffff14, #ffffff05), #10131d;border:1px solid var(--share-border);flex-direction:column;justify-content:space-between;align-items:center;width:420px;height:600px;padding:30px;font-family:Pretendard,system-ui,sans-serif;display:flex}.achievement-share-header{justify-content:space-between;align-items:center;width:100%;display:flex}.achievement-share-tier{color:var(--share-color);text-transform:uppercase;border:1px solid var(--share-border);background:#0000002e;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:900}.achievement-share-medal{width:178px;height:178px;color:var(--share-color);background:var(--share-bg);border:1px solid var(--share-border);box-shadow:0 0 52px var(--share-glow);border-radius:50%;justify-content:center;align-items:center;display:flex}.achievement-share-copy{text-align:center}.achievement-share-copy h2{letter-spacing:0;word-break:keep-all;margin:0 0 .75rem;font-size:2rem;line-height:1.15}.achievement-share-copy p{color:#ffffffbd;word-break:keep-all;margin:0;font-size:1.05rem;font-weight:600;line-height:1.45}.achievement-share-meta{color:#ffffffb8;flex-direction:column;align-items:center;gap:.42rem;width:100%;font-size:.95rem;font-weight:700;display:flex}.achievement-share-meta strong{color:#fff;font-size:.85rem}.achievement-sheet-overlay{z-index:1100;background:#07060fc7;justify-content:flex-end;animation:.14s fade-in;display:flex;position:fixed;inset:0}.achievement-sheet{width:min(420px,100%);min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) 1.25rem;border-left:1px solid var(--achievement-border);background:linear-gradient(#15151afa,#0c0c10fa);flex-direction:column;gap:1.35rem;display:flex;box-shadow:-24px 0 80px #00000073}.achievement-sheet-header{justify-content:space-between;align-items:center;display:flex}.achievement-sheet-status{align-items:center;gap:.6rem;display:flex}.achievement-sheet-rarity{color:var(--achievement-color);text-transform:uppercase;font-size:.75rem;font-weight:900}.achievement-sheet-state{min-height:24px;color:var(--text-muted);background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 .55rem;font-size:.72rem;font-weight:900;display:inline-flex}.achievement-sheet-state.is-unlocked{color:#0b0b0e;background:var(--achievement-color);box-shadow:0 0 14px color-mix(in srgb, var(--achievement-color) 45%, transparent);border-color:#0000}.achievement-sheet-state.is-progress{color:#fbbf24;background:#fbbf2424;border-color:#fbbf2452}.achievement-sheet-close{border:1px solid var(--border-light);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.achievement-sheet-close:hover{color:var(--text-main)}.achievement-sheet-medal{width:140px;height:154px;color:var(--achievement-color);filter:drop-shadow(0 0 32px var(--achievement-glow));justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.achievement-sheet-medal:before{content:"";background:linear-gradient(160deg, var(--achievement-color), color-mix(in srgb, var(--achievement-color) 30%, #0b0b0e));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:absolute;inset:0}.achievement-sheet-medal:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(160deg,#0f1016c7,#0a0b0ff2);position:absolute;inset:3px}.achievement-sheet-medal svg{z-index:2;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--achievement-color) 60%, transparent));position:relative}.achievement-sheet.is-locked .achievement-sheet-medal,.achievement-sheet.is-progress .achievement-sheet-medal{color:#94a3b8;filter:grayscale()brightness(.62)}.achievement-sheet.is-locked .achievement-sheet-medal:before,.achievement-sheet.is-progress .achievement-sheet-medal:before{background:linear-gradient(160deg,#4b5563,#1f2937)}.achievement-sheet.is-locked .achievement-sheet-rarity,.achievement-sheet.is-progress .achievement-sheet-rarity{color:#6b7280}.achievement-sheet.is-locked .achievement-sheet-copy h2,.achievement-sheet.is-progress .achievement-sheet-copy h2{color:#9ca3af}.achievement-sheet.is-locked .achievement-sheet-copy p,.achievement-sheet.is-progress .achievement-sheet-copy p{color:#6b7280}.achievement-sheet-copy h2{color:var(--text-main);letter-spacing:0;word-break:keep-all;margin:0 0 .65rem;font-size:1.85rem;line-height:1.16}.achievement-sheet-copy p{color:var(--text-muted);word-break:keep-all;margin:0;font-size:1rem;line-height:1.55}.achievement-sheet-progress{border:1px solid var(--border-light);background:#ffffff0b;border-radius:14px;padding:1rem}.achievement-sheet-progress-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.83rem;font-weight:700;display:flex}.achievement-sheet-progress-row strong{color:var(--text-main)}.achievement-sheet-progress-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.achievement-sheet-progress-track span{border-radius:inherit;background:var(--achievement-color);height:100%;display:block}.achievement-sheet.is-locked .achievement-sheet-progress-track span,.achievement-sheet.is-progress .achievement-sheet-progress-track span{background:#9ca3af}.achievement-sheet-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;display:grid}.achievement-sheet-actions button{border:1px solid var(--achievement-border);min-height:48px;color:var(--text-main);cursor:pointer;background:linear-gradient(#ffffff14,#ffffff08);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:.9rem;font-weight:800;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.achievement-sheet-actions button:hover:not(:disabled){border-color:var(--achievement-color);background:linear-gradient(#ffffff1f,#ffffff0a);transform:translateY(-1px)}.achievement-sheet-actions button:disabled{opacity:.7;cursor:not-allowed}.achievement-sheet-note{color:var(--text-muted);text-align:center;margin:0;font-size:.8rem}.achievement-share-render{pointer-events:none;position:fixed;top:0;left:-9999px}@media (width<=640px){.achievement-sheet-overlay{justify-content:center;align-items:flex-end}.achievement-sheet{border-left:none;border-top:1px solid var(--achievement-border);border-radius:18px 18px 0 0;min-height:0;max-height:88dvh;overflow-y:auto}}.achievements-panel-overlay{z-index:1000;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:#07060fdb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.achievements-panel{background:linear-gradient(#15151afa,#0a0a0efa);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:1.2rem;width:min(1040px,100%);height:min(820px,92dvh);padding:1.5rem;display:flex;box-shadow:0 28px 90px #0000008c}.achievements-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.achievements-panel-kicker{color:var(--accent-secondary);margin-bottom:.35rem;font-size:.75rem;font-weight:900;display:block}.achievements-panel-header h2{letter-spacing:0;margin:0;font-size:1.8rem;line-height:1.1}.achievements-panel-close{border:1px solid var(--border-light);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.achievements-panel-close:hover{color:var(--text-main)}.achievements-panel-summary{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.achievements-panel-count strong{color:var(--text-main);font-size:2rem}.achievements-panel-count span{color:var(--text-muted);font-weight:800}.achievements-panel-meter{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.achievements-panel-meter span{border-radius:inherit;background:linear-gradient(90deg,#7dd3fc 0%,#a5b4fc 35%,#fbbf24 70%,#f0abfc 100%);height:100%;display:block;box-shadow:0 0 16px #a5b4fc73}.achievements-highlight{color:var(--text-main);text-align:left;cursor:pointer;background:linear-gradient(#6b4cff2e,#6b4cff0a),linear-gradient(#0f101699,#0a0b0fd9);border:1px solid #6b4cff52;border-radius:14px;gap:.35rem;padding:1rem 1.1rem;font-family:inherit;transition:transform .18s,border-color .18s;display:grid;box-shadow:0 8px 24px #00000059}.achievements-highlight:hover{border-color:var(--accent-secondary);transform:translateY(-2px)}.achievements-highlight-label{color:var(--accent-secondary);font-size:.75rem;font-weight:900}.achievements-highlight-name{font-size:1.1rem;font-weight:850}.achievements-highlight-desc{color:var(--text-muted);font-size:.86rem}.achievements-near{background:linear-gradient(#fbbf241f,#fbbf2405),linear-gradient(#0f101699,#0a0b0fd9);border:1px solid #fbbf2447;border-radius:14px;flex-direction:column;gap:.6rem;padding:.95rem 1rem;display:flex;box-shadow:0 8px 24px #00000059}.achievements-near-header{color:#fbbf24;align-items:center;gap:.45rem;font-size:.82rem;font-weight:900;display:flex}.achievements-near-sub{color:var(--text-muted);margin-left:auto;font-size:.72rem;font-weight:800}.achievements-near-list{flex-direction:column;gap:.55rem;display:flex}.achievements-near-item{color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:stretch;gap:.7rem;padding:.7rem .85rem;font-family:inherit;transition:transform .15s,border-color .15s,background .15s;display:flex}.achievements-near-item:hover{background:#fbbf240f;border-color:#fbbf2466;transform:translate(2px)}.achievements-near-icon{color:#fbbf24;background:#fbbf2424;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.achievements-near-body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.achievements-near-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.achievements-near-name{font-size:.92rem;font-weight:850}.achievements-near-percent{color:#fbbf24;font-size:.85rem;font-weight:900}.achievements-near-track{background:#ffffff0f;border-radius:999px;height:6px;display:block;overflow:hidden}.achievements-near-track>span{border-radius:inherit;background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 60%,#fde68a 100%);height:100%;transition:width .4s;display:block;box-shadow:0 0 10px #fbbf2466}.achievements-near-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.achievements-near-progress{color:var(--text-muted);flex-shrink:0;font-size:.74rem;font-weight:800}.achievements-scroll{flex-direction:column;flex:auto;gap:1.2rem;min-height:0;padding-right:.35rem;display:flex;overflow-y:auto}.achievements-groups{flex-direction:column;gap:1.35rem;display:flex}.achievements-group{flex-direction:column;gap:.75rem;display:flex}.achievements-group-header{justify-content:space-between;align-items:center;display:flex}.achievements-group-header h3{color:var(--text-main);margin:0;font-size:1rem}.achievements-group-header span{color:var(--text-muted);font-size:.8rem;font-weight:800}.achievements-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=900px){.achievements-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.achievements-panel-overlay{align-items:stretch;padding:0}.achievements-panel{width:100%;height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));border-radius:0}.achievements-row{grid-template-columns:1fr}}.explorer-progress-widget{border:1px solid var(--border-light);width:min(500px,100%);min-height:76px;color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff08;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;margin-top:1rem;padding:.95rem 1rem;font-family:inherit;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.explorer-progress-widget:hover{background-color:#ffffff0d;border-color:#f59e0b52;transform:translateY(-2px)}.explorer-progress-icon{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b42;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.explorer-progress-main{flex-direction:column;gap:.22rem;min-width:0;display:flex}.explorer-progress-title{color:var(--text-main);font-size:.95rem;font-weight:850}.explorer-progress-goal{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.35;overflow:hidden}.explorer-progress-count{color:var(--text-muted);flex-direction:column;align-items:flex-end;font-weight:800;line-height:1.1;display:flex}.explorer-progress-count strong{color:var(--text-main);font-size:1.35rem}.explorer-progress-count em{color:#f59e0b;margin-top:.28rem;font-size:.72rem;font-style:normal}@media (width<=560px){.explorer-progress-widget{grid-template-columns:auto 1fr}.explorer-progress-count{flex-direction:row;grid-column:1/-1;justify-content:center;align-items:baseline;gap:.2rem}.explorer-progress-count em{margin-top:0;margin-left:.5rem}}.toast-container{bottom:max(2rem, env(safe-area-inset-bottom));right:max(1rem, env(safe-area-inset-right));left:max(1rem, env(safe-area-inset-left));z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed}.toast{background:var(--bg-card);border:1px solid var(--border-light);pointer-events:auto;border-radius:12px;align-items:center;gap:.75rem;min-width:200px;max-width:320px;padding:.75rem 1rem;animation:.2s fade-in;display:flex;box-shadow:0 8px 32px #0006}.toast-success{border-color:#00e6764d}.toast-error{border-color:#ef44444d}.toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast-success .toast-dot{background:#00e676}.toast-error .toast-dot{background:#ef4444}.toast-message{color:var(--text-primary,#e8e8f0);flex:1;font-size:.875rem}.toast-close{color:var(--text-secondary,#e8e8f080);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1}.toast-close:hover{color:var(--text-primary,#e8e8f0)}@media (width<=480px){.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{max-width:100%}}.landing-page-wrapper{flex-direction:column;flex:1;align-items:center;padding-bottom:6rem;display:flex;overflow-x:hidden}.hero-search-container{background:radial-gradient(circle at center, #6b4cff0f 0%, var(--bg-main) 45%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:500px;padding:2rem;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex}.brand-identity{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;animation:.8s cubic-bezier(.16,1,.3,1) both fadeIn;display:flex}.brand-logo{background:#6b4cff1a;border:1px solid #6b4cff33;border-radius:100px;align-items:center;gap:.75rem;padding:.5rem 1.25rem .5rem .75rem;display:flex;box-shadow:0 4px 12px #0003,0 0 16px #6b4cff1a}.brand-icon-wrapper{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 12px #6b4cff66}.brand-name{color:var(--text-main);letter-spacing:.05em;text-transform:uppercase;font-size:1.125rem;font-weight:800}.hero-title{color:var(--text-main);letter-spacing:-.02em;word-break:keep-all;overflow-wrap:break-word;margin-bottom:2rem;font-size:clamp(1.75rem,6.5vw,2.75rem);font-weight:800;line-height:1.4}.search-form{gap:1rem;width:100%;max-width:500px;margin:0 auto;display:flex}.search-input-wrapper{flex:1;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-input{background:var(--bg-card);border:1px solid var(--border-light);width:100%;height:60px;color:var(--text-main);border-radius:30px;padding:0 1.5rem 0 3.25rem;font-family:inherit;font-size:1.125rem;transition:all .3s}.search-input::placeholder{color:var(--text-muted)}.search-clear{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear:hover,.search-clear:focus-visible{color:var(--text-main);background:#ffffff1f;outline:none}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg-card-hover);outline:none}.search-button{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:.5rem;height:60px;padding:0 2rem;font-family:inherit;font-size:1.125rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.search-button:hover{box-shadow:0 0 28px var(--accent-glow);transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.recent-creators{flex-direction:column;align-items:center;gap:.625rem;width:100%;max-width:500px;margin-top:1.25rem;display:flex}.recent-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.recent-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.recent-chip{border:1px solid var(--border-light);background:#ffffff0d;border-radius:999px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.recent-chip:hover{border-color:#fff3}.recent-chip-main{color:var(--text-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;min-height:44px;padding:.375rem .625rem .375rem .375rem;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.recent-chip-avatar{flex-shrink:0;border-radius:50%!important;width:24px!important;height:24px!important}.recent-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.recent-chip-remove{border:none;border-left:1px solid var(--border-light);min-width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.recent-chip-remove:hover,.recent-chip-remove:active{color:var(--text-main);background:#ffffff0f}@media (width<=640px){.landing-page-wrapper{padding-bottom:calc(3rem + env(safe-area-inset-bottom))}.hero-search-container{min-height:auto;padding:1.5rem 1rem 2rem}.brand-identity{margin-bottom:1.5rem}.brand-logo{padding:.4rem 1rem .4rem .5rem}.brand-name{font-size:1rem}.hero-title{margin-bottom:1.5rem}.search-form{flex-direction:column;gap:.625rem;max-width:100%}.search-input{height:56px;padding:0 1.25rem 0 3rem;font-size:16px}.search-icon{left:1rem}.search-button{justify-content:center;width:100%;height:52px;font-size:1rem}.recent-creators{max-width:100%}.recent-chip-name{max-width:140px}}.maintenance-mode{overflow:hidden}.maintenance-shutter{z-index:1000;color:#1f1f29;background:radial-gradient(at top,#7c3aed14,#0000 60%),#fafaff;justify-content:center;align-items:center;padding:32px 24px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,sans-serif;display:flex;position:fixed;inset:0}.maintenance-shutter__inner{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:480px;padding:40px 28px;box-shadow:0 1px 2px #0f0f1e0a,0 12px 40px -16px #3c28782e}.maintenance-shutter__icon{color:#6d39d8;background:#7c3aed14;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.maintenance-shutter__title{letter-spacing:-.01em;margin:0 0 12px;font-size:22px;font-weight:700}.maintenance-shutter__message{color:#54546a;margin:0 0 16px;font-size:15px;line-height:1.6}.maintenance-shutter__period{color:#6e6e84;letter-spacing:-.005em;margin:14px 0 0;font-size:13.5px;line-height:1.55}.maintenance-shutter__footer{text-align:center;color:#6e6e84;letter-spacing:-.005em;font-size:13px;position:absolute;bottom:20px;left:0;right:0}.maintenance-shutter__contact{color:#6d39d8;font-weight:600;text-decoration:none}.maintenance-shutter__contact:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.maintenance-shutter{color:#efeff5;background:radial-gradient(at top,#7c3aed2e,#0000 60%),#0f0f17}.maintenance-shutter__inner{background:#1a1a25;box-shadow:0 1px 2px #0000004d,0 16px 48px -16px #00000080}.maintenance-shutter__icon{color:#b094ff;background:#7c3aed2e}.maintenance-shutter__message{color:#afaec3}.maintenance-shutter__period,.maintenance-shutter__footer{color:#8c8ca5}.maintenance-shutter__contact{color:#b094ff}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}