.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.custom-navbar{flex:0 0 auto}.app-content{flex:1 1;margin:0;overflow-y:auto;padding:0;position:relative}.app-content::-webkit-scrollbar{width:12px}.app-content::-webkit-scrollbar-track{background:#0000}.app-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#34599755;border:2px solid #0000;border-radius:6px}.app-content::-webkit-scrollbar-thumb:hover{background-color:#345997cc;border-color:#193a74}:root{--solar-yellow:#ffca28;--solar-orange:#193a74;--earth-blue:#163f61;--space-dark:#0d1b2a;--light-bg:#f4f8fb;--text-light:#fff;--text-dark:#8ab9d1;--glass-bg-light:#fff9;--glass-bg-dark:#0d1b2ab3;--light-drawer-bg:#ffffffe6;--dark-drawer-bg:#0d1b2ae6}.mobile-drawer.light-theme{background-color:#ffffffe6;background-color:var(--light-drawer-bg)}.mobile-drawer.dark-theme{background-color:#0d1b2ae6;background-color:var(--dark-drawer-bg)}.app-wrapper.light-theme{background:linear-gradient(180deg,#f4f8fb,#fff);background:linear-gradient(180deg,var(--light-bg),#fff)}.app-wrapper.light-theme,.app-wrapper.light-theme .app-footer{color:#8ab9d1;color:var(--text-dark)}.app-wrapper.dark-theme{background:linear-gradient(180deg,#0d1b2a,#1b263b);background:linear-gradient(180deg,var(--space-dark),#1b263b)}.app-wrapper.dark-theme,.app-wrapper.dark-theme .app-footer{color:#fff;color:var(--text-light)}.app-wrapper.light-theme .app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;background:var(--glass-bg-light)}.app-wrapper.dark-theme .app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1b2ab3;background:var(--glass-bg-dark)}.app-wrapper.dark-theme .custom-navbar{background:#0d1b2a}#root,body,html{height:100vh;overflow:hidden;width:100vw}.kontakt-container{width:100vw}.pocetna-canvas-bg{height:80vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.pocetna-slogan{margin-top:2rem;position:relative;text-align:center;z-index:2}.pocetna-slogan h1{color:#fff;font-size:2rem;line-height:1.2;margin:0 auto;max-width:800px;text-shadow:2px 2px 6px #0006;width:80%}.pocetna-chat-section{align-items:center;display:flex;justify-content:center;margin-top:3rem;position:relative;z-index:3}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 12px 30px #0000004d;display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:600px;padding:1.5rem;width:100%}.chat-box{display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-height:300px;min-height:200px;overflow-y:auto;padding-right:.5rem;scroll-behavior:smooth;scrollbar-color:#34599722 #0000;scrollbar-width:auto}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track{background:#0000}.chat-box::-webkit-scrollbar-thumb{background-color:#34599755;border:1px solid #193a74;border-radius:4px;-webkit-transition:background-color .3s,border .3s;transition:background-color .3s,border .3s}.chat-box::-webkit-scrollbar-thumb:hover{background-color:#345997aa;border-color:#193a74aa}.chat-message{align-items:flex-start;display:flex;margin:.2rem 0}.chat-message.user{justify-content:flex-end}.chat-message.ai{justify-content:flex-start}.message-bubble{border-radius:12px;box-shadow:0 3px 8px #0003;font-size:.95rem;line-height:1.3;max-width:70%;padding:.6rem .9rem}.chat-message.user .message-bubble{background:#193a74;border-top-right-radius:0;color:#fff;margin-right:1rem}.chat-message.ai .message-bubble{background:#fffc;border-top-left-radius:0;color:#333;margin-left:1rem}.chat-input{display:flex;gap:.5rem;position:relative;width:100%}.chat-input input{border:1px solid #ccc;border-radius:4px;flex:none;font-size:.95rem;min-width:120px;padding:.5rem .6rem;width:calc(100% - 150px - 2.5rem)}.chat-input input:focus{border-color:#42a5f5;outline:none}.send-btn{align-items:center;background:#193a74;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;justify-content:center;padding:.5rem .9rem;transition:background .3s;width:80px}.send-btn:hover{background:#345997}.voice-btn{align-items:center;animation:micFloat 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#345997,#193a74);border:none;border-radius:50%;bottom:0;box-shadow:0 8px 18px #0006;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:70px;justify-content:center;position:absolute;right:.5rem;transition:transform .3s ease;width:70px}.voice-btn:hover{transform:scale(1.08) translateY(-2px)}.results-board{background:#ffffff26;border:1px solid #fff3;border-radius:4px;min-height:50px;padding:.6rem;text-align:center}.results-board h3{color:#fff;font-size:1rem;margin:0}@keyframes sttPulse{0%{box-shadow:0 0 0 #34599780;transform:scale(1)}50%{box-shadow:0 0 12px #345997;transform:scale(1.15)}to{box-shadow:0 0 0 #34599780;transform:scale(1)}}@keyframes micFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}#root,body,html{height:100%;margin:0;padding:0;width:100%}.kontakt-container{height:100vh;overflow:hidden;position:relative;width:100%}#stars{inset:0;pointer-events:none;position:absolute!important;z-index:1}.kontakt-container canvas{position:relative;z-index:2}*{box-sizing:border-box;margin:0;padding:0}.custom-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#003b7a06;justify-content:space-between;margin:0;padding:.5rem 1rem;position:relative;z-index:999}.custom-navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:1.5rem}.desktop-audio-buttons{align-items:center;display:flex;gap:.8rem}.mic-button:hover .tooltip,.sound-button:hover .tooltip{opacity:1;transform:translateY(0)}.tooltip{background:#000000bf;border-radius:4px;color:#fff;font-size:.8rem;line-height:1.2;max-width:600px;opacity:0;padding:.3rem .6rem;pointer-events:none;position:absolute;right:100%;top:2rem;transform:translate(-50%,10px);transition:all .3s ease;white-space:normal;z-index:9999}.mic-button,.sound-button{position:relative}.navbar-menu{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0}.menu-item-wrapper a{align-items:center;color:inherit;display:flex;font-weight:500;gap:.4rem;text-decoration:none;transition:color .3s ease}.menu-item-wrapper:hover .nav-icon{color:#ffca28;transform:rotateY(20deg) translateZ(5px) scale(1.2)}.menu-item-wrapper:hover .nav-text{color:#ffca28}.navbar-right{align-items:center;display:flex;gap:1rem}.modern-button{align-items:center;background:#ffffff1a;border:none;border-radius:5px;cursor:pointer;display:inline-flex;padding:.3rem .6rem;transition:background .3s ease}.modern-button:hover{background:#ffffff4d}.modern-button button,.modern-button select{background:#0000;border:none;color:inherit;cursor:pointer;font:inherit;outline:none}.drawer-overlay{background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.mobile-drawer{box-shadow:-2px 0 8px #0000004d;height:100vh;max-width:320px;overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:0;width:70%;z-index:999}.drawer-menu{list-style:none;margin-top:1rem;padding:0}.drawer-menu li{margin:1rem 0}.drawer-menu li a{align-items:center;color:inherit;display:flex;font-size:1.1rem;font-weight:500;gap:.4rem;text-decoration:none;transition:color .3s ease}.drawer-menu li a:hover{color:#ffca28}.drawer-footer{display:flex;justify-content:space-around;margin-top:2rem}.switch-container{align-items:center;display:flex;gap:.4rem}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{height:0;opacity:0;width:0}.slider.round{border-radius:34px}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#ff7043}input:checked+.slider:before{transform:translateX(16px)}.burger-icon{cursor:pointer;font-size:2.2rem}@media (max-width:768px){.navbar-menu{display:none}}.drawer-row{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.login-modal-backdrop{background:#00000080;inset:0;position:fixed;z-index:9990}.login-modal-wrapper{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:9991}.login-modal-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border-radius:8px;box-shadow:0 8px 20px #0000004d;color:#333;max-height:85vh;max-width:420px;overflow-y:auto;padding:1.5rem;width:90%}.app-wrapper.dark-theme .login-modal-container{background:#0d1b2ae6;border:1px solid #fff3;color:#fff}.login-modal-title{font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center;text-transform:uppercase}.login-modal-form{display:flex;flex-direction:column;gap:1rem}.login-modal-field{display:flex;flex-direction:column;gap:.25rem}.login-modal-field label{font-size:.9rem;font-weight:500}.login-modal-field input{border:1px solid #ccc;border-radius:4px;color:#333;font-size:.95rem;padding:.45rem}.login-modal-field input:focus{border-color:#42a5f5}.app-wrapper.dark-theme .login-modal-field input{background:#1b2a3b;border:1px solid #444;color:#fff}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:2rem;width:100%}.password-toggle-icon{color:#888;cursor:pointer;font-size:1rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.app-wrapper.dark-theme .password-toggle-icon{color:#bbb}.error-line{color:red;font-size:.85rem}.login-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.login-modal-cancel,.login-modal-submit{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s,color .3s}.login-modal-cancel{background:#6c757d;color:#fff}.login-modal-cancel:hover{background:#5a6268}.login-modal-submit{background:#193a74;color:#fff}.login-modal-submit:hover{background:#345997}.login-modal-extras{display:flex;justify-content:space-between;margin-top:1rem}.login-extra-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline;transition:color .3s ease}.login-extra-btn:hover{color:#333}.app-wrapper.dark-theme .login-extra-btn{color:#bbb}.app-wrapper.dark-theme .login-extra-btn:hover{color:#fff}.login-trigger-btn{background:#0000;border:none;color:inherit;cursor:pointer;font:inherit}.login-trigger-btn:hover{text-decoration:underline}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}