*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Arial,sans-serif;font-size:16px;line-height:1.4;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;height:100vh;color:#333;overflow:hidden}#root{max-width:1800px;margin:0 auto;padding:.5rem;height:100vh;display:flex;flex-direction:column}.app{background:#fff;border-radius:15px;padding:1rem 1.5rem;box-shadow:0 10px 30px #0003;height:100%;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1440px)and (max-height:900px){body{font-size:14px}#root{padding:.4rem}.app{padding:.8rem 1.2rem}}@media(max-width:1080px){body{font-size:15px}#root{padding:.5rem}.app{padding:.75rem 1rem}.app-layout{grid-template-columns:1fr!important;gap:.5rem!important}}@media(max-width:768px){body{font-size:14px}#root{padding:.3rem}.app{padding:.5rem}}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem;flex-shrink:0}h1{font-size:1.6rem;color:#667eea;text-align:center;flex:1;min-width:300px;margin:0}h2{font-size:1.2rem;color:#764ba2;margin-bottom:.4rem}h3{font-size:1.1rem;color:#667eea;margin-bottom:.3rem}@media(max-width:1440px)and (max-height:900px){h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:1rem}}@media(max-width:1080px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}}.button{min-width:44px;min-height:44px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:Comic Sans MS,Arial,sans-serif}.button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.button:active{transform:scale(.95)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.restart-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:1rem;padding:.6rem 1.2rem}.restart-container{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:2px solid #e0e0e0}.app-main{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden;min-height:0}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;min-height:0;flex:1}@media(max-width:900px){.app-layout{grid-template-columns:1fr}}@media(max-width:1440px)and (max-height:900px){.app-layout{gap:.5rem}}@media(max-width:1080px){.app-layout{gap:.5rem}}.nabidka-section,.kosik-section,.penezenka-section,.vraceni-section{background:#f8f9fa;padding:.6rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:0;display:flex;flex-direction:column}.nabidka-section,.kosik-section{overflow:auto}.penezenka-section,.vraceni-section{flex-shrink:0}.nabidka-zbozi{display:flex;flex-direction:column;gap:.75rem}.kategorie-nazev{font-size:1.2rem;color:#667eea;margin-bottom:.5rem;text-transform:capitalize}.zbozi-seznam{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.zbozi-polozka{background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;flex-direction:column;align-items:center;padding:.5rem;gap:.25rem;min-height:110px}.zbozi-obrazek{font-size:2rem;margin-bottom:.25rem}.zbozi-nazev{font-size:.9rem;text-align:center;color:#333}.zbozi-cena{font-size:1rem;font-weight:700;color:#f5576c}@media(max-width:1440px)and (max-height:900px){.zbozi-seznam{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}.zbozi-polozka{padding:.4rem;min-height:95px}.zbozi-obrazek{font-size:1.8rem}.zbozi-nazev{font-size:.85rem}.zbozi-cena{font-size:.95rem}}@media(max-width:1080px){.zbozi-seznam{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem}.zbozi-polozka{padding:.45rem;min-height:100px}}.kosik{display:flex;flex-direction:column;gap:.5rem}.kosik-prazdny{text-align:center;padding:1rem}.kosik-prazdny-text{font-size:1rem;color:#666}.kosik-polozky{display:flex;flex-direction:column;gap:.4rem}.kosik-polozka{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:.75rem}.kosik-polozka-info{display:flex;align-items:center;gap:.5rem;flex:1}.kosik-polozka-obrazek{font-size:1.5rem}.kosik-polozka-nazev{font-size:.9rem;flex:1}.kosik-polozka-pocet{font-size:1rem;font-weight:700;color:#667eea}.kosik-polozka-cena{font-size:1rem;font-weight:700;color:#f5576c;min-width:60px;text-align:right}.kosik-polozka-odebrat{background:#ff6b6b;color:#fff;padding:.3rem .6rem;font-size:1.2rem;min-width:40px}.kosik-celkem{display:flex;justify-content:space-between;align-items:center;padding:.6rem;background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:8px;font-size:1.1rem;margin-top:.5rem}.kosik-celkem-cena{color:#f5576c;font-size:1.3rem}.vstup-ceny{margin-top:.75rem}.vstup-ceny-form{display:flex;gap:.5rem;margin-top:.5rem}.vstup-ceny-input{flex:1;padding:.6rem;font-size:1rem;border:3px solid #667eea;border-radius:8px;font-family:Comic Sans MS,Arial,sans-serif;box-sizing:border-box}.vstup-ceny-button{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.vstup-ceny-vyhodnoceni{margin-top:.5rem;padding:.75rem;border-radius:8px;text-align:center}.vstup-ceny-vyhodnoceni.spravne{background:linear-gradient(135deg,#a8edea,#fed6e3);border:3px solid #51cf66}.vstup-ceny-vyhodnoceni.spatne{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:3px solid #ff6b6b}.vyhodnoceni-text{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.vyhodnoceni-pokracuj,.vyhodnoceni-napoveda{font-size:.95rem;margin-top:.3rem}.vstup-ceny-zkusit-znovu{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;margin-top:.5rem}.penezenka{margin-top:.3rem}.penezenka-celkova-cena{font-size:1rem;color:#f5576c;margin-bottom:.3rem}.penezenka-instrukce{font-size:.9rem;color:#666;margin-bottom:.3rem}.penezenka-mince{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.4rem;margin:.5rem 0}.mince{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem;min-height:65px;border:3px solid transparent}.mince:hover{border-color:#667eea}.mince-vybrana{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f5576c;box-shadow:0 0 20px #f5576c80}.mince-hodnota{font-size:1.4rem;font-weight:700}.mince-mena{font-size:.85rem}@media(max-width:1440px)and (max-height:900px){.penezenka-mince{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:.3rem}.mince{padding:.5rem;min-height:55px}.mince-hodnota{font-size:1.2rem}.mince-mena{font-size:.75rem}}@media(max-width:1080px){.penezenka-mince{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.35rem}.mince{padding:.55rem;min-height:60px}}.penezenka-soucet{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:8px;font-size:1rem;margin-top:.3rem}.penezenka-soucet-hodnota{color:#f5576c;font-size:1.2rem}.vstup-vraceni{margin-top:.3rem}.vstup-vraceni-varovani{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:3px solid #ff6b6b;padding:.5rem;border-radius:8px;text-align:center;margin-top:.3rem}.varovani-text{font-size:1rem;font-weight:700;color:#ff6b6b;margin-bottom:.3rem}.varovani-info{font-size:.9rem;line-height:1.4}.vstup-vraceni-info{background:#fff;padding:.5rem;border-radius:8px;margin-bottom:.3rem;font-size:.9rem}.vstup-vraceni-form{display:flex;flex-direction:column;gap:.4rem;margin-top:.3rem}.vstup-vraceni-input{padding:.5rem;font-size:1rem;border:3px solid #667eea;border-radius:8px;font-family:Comic Sans MS,Arial,sans-serif;width:100%;box-sizing:border-box}.vstup-ceny-input::-webkit-outer-spin-button,.vstup-ceny-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vstup-ceny-input[type=number]{-moz-appearance:textfield;appearance:textfield}.vstup-vraceni-input::-webkit-outer-spin-button,.vstup-vraceni-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vstup-vraceni-input[type=number]{-moz-appearance:textfield;appearance:textfield}.vstup-vraceni-button{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.vstup-vraceni-vyhodnoceni{margin-top:.3rem;padding:.6rem;border-radius:8px;text-align:center}.vstup-vraceni-vyhodnoceni.spravne{background:linear-gradient(135deg,#a8edea,#fed6e3);border:3px solid #51cf66}.vstup-vraceni-vyhodnoceni.spatne{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:3px solid #ff6b6b}.vstup-vraceni-vyhodnoceni.dokonceno{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:3px solid #51cf66;padding:.8rem}.vstup-vraceni-zkusit-znovu{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;margin-top:.3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes celebrate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}}.app{animation:fadeIn .5s ease-out}.zbozi-polozka{animation:fadeIn .3s ease-out;animation-fill-mode:both}.zbozi-polozka:nth-child(1){animation-delay:.05s}.zbozi-polozka:nth-child(2){animation-delay:.1s}.zbozi-polozka:nth-child(3){animation-delay:.15s}.zbozi-polozka:nth-child(4){animation-delay:.2s}.zbozi-polozka:nth-child(5){animation-delay:.25s}.kosik-polozka{animation:fadeIn .3s ease-out}.mince{animation:fadeIn .3s ease-out;animation-fill-mode:both}.mince:nth-child(1){animation-delay:.05s}.mince:nth-child(2){animation-delay:.1s}.mince:nth-child(3){animation-delay:.15s}.mince:nth-child(4){animation-delay:.2s}.mince:nth-child(5){animation-delay:.25s}.mince:nth-child(6){animation-delay:.3s}.mince:nth-child(7){animation-delay:.35s}.mince:nth-child(8){animation-delay:.4s}.mince-vybrana{animation:pulse .5s ease-in-out}.vstup-ceny-vyhodnoceni.spravne,.vstup-vraceni-vyhodnoceni.spravne{animation:celebrate .6s ease-in-out}.vstup-ceny-vyhodnoceni.spatne,.vstup-vraceni-vyhodnoceni.spatne{animation:shake .5s ease-in-out}.vyhodnoceni-text{animation:bounce .8s ease-in-out infinite}.button,.zbozi-polozka,.kosik-polozka,.mince,.vstup-ceny-input,.vstup-vraceni-input{transition:all .3s ease}.kosik-polozka:hover{transform:translate(5px);box-shadow:0 4px 8px #00000026}.vstup-ceny-input:focus,.vstup-vraceni-input:focus{outline:none;border-color:#f5576c;box-shadow:0 0 0 3px #f5576c33}