@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:linear-gradient(160deg,#ffecd2,#fcb69f);min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ks-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1rem 2rem}.ks-title{font-size:clamp(2.4rem,8vw,3.5rem);font-weight:900;color:#fff;margin-bottom:2.8rem;text-shadow:0 3px 12px rgba(0,0,0,.15);letter-spacing:-1px}.ks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem;width:100%;max-width:360px}.ks-btn{aspect-ratio:1;border-radius:50%;border:5px solid;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;overflow:hidden;position:relative;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f0f0f0}.ks-btn:hover{transform:scale(1.08) translateY(-4px)}.ks-btn:active{transform:scale(.91)}.ks-thumb{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.ks-label{position:absolute;bottom:0;left:0;right:0;font-size:clamp(.7rem,2.5vw,.85rem);font-weight:900;color:#000000b3;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:3px 0 5px;border-radius:0 0 50% 50%}.ks-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .25s ease;padding-bottom:env(safe-area-inset-bottom)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ks-card{position:relative;background:#fff;border-radius:36px 36px 0 0;border-top:8px solid;border-left:none;border-right:none;border-bottom:none;overflow:hidden;width:100%;max-width:480px;box-shadow:0 -20px 60px #00000059;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.ks-card:before{content:"";display:block;width:44px;height:5px;background:#ddd;border-radius:3px;margin:12px auto 0}.ks-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f0f0f0;max-height:65vh}.ks-name{font-size:clamp(2.2rem,8vw,3rem);font-weight:900;text-align:center;padding:1rem 1rem 1.5rem;color:#000000b3;text-transform:uppercase;letter-spacing:4px}.ks-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:#00000059;color:#fff;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.ks-close:hover{background:#0009}.ks-close:active{transform:scale(.9)}@media (min-width: 600px){.ks-overlay{align-items:center}.ks-card{border-radius:32px;border:8px solid;width:min(400px,90vw);animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}.ks-card:before{display:none}@keyframes popIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.ks-grid{grid-template-columns:repeat(3,1fr);max-width:560px}}.ks-nadji{margin-top:2.5rem;padding:1rem 2.5rem;border-radius:50px;border:none;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #f0507866;transition:transform .15s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;letter-spacing:1px}.ks-nadji:hover{transform:scale(1.08)}.ks-nadji:active{transform:scale(.93)}.ks-banner{font-family:Nunito,sans-serif;font-size:clamp(1.4rem,5vw,2rem);font-weight:900;padding:.6rem 2rem;border-radius:50px;margin-bottom:1.5rem;text-align:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.ks-win{background:#b8f5b0;color:#1a7a10}.ks-wrong{background:#ffd5d5;color:#c0392b}.ks-find{background:#fff3b0;color:#8a6000}.ks-correct{animation:correctPulse .5s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.25);box-shadow:0 0 40px 10px #b8f5b0}to{transform:scale(1)}}.ks-topbar{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.ks-appname{font-size:1.2rem;font-weight:900;color:#ffffffe6;text-shadow:0 2px 6px rgba(0,0,0,.15)}.ks-settings-btn{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent}.ks-settings-btn:hover{background:#ffffff80;transform:rotate(30deg)}.ks-settings-btn:active{transform:scale(.9)}.ks-menu-wrap{position:relative}.ks-dropdown{position:absolute;top:52px;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:.6rem;min-width:180px;box-shadow:0 12px 40px #0003;z-index:200;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.ks-dropdown-title{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#999;padding:.3rem .6rem .5rem}.ks-dropdown-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;border:none;border-radius:10px;background:transparent;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;color:#333;cursor:pointer;transition:background .15s;text-align:left}.ks-dropdown-item:hover{background:#0000000f}.ks-dropdown-active{background:#00000014!important;font-weight:900}.ks-dropdown-swatch{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.1)}