:root{--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--bg:#f6f5f2;--surface:#fff;--border:#e7e4de;--border-hover:#cfcac0;--text:#1a1917;--muted:#6b6760;--faint:#9a958c;--accent:#3867ff;--accent-soft:#3867ff1a;--wash-1:#3867ff1f;--wash-2:#1da9741a;--ease:cubic-bezier(.22, 1, .36, 1);--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-base:1rem;--fs-lg:1.25rem}:root[data-theme=dark]{--bg:#121110;--surface:#1c1b19;--border:#2e2c29;--border-hover:#4a4742;--text:#f3f1ec;--muted:#a8a49b;--faint:#6f6b63;--accent:#7d9bff;--accent-soft:#7d9bff21;--wash-1:#7d9bff1f;--wash-2:#47cb971a}*{box-sizing:border-box}html{font-size:16px}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:var(--sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;line-height:1.5}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.page{background:radial-gradient(circle at 16% 10%, var(--wash-1), transparent 28rem), radial-gradient(circle at 88% 18%, var(--wash-2), transparent 24rem), var(--bg);min-height:100dvh}.wrap{max-width:960px;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(72px, calc(env(safe-area-inset-bottom) + 48px)) max(20px, env(safe-area-inset-left));margin:0 auto}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar{animation:fadeUp .5s var(--ease) both;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.filters{flex-wrap:wrap;gap:3px;display:flex}.filterBtn{color:var(--faint);font-size:var(--fs-sm);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:500;transition:color .2s,background .2s}.filterBtn:hover{background:var(--accent-soft);color:var(--accent)}.filterBtnActive{background:var(--accent);color:#fff;font-weight:600}:root[data-theme=dark] .filterBtnActive{color:#121110}.themeSeg{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.themeSeg button{color:var(--faint);background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;transition:color .2s,background .2s;display:grid}.themeSeg button:hover{color:var(--muted)}.themeSeg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.grid{grid-template-columns:1fr 1fr}}.card{--card-accent:#3867ff;--card-tint:#3867ff14;border:1px solid var(--border);background:linear-gradient(135deg, var(--card-tint), transparent 42%), var(--surface);animation:fadeUp .55s var(--ease) both;animation-delay:calc(50ms + var(--i,0) * 40ms);border-radius:16px;flex-direction:column;gap:5px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--card-accent);opacity:.9;border-radius:999px;width:8px;height:8px;position:absolute;top:14px;right:14px}.card:nth-child(2n){--card-accent:#16a374;--card-tint:#16a37417}.card:nth-child(3n){--card-accent:#e78b35;--card-tint:#e78b351a}.card:nth-child(4n){--card-accent:#9b6bff;--card-tint:#9b6bff1a}.card:nth-child(5n){--card-accent:#e45d82;--card-tint:#e45d821a}.cardLink{transition:border-color .25s ease, transform .3s var(--ease), box-shadow .3s var(--ease)}.cardLink:hover,.cardLink:focus-visible{border-color:color-mix(in srgb, var(--card-accent) 38%, var(--border-hover));box-shadow:0 14px 34px -20px color-mix(in srgb, var(--card-accent) 34%, #1a1917);outline:none;transform:translateY(-2px)}:root[data-theme=dark] .cardLink:hover,:root[data-theme=dark] .cardLink:focus-visible{box-shadow:0 14px 36px -16px #0000008c}.cardSoon{opacity:.55}.cardTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.cardCategory{color:var(--card-accent);font-size:var(--fs-xs);letter-spacing:.02em;font-weight:650}.cardSoonLabel{color:var(--faint);font-size:var(--fs-xs);font-weight:600}.cardTitle{letter-spacing:-.03em;margin:0;font-size:1.125rem;font-weight:650;line-height:1.25}.cardBlurb{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.45}.cardArrow{color:var(--card-accent);transition:color .25s ease, transform .3s var(--ease);flex-shrink:0}.cardLink:hover .cardArrow,.cardLink:focus-visible .cardArrow{color:var(--card-accent);transform:translate(2px,-2px)}.empty{color:var(--muted);text-align:center;margin:48px 0}.ipBadge{left:50%;bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));z-index:2;color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;margin:0;font-size:.75rem;position:fixed;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toolbar,.card{animation:none}.cardLink,.cardArrow,.filterBtn,.themeSeg button{transition:none}.cardLink:hover,.cardLink:focus-visible{transform:none}}