[data-app=home]{--lv1:#2dd4bf;--lv2:#facc15;--lv3:#fb923c;--lv4:#f43f5e;--glass:#0e1626;--line:#94c5ff24;--tx:#e8f1ff;--dim:#8ea8c9;--bg:#070d17;--field:#0a1220;--panel2:#0b1424;--acc:#7dd3fc;--acc2:#a5b4fc;--h3:#9fc3ec;--aura-op:.5;--card:#0e1626b8;--cardhov:#121d32eb;--shadow:0 18px 46px #0000006b}html[data-theme=light] [data-app=home]{--lv1:#0d9488;--lv2:#d97706;--lv3:#ea580c;--lv4:#e11d48;--glass:#fff;--line:#1e407824;--tx:#0f2137;--dim:#5b7391;--bg:#eef4fb;--field:#fff;--panel2:#f0f6fd;--acc:#0284c7;--acc2:#4f46e5;--h3:#33587d;--aura-op:.3;--card:#ffffffd1;--cardhov:#fff;--shadow:0 16px 40px #1e407821}[data-app=home] *{box-sizing:border-box;margin:0;padding:0}[data-app=home] h1,[data-app=home] h2,[data-app=home] h3,[data-app=home] h4,[data-app=home] h5,[data-app=home] p,[data-app=home] .meta,[data-app=home] .hot,[data-app=home] .nline{word-break:keep-all;overflow-wrap:break-word}[data-app=home]{background:var(--bg);min-height:100%;color:var(--tx);font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;transition:background .35s,color .35s;position:relative;overflow-x:hidden}[data-app=home] .aura{pointer-events:none;filter:blur(70px);z-index:0;opacity:var(--aura-op);border-radius:50%;position:fixed}[data-app=home] .aura.a{background:radial-gradient(circle,#22d3ee2b,#0000 65%);width:46vmax;height:46vmax;animation:18s ease-in-out infinite drift-home;top:-16vmax;left:-14vmax}[data-app=home] .aura.b{background:radial-gradient(circle,#6366f129,#0000 65%);width:40vmax;height:40vmax;animation:22s ease-in-out infinite reverse drift-home;top:24vmax;right:-12vmax}@keyframes drift-home{50%{transform:translate(4vmax,3vmax)scale(1.07)}}[data-app=home] .wrap{z-index:1;max-width:1120px;margin:0 auto;padding:0 20px;position:relative}[data-app=home] .top{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}[data-app=home] .top .wrap{align-items:center;gap:14px;height:58px;display:flex}[data-app=home] .logo{color:var(--tx);flex:none;align-items:baseline;gap:9px;text-decoration:none;display:flex}[data-app=home] .logo b{letter-spacing:-.4px;white-space:nowrap;font-size:18px;font-weight:800}[data-app=home] .logo span{color:var(--dim);white-space:nowrap;font-size:11px;font-weight:600}[data-app=home] .topnav{background:color-mix(in srgb, var(--acc) 12%, transparent);border:1px solid var(--line);scrollbar-width:none;border-radius:999px;gap:2px;min-width:0;margin-left:auto;padding:3px;display:flex;overflow-x:auto}[data-app=home] .topnav::-webkit-scrollbar{display:none}[data-app=home] .topnav a{color:var(--dim);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s}[data-app=home] .topnav a:hover{color:var(--tx);background:color-mix(in srgb, var(--acc) 16%, transparent)}[data-app=home] .hero{text-align:center;padding:62px 0 30px}[data-app=home] .hero .kicker{color:var(--acc);background:color-mix(in srgb, var(--acc) 13%, transparent);border:1px solid color-mix(in srgb, var(--acc) 30%, transparent);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}[data-app=home] .hero .kicker i{background:var(--lv1);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--lv1) 70%, transparent);border-radius:50%;animation:2s infinite pulse-home}@keyframes pulse-home{70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}[data-app=home] .hero h1{letter-spacing:-1.6px;margin:20px 0 0;font-size:clamp(30px,5.4vw,52px);font-weight:800;line-height:1.18}[data-app=home] .hero h1 em{background:linear-gradient(120deg, var(--acc), var(--acc2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}[data-app=home] .hero p{max-width:620px;color:var(--dim);margin:16px auto 0;font-size:15px;line-height:1.72}[data-app=home] .hero .stat{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}[data-app=home] .hero .stat .s{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:700;display:flex}[data-app=home] .hero .stat .s i{border-radius:50%;flex:none;width:8px;height:8px}[data-app=home] .hero .stat .s b{font-weight:800}[data-app=home] section{padding:46px 0}[data-app=home] .shead{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}[data-app=home] .shead h2{letter-spacing:-.6px;font-size:21px;font-weight:800}[data-app=home] .shead p{color:var(--dim);margin-top:5px;font-size:13px;line-height:1.6}[data-app=home] .shead .more{color:var(--acc);margin-left:auto;font-size:12.5px;font-weight:700;text-decoration:none}[data-app=home] .shead .more:hover{text-decoration:underline}[data-app=home] .crowdwrap{background:linear-gradient(160deg, color-mix(in srgb, var(--acc) 11%, transparent), color-mix(in srgb, var(--acc2) 9%, transparent));border:1px solid color-mix(in srgb, var(--acc) 26%, transparent);box-shadow:var(--shadow);border-radius:26px;padding:26px;position:relative}[data-app=home] .citygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}[data-app=home] .citygrid .card.wide{grid-column:1/-1}[data-app=home] .card{color:inherit;background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:18px 18px 16px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s,box-shadow .18s;display:block;position:relative}[data-app=home] .card:hover{background:var(--cardhov);border-color:color-mix(in srgb, var(--acc) 46%, transparent);box-shadow:var(--shadow);transform:translateY(-3px)}[data-app=home] .card .chead{align-items:center;gap:9px;margin-bottom:13px;display:flex}[data-app=home] .card .chead .ic{font-size:19px;line-height:1}[data-app=home] .card .chead h3{letter-spacing:-.4px;font-size:16.5px;font-weight:800}[data-app=home] .card .chead .cnt{color:var(--dim);margin-left:2px;font-size:11.5px;font-weight:700}[data-app=home] .card .chead .go{color:var(--acc);align-items:center;gap:4px;margin-left:auto;font-size:11.5px;font-weight:800;transition:gap .18s;display:inline-flex}[data-app=home] .card:hover .chead .go{gap:8px}[data-app=home] .bar{background:color-mix(in srgb, var(--dim) 16%, transparent);border-radius:999px;height:9px;display:flex;overflow:hidden}[data-app=home] .bar i{height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}[data-app=home] .legend{flex-wrap:wrap;gap:5px 10px;margin-top:11px;display:flex}[data-app=home] .legend .l{color:var(--dim);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}[data-app=home] .legend .l i{border-radius:50%;width:7px;height:7px}[data-app=home] .legend .l b{color:var(--tx);font-weight:800}[data-app=home] .hot{border-top:1px dashed var(--line);color:var(--dim);margin-top:13px;padding-top:12px;font-size:12px;line-height:1.7}[data-app=home] .hot .k{color:var(--h3);margin-right:5px;font-weight:800}[data-app=home] .hot .v{color:var(--tx);font-weight:600}[data-app=home] .nlines{gap:8px;margin-top:4px;display:grid}[data-app=home] .nline{align-items:center;gap:9px;font-size:13px;line-height:1.5;display:flex}[data-app=home] .nline i{border-radius:50%;flex:none;width:8px;height:8px}[data-app=home] .nline b{font-weight:800}[data-app=home] .nline span{color:var(--dim)}[data-app=home] .nline span b{color:var(--tx)}[data-app=home] .sk{background:linear-gradient(90deg, color-mix(in srgb, var(--dim) 13%, transparent), color-mix(in srgb, var(--dim) 22%, transparent), color-mix(in srgb, var(--dim) 13%, transparent));background-size:200% 100%;border-radius:8px;animation:1.3s linear infinite sk-home}@keyframes sk-home{to{background-position:-200% 0}}[data-app=home] .sk.bar{border-radius:999px;height:9px}[data-app=home] .sk.line{width:72%;height:11px;margin-top:11px}[data-app=home] .tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}[data-app=home] .tabs button{font:inherit;cursor:pointer;color:var(--dim);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:800;transition:all .16s}[data-app=home] .tabs button:hover{color:var(--tx)}[data-app=home] .tabs button.on{color:var(--tx);background:linear-gradient(135deg, color-mix(in srgb, var(--lv1) 30%, transparent), color-mix(in srgb, var(--acc2) 26%, transparent));border-color:color-mix(in srgb, var(--lv1) 46%, transparent)}[data-app=home] .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}[data-app=home] .tile{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s;display:block;overflow:hidden}[data-app=home] .tile:hover{border-color:color-mix(in srgb, var(--acc) 44%, transparent);box-shadow:var(--shadow);transform:translateY(-3px)}[data-app=home] .tile .ph{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg, color-mix(in srgb, var(--acc) 22%, transparent), color-mix(in srgb, var(--acc2) 18%, transparent));width:100%;display:block}[data-app=home] .tile .ph.none{justify-content:center;align-items:center;font-size:30px;display:flex}[data-app=home] .tile .tb{padding:12px 13px 14px}[data-app=home] .tile .tb h4{letter-spacing:-.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:800;line-height:1.42;display:-webkit-box;overflow:hidden}[data-app=home] .tile .tb .meta{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:11.5px;line-height:1.55;display:-webkit-box;overflow:hidden}[data-app=home] .tile .tb .when{color:var(--acc);background:color-mix(in srgb, var(--acc) 13%, transparent);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}[data-app=home] .tile .tb .pop{color:var(--lv3);margin-left:5px}[data-app=home] .empty{text-align:center;color:var(--dim);background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:30px 22px;font-size:13px;line-height:1.75}[data-app=home] .empty b{color:var(--tx)}[data-app=home] .intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}[data-app=home] .intro .box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}[data-app=home] .intro .box h3{letter-spacing:-.4px;align-items:center;gap:8px;font-size:15.5px;font-weight:800;display:flex}[data-app=home] .intro .box h3 small{color:var(--dim);font-size:11px;font-weight:700}[data-app=home] .intro .box p{color:var(--dim);margin-top:10px;font-size:13px;line-height:1.78}[data-app=home] .intro .box .tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}[data-app=home] .intro .box .tags span{color:var(--h3);background:color-mix(in srgb, var(--acc) 12%, transparent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}[data-app=home] .intro .box .links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}[data-app=home] .intro .box .links a{color:var(--acc);font-size:12px;font-weight:800;text-decoration:none}[data-app=home] .intro .box .links a:hover{text-decoration:underline}[data-app=home] footer{border-top:1px solid var(--line);margin-top:26px;padding:26px 0 40px}[data-app=home] footer .wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}[data-app=home] footer p{color:var(--dim);font-size:11.5px;line-height:1.8}[data-app=home] footer .src{color:var(--dim);text-align:right;margin-left:auto;font-size:11px;line-height:1.8}@media (max-width:900px){[data-app=home] .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){[data-app=home] .wrap{padding:0 14px}[data-app=home] .hero{padding:40px 0 22px}[data-app=home] .citygrid,[data-app=home] .intro{grid-template-columns:minmax(0,1fr)}[data-app=home] .crowdwrap{border-radius:20px;padding:16px}[data-app=home] section{padding:34px 0}[data-app=home] .top .wrap{gap:10px;height:54px}[data-app=home] .topnav{padding:2px}[data-app=home] .topnav a{padding:5px 9px;font-size:11.5px}[data-app=home] .logo span{display:none}[data-app=home] footer .src{text-align:left;margin-left:0}}@media (max-width:420px){[data-app=home] .tiles{grid-template-columns:minmax(0,1fr)}}