*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:#201449;background:linear-gradient(145deg,#e8fbff,#fff5fc 48%,#f0ebff);min-height:100vh}a{color:inherit}.app{max-width:1440px;margin:auto;padding:22px clamp(16px,3vw,42px) 70px}.top{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.top a{padding:10px 14px;border-radius:999px;background:#fff;text-decoration:none;font-weight:900;box-shadow:0 8px 24px #6d54ad1a}.top h1{margin:0 auto 0 0;font-size:clamp(25px,3vw,42px)}.hero{margin:20px 0;border-radius:34px;padding:clamp(24px,4vw,50px);color:#fff;background:radial-gradient(circle at 85% 10%,#fff8 0 8%,transparent 28%),linear-gradient(120deg,#693ce8,#f13f9a 57%,#ff9c4a);box-shadow:0 25px 65px #7b43cf38;overflow:hidden;position:relative}.hero:after{content:'🌍';position:absolute;right:5%;bottom:-35px;font-size:clamp(120px,22vw,280px);filter:saturate(1.2);opacity:.24}.hero>*{position:relative;z-index:1}.hero span{font-size:12px;font-weight:1000;letter-spacing:2px}.hero h2{font-size:clamp(35px,5vw,72px);line-height:.98;letter-spacing:-3px;margin:10px 0 16px}.hero p{max-width:720px;font-weight:750;line-height:1.65;margin:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:18px 0}.stat{background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 28px #6d54ad15}.stat b{display:block;font-size:28px;color:#623cda}.stat span{font-size:11px;color:#756a8a;font-weight:900}.controls{position:sticky;top:8px;z-index:10;background:#ffffffdd;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:22px;padding:12px;box-shadow:0 10px 35px #4d3a831c;display:flex;gap:9px;flex-wrap:wrap}.controls input,.controls select{border:1px solid #e4dcf2;background:#fff;border-radius:14px;padding:13px 15px;font:inherit;min-width:180px;outline:none}.controls input{flex:1}.controls input:focus,.controls select:focus{border-color:#8e63ef;box-shadow:0 0 0 4px #8e63ef1a}.result-head{display:flex;justify-content:space-between;align-items:center;margin:22px 4px 12px;color:#655978;font-weight:900}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.country{appearance:none;text-align:left;border:0;background:#fff;border-radius:24px;padding:17px;display:grid;grid-template-columns:74px 1fr;gap:14px;box-shadow:0 12px 35px #553c8d14;cursor:pointer;transition:.2s;color:inherit}.country:hover{transform:translateY(-4px);box-shadow:0 18px 42px #553c8d2b}.flag{width:74px;height:52px;object-fit:cover;border:1px solid #c9c2d5;border-radius:9px;background:#fff;box-shadow:0 5px 14px #25134c1a}.country h3{margin:1px 0 5px;font-size:19px}.country p{margin:0;color:#736984;font-size:12px;line-height:1.55}.country .meta{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.chip{background:#f3edff;color:#6240cb;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:900}.drawer{position:fixed;inset:0;z-index:30;background:#1f113e70;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.drawer[hidden]{display:none}.sheet{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;padding:clamp(20px,4vw,38px);box-shadow:0 30px 90px #160a3855;position:relative}.close{position:absolute;right:17px;top:17px;border:0;background:#f2edfb;width:42px;height:42px;border-radius:50%;font-size:20px;cursor:pointer}.identity{display:flex;align-items:center;gap:18px;padding-right:48px}.identity .flag{width:120px;height:82px}.identity h2{font-size:34px;margin:0}.identity p{margin:5px 0 0;color:#746987}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.detail{background:#f8f5ff;border-radius:16px;padding:14px}.detail b{display:block;color:#6b42dc;margin-bottom:5px;font-size:11px}.detail span{line-height:1.55;font-weight:750}.wide{grid-column:1/-1}.memory-hero{margin-top:20px;padding:17px;border-radius:18px;background:linear-gradient(135deg,#6c42dc,#f44598);color:#fff;box-shadow:0 12px 28px #6d3fc728}.memory-hero b{display:block;font-size:11px;margin-bottom:6px}.memory-hero span{font-size:16px;font-weight:900;line-height:1.55}.compare{margin-top:14px;padding:15px;border-radius:18px;background:#fff9df}.compare>p{margin:5px 0 11px;color:#756a63;font-size:12px}.compare>div{display:flex;gap:8px;flex-wrap:wrap}.compare-country{border:1px solid #e5dcb9;background:#fff;border-radius:13px;padding:8px;cursor:pointer;color:#39285d;font-weight:900}.compare-country img{display:block;width:84px;height:56px;object-fit:contain;border:1px solid #aaa;border-radius:7px;background:#fff;margin-bottom:5px}.sources{margin-top:18px;border-top:1px solid #eee7f8;padding-top:15px}.sources a{display:inline-block;margin:5px 8px 0 0;color:#4f39b9;font-size:12px;font-weight:900}.empty{text-align:center;padding:70px 20px;background:#fff;border-radius:24px;grid-column:1/-1}.note{font-size:12px;color:#786d89;line-height:1.65;margin-top:18px}@media(max-width:980px){.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.country{grid-template-columns:68px 1fr}.detail-grid{grid-template-columns:1fr}.wide{grid-column:auto}.identity{align-items:flex-start}.identity .flag{width:90px;height:62px}.identity h2{font-size:25px}}