:root{--sky1:#cfeaff;--sky2:#eaf6ff;--sky3:#fff2f7;--ink:#37455c;--ink2:#6b7c96;--card:#ffffff;--line:#dbe8f7;--pink:#ff8ab5;--blue:#5ab6f5;--shadow:rgba(90,130,180,.28);--sans:"Pretendard","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;--round:"Pretendard","Malgun Gothic",system-ui,sans-serif;--ease:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body,html{height:100%;overflow:hidden}body{display:flex;flex-direction:column;font-family:var(--sans);color:var(--ink);background:var(--sky2);-webkit-font-smoothing:antialiased;user-select:none;-webkit-tap-highlight-color:transparent}button,input{font-family:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}#sky{position:fixed;inset:0;z-index:0;background:radial-gradient(120% 80% at 20% 0,var(--sky1) 0,transparent 60%),radial-gradient(120% 80% at 85% 10%,var(--sky3) 0,transparent 55%),linear-gradient(180deg,var(--sky2) 0,#fdf7fb 100%)}#sky::after,#sky::before{content:"";position:absolute;border-radius:50%;background:#fff;opacity:.55;filter:blur(1px)}#sky::before{width:280px;height:90px;top:14%;left:-320px;box-shadow:90px -26px 0 -8px #fff,180px 10px 0 -14px #fff;animation:drift 46s linear infinite}#sky::after{width:200px;height:70px;top:46%;left:-260px;box-shadow:70px -20px 0 -6px #fff,130px 8px 0 -12px #fff;animation:drift 68s linear infinite;animation-delay:-20s}@keyframes drift{to{transform:translateX(calc(100vw + 380px))}}#petals{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-40px;width:14px;height:12px;background:var(--pink);opacity:.65;border-radius:14px 2px 14px 2px;animation:fall linear infinite,sway ease-in-out infinite alternate}@keyframes fall{to{transform:translateY(105vh) rotate(420deg)}}@keyframes sway{from{margin-left:-26px}to{margin-left:26px}}#top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:16px 22px 6px;gap:12px}h1{font-size:22px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.bloom{display:inline-block;animation:spinSlow 9s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.grown{color:var(--ink2);text-decoration:none;font-size:12.5px;font-weight:600;background:#ffffffcc;border:2px solid var(--line);border-radius:999px;padding:5px 13px;transition:transform .16s var(--ease),border-color .16s}.grown:hover{transform:translateY(-2px);border-color:var(--blue)}#searchbar{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 22px 0}.field{position:relative;width:min(430px,64vw)}#q{width:100%;padding:13px 20px;border-radius:999px;background:#fff;border:3px solid var(--line);outline:0;font-size:17px;font-weight:600;text-align:center;box-shadow:0 6px 18px var(--shadow);transition:border-color .16s,transform .16s var(--ease)}#q:focus{border-color:var(--blue);transform:translateY(-2px)}#q::-webkit-search-cancel-button{display:none}#q::placeholder{color:#a9b8cc;font-weight:500;font-size:15px}#suggest{position:absolute;left:0;right:0;top:60px;z-index:30;list-style:none;background:#fff;border:3px solid var(--line);border-radius:20px;padding:7px;max-height:290px;overflow:auto;box-shadow:0 14px 34px var(--shadow)}#suggest li{padding:9px 14px;border-radius:14px;cursor:pointer;font-size:17px;font-weight:600;display:flex;align-items:baseline;gap:8px}#suggest li .hj{font-size:12px;color:var(--ink2);font-weight:500}#suggest li.on,#suggest li:hover{background:#eaf5ff}#suggest li.none{color:var(--ink2);font-weight:500;font-size:14px;cursor:default}#suggest li.calc{justify-content:space-between;background:#fff0f6}#suggest li.calc .c{font-size:12px;color:var(--pink);font-weight:800}.round{width:46px;height:46px;flex:0 0 46px;border-radius:50%;cursor:pointer;background:#fff;border:3px solid var(--line);font-size:19px;box-shadow:0 6px 16px var(--shadow);transition:transform .16s var(--ease),border-color .16s}.round:hover{transform:translateY(-3px) scale(1.06);border-color:var(--pink)}.round:active{transform:scale(.94)}#calcs,#seeds{position:relative;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 22px 0;flex:0 0 auto}#calcs button,#seeds button{cursor:pointer;border-radius:999px;padding:7px 16px;background:#fff;border:2px solid var(--line);font-size:14px;font-weight:700;color:var(--ink);box-shadow:0 4px 12px var(--shadow);transition:transform .16s var(--ease),border-color .16s,background-color .16s}#calcs button:hover,#seeds button:hover{transform:translateY(-2px);border-color:var(--pink);background:#fff0f6}#calcs button:active,#seeds button:active{transform:scale(.95)}#calcs button{border-style:dashed;border-color:#c9d9ee}#calcs button .res{color:var(--pink);font-weight:800}#stage{position:relative;z-index:4;flex:1 1 auto;min-height:0}#ring{position:absolute;inset:0}.card{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:0 0;border:none;cursor:pointer;padding:0;will-change:transform}.card svg{display:block;filter:drop-shadow(0 7px 14px var(--shadow))}.card .ko{font-weight:800;letter-spacing:-.02em;color:var(--ink);text-shadow:0 2px 0 #fff,0 -2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff;margin-top:-6px}.card .hj{font-size:12px;color:var(--ink2);font-weight:600;margin-top:-2px}.friend .ko{font-size:19px}.hero{cursor:default}.hero .ko{font-size:34px}.hero .hj{font-size:16px}.friend:hover{z-index:9}.friend:hover .chr{animation:tilt .5s var(--ease)}@keyframes tilt{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-9deg) scale(1.12)}70%{transform:rotate(7deg) scale(1.12)}100%{transform:rotate(0) scale(1.08)}}.chr{transform-origin:50% 70%;transition:transform .2s var(--ease)}.eye{transform-box:fill-box;transform-origin:center;animation:blink 5s infinite}@keyframes blink{0%,100%,94%{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}.hero .chr{animation:breathe 3.4s ease-in-out infinite}@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.035)}}#buddy{position:fixed;left:20px;bottom:18px;z-index:7;display:flex;align-items:flex-end;gap:10px}#mascot{animation:hop 2.6s ease-in-out infinite}#mascot svg{display:block;filter:drop-shadow(0 8px 16px var(--shadow))}@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}#mascot.cheer{animation:cheer .7s var(--ease)}@keyframes cheer{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-24px) rotate(-10deg)}60%{transform:translateY(0) rotate(8deg)}100%{transform:translateY(0) rotate(0)}}.say{order:2;position:relative;max-width:min(320px,52vw);background:#fff;border:3px solid var(--line);border-radius:20px;padding:11px 16px;font-size:14.5px;font-weight:600;line-height:1.5;box-shadow:0 8px 22px var(--shadow);animation:pop .4s var(--ease)}.say::before{content:"";position:absolute;left:-11px;bottom:16px;width:14px;height:14px;background:#fff;border-left:3px solid var(--line);border-bottom:3px solid var(--line);transform:rotate(45deg)}.say b{color:var(--pink)}@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#loading{position:fixed;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--sky2);color:var(--ink2);font-size:15px;font-weight:600}#loading .spin{width:34px;height:34px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--pink);animation:spinSlow .9s linear infinite}#loading.done{display:none}@media (max-width:720px){#top{padding:12px 16px 4px}h1{font-size:18px}.field{width:auto;flex:1}#searchbar{padding:4px 16px 0;gap:8px}#q{padding:11px 14px;font-size:15px}.round{width:42px;height:42px;flex:0 0 42px;font-size:17px}#calcs,#seeds{padding:8px 14px 0;gap:6px}#calcs button,#seeds button{padding:5px 12px;font-size:12.5px}.friend .ko{font-size:16px}.hero .ko{font-size:27px}#buddy{left:12px;bottom:12px}.say{max-width:56vw;font-size:13px;padding:9px 13px}}@media (prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}#petals{display:none}}