:root{--bg: #08060f;--bg-soft: #0f0a1a;--panel: #130d22;--panel-2: #1a1230;--border: #2e2447;--text: #e6edf3;--muted: #8b98a9;--accent: #22d3ee;--accent-2: #f472b6;--accent-3: #e879f9;--accent-4: #22d3ee;--danger: #f87171;--radius: 10px;--card-radius: 10px;--card-bg: linear-gradient(180deg, #18102e 0%, #0f0a1c 100%);--maxw: 100%;--lvl0: #1c2533;--lvl1: #0e4429;--lvl2: #006d32;--lvl3: #26a641;--lvl4: #39d353;--contrib-day-w: 30px;--contrib-gap: 3px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.page{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;padding:28px clamp(16px,4vw,56px) 60px}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1000px 560px at 82% -12%,rgba(34,211,238,.26),transparent 60%),radial-gradient(860px 500px at 112% 34%,rgba(232,121,249,.22),transparent 60%),radial-gradient(760px 440px at -8% 6%,rgba(244,114,182,.2),transparent 60%),radial-gradient(680px 420px at 20% 118%,rgba(34,211,238,.16),transparent 60%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,auto,auto,40px 40px,40px 40px}.hero{position:relative;display:flex;align-items:center;gap:22px;padding:22px 24px;background:linear-gradient(135deg,var(--panel),var(--bg-soft));border:1px solid var(--border);border-radius:18px}.hero-visits{position:absolute;top:14px;right:16px;display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;font-size:12px;color:var(--muted)}.hero-visits-num{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.avatar{width:84px;height:84px;border-radius:50%;border:2px solid var(--accent);flex-shrink:0;object-fit:cover}.hero-name{margin:0;font-size:28px;letter-spacing:-.02em}.hero-bio{margin:4px 0 10px;color:var(--muted);font-size:15px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tag{font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--muted)}.hero-tag.link{color:var(--accent);border-color:#38bdf866}.hero-tag.link:hover{background:#38bdf814}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;text-align:center}.stat-num{display:block;font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:13px;color:var(--muted)}.toolbar{display:flex;gap:12px;margin:22px 0 18px;flex-wrap:wrap}.search{flex:1;min-width:220px;padding:11px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;outline:none}.search:focus{border-color:var(--accent)}.filters{display:flex;gap:10px}select{padding:11px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;outline:none;cursor:pointer}select:focus{border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--card-radius);padding:15px 16px;box-shadow:inset 0 1px #ffffff0b,0 10px 24px -14px #000000b3;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 1px #ffffff12,0 22px 44px -18px #000c,0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.card-fresh{border-color:var(--accent);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px var(--accent),0 0 20px -2px color-mix(in srgb,var(--accent) 60%,transparent);animation:fresh-pulse 2.4s ease-in-out infinite}.card-fresh:hover{border-color:var(--accent)}@keyframes fresh-pulse{0%,to{box-shadow:inset 0 1px #ffffff0f,0 0 0 1px var(--accent),0 0 16px -4px color-mix(in srgb,var(--accent) 50%,transparent)}50%{box-shadow:inset 0 1px #ffffff0f,0 0 0 1px var(--accent),0 0 26px color-mix(in srgb,var(--accent) 75%,transparent)}}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{margin:0;flex:1;min-width:0;font-size:15px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title a{display:block;overflow:hidden;text-overflow:ellipsis}.card-title a:hover{color:var(--accent)}.card-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.badge-auth{font-size:10px;font-weight:700;letter-spacing:.02em;color:#2a1a05;background:linear-gradient(180deg,#fbbf24,#f59e0b);padding:3px 8px;border-radius:999px;white-space:nowrap;box-shadow:inset 0 1px #ffffff59,0 2px 8px -2px #f59e0b80}.badge-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#05140d;background:linear-gradient(180deg,#4ade80,#22c55e);padding:3px 9px;border-radius:999px;flex-shrink:0;box-shadow:inset 0 1px #ffffff59,0 2px 8px -2px #22c55e8c}.badge-live:before{content:"";width:5px;height:5px;border-radius:50%;background:#064e2b}.card-desc{margin:6px 0 8px;color:var(--muted);font-size:14px;line-height:1.4;min-height:32px}.topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.topic{font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:2px 8px;border-radius:999px}.card-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;margin-bottom:10px;flex-wrap:wrap}.lang{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.lang-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.meta-item{color:var(--text)}.muted{color:var(--muted)}.card-actions{display:flex;gap:8px;margin-top:auto}.btn{flex:1;text-align:center;padding:6px 9px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--border);transition:background .18s ease,border-color .18s ease,transform .12s ease,filter .18s ease}.btn-primary{background:linear-gradient(180deg,#4cc4f7,#25a8e8);color:#04121b;border-color:transparent;box-shadow:inset 0 1px #ffffff4d,0 6px 14px -6px #38bdf88c}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);filter:brightness(.98)}.btn-ghost{background:#ffffff05;color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#38bdf80f}.skeleton{height:200px;background:linear-gradient(100deg,var(--panel) 30%,var(--panel-2) 50%,var(--panel) 70%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-color:var(--border)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notice{text-align:center;padding:50px 20px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.notice.error{border-color:#f8717166}.notice.error p:first-child{color:var(--danger);font-weight:600}.panel{margin-top:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.panel-title{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--muted)}.contrib-total{color:var(--text);font-weight:700}.contrib-inner{width:100%}.contrib-months{display:flex;font-size:11px;color:var(--muted);margin-bottom:5px}.contrib-months.has-days{padding-left:var(--contrib-day-w)}.contrib-month{flex:0 0 auto;min-width:0;overflow:hidden}.contrib-body{display:flex;align-items:stretch}.contrib-days{display:flex;flex-direction:column;gap:var(--contrib-gap);width:var(--contrib-day-w);flex-shrink:0;font-size:10px;color:var(--muted)}.contrib-days span{flex:1 1 0;display:flex;align-items:center;line-height:1}.contrib-grid{display:flex;gap:var(--contrib-gap);flex:1;min-width:0}.contrib-week{display:flex;flex-direction:column;gap:var(--contrib-gap);flex:1 1 0;min-width:0}.contrib-cell{width:100%;aspect-ratio:1 / 1;border-radius:2px;background:var(--lvl0)}.contrib-cell.lvl-0{background:var(--lvl0)}.contrib-cell.lvl-1{background:var(--lvl1)}.contrib-cell.lvl-2{background:var(--lvl2)}.contrib-cell.lvl-3{background:var(--lvl3)}.contrib-cell.lvl-4{background:var(--lvl4)}.contrib-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:12px;font-size:11px;color:var(--muted)}.contrib-legend .legend-cell{width:11px;height:11px;aspect-ratio:auto;flex:0 0 auto}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:var(--maxw);margin:32px auto 0;padding:18px clamp(16px,4vw,56px) 40px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03060cbd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;animation:modal-fade .15s ease}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{width:92vw;height:92vh;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 70px #0009}.modal-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-url{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.modal-actions{display:flex;gap:8px;flex-shrink:0}.modal-btn{padding:7px 13px;border-radius:9px;font-size:13px;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,filter .15s ease}.modal-open{background:linear-gradient(180deg,#4cc4f7,#25a8e8);color:#04121b;border-color:transparent;box-shadow:inset 0 1px #ffffff4d,0 6px 14px -6px #38bdf88c}.modal-open:hover{filter:brightness(1.06)}.modal-close{line-height:1;padding:7px 11px}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-frame{flex:1;width:100%;border:0;background:#fff}@media(max-width:768px){.modal{width:80vw;height:80vh}.modal-url{display:none}}.hero-m{flex-direction:column;text-align:center;gap:12px;padding:22px 18px}.hero-m .hero-tags{justify-content:center}.page-mobile .stats{grid-template-columns:repeat(2,1fr)}.page-mobile .hero-name{font-size:23px}.page-mobile .toolbar{flex-direction:column}.page-mobile .filters{width:100%}.page-mobile .filters select{flex:1}.page-mobile .grid{grid-template-columns:minmax(0,1fr)}.page-mobile .card-desc{min-height:0}