#root,.App,body,html{max-width:100vw;overflow-x:hidden}body.darkmode,body.darkmode #root,body.darkmode .App{background-color:#1a1a1a!important}.App{padding-top:0!important}.main-layout{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:0!important;padding-top:4px!important;width:100%}.main-layout>section{box-sizing:border-box;flex:0 1 600px;max-width:900px;min-width:0}@media (max-width:1200px){.main-layout>section{max-width:100vw;min-width:0}}@media (max-width:900px){.main-layout{display:block!important;flex-direction:row;gap:0}.main-layout>section{display:block;max-width:100vw;min-width:0;width:100%}}@media (max-width:600px){.main-layout{gap:0!important}.main-layout>section{border-radius:0;box-shadow:none;box-sizing:border-box;margin-bottom:6px;max-width:100%!important;min-width:0!important;overflow-x:auto;padding:8px!important;width:100%!important}.form-row{display:block!important;margin-bottom:12px;width:100%}.form-label{display:block;font-weight:700;margin-bottom:4px;text-align:left;white-space:normal!important}.form-row input,.form-row textarea{box-sizing:border-box;width:100%!important}.tablet-interface{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}}nav.main-nav{align-items:center!important;display:flex!important;flex-direction:row!important;gap:4px!important;justify-content:center!important;max-width:100vw;overflow-x:auto!important;width:100%}nav.main-nav,nav.main-nav>*{white-space:nowrap!important}nav.main-nav>*{box-sizing:border-box!important;flex-shrink:1!important;font-size:14px!important;margin:0 2px!important;max-width:200px!important;min-width:0!important;overflow:hidden!important;padding:4px 6px!important;text-overflow:ellipsis!important}@media (max-width:500px){nav.main-nav{gap:4px!important}nav.main-nav>*{font-size:13px!important;max-width:90px;padding:4px!important}}.nav-link{background:#1976d2;background:var(--button,#1976d2);border:none;border-radius:16px;color:#23272f;color:var(--text,#23272f);display:inline-block;font-size:20px;font-weight:700;margin:0 4px;padding:12px 24px;text-decoration:none}.form-row{display:flex;flex-direction:column;margin-bottom:16px}.form-label{margin-bottom:8px}input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:8px;width:100%}.App{flex-direction:column}.App,.App.tablet-mode{display:flex;height:100vh}.App.tablet-mode{align-items:center;background-color:#f7f7f7;justify-content:center}.App.tablet-mode>:not(.tablet-interface){display:none!important}.fullscreen-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.tablet-interface{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:600px;padding:20px;width:90%}li{transition:background-color .3s ease}header{font-size:20px!important;margin:4px 0 8px!important;padding:0!important}.kioskapp-container{background:#fff;background:var(--box-bg,#fff);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);color:#23272f;color:var(--text-color,#23272f);margin:32px auto;max-width:500px;padding:24px;position:relative;transition:background .3s,color .3s;width:100%}@keyframes moveDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.paket-animating{animation:moveDown .5s ease forwards}@keyframes slideOutRight{0%{background:inherit;opacity:1;transform:translateX(0) translateY(0) scale(1)}15%{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 12px 32px rgba(76,175,71,.5);opacity:1;transform:translateX(0) translateY(0) scale(1.03)}30%{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 10px 28px rgba(76,175,71,.45);opacity:1;transform:translateX(0) translateY(0) scale(1.02)}50%{background:linear-gradient(135deg,#4caf50,#43a047);box-shadow:0 8px 24px rgba(76,175,71,.4);opacity:1;transform:translateX(0) translateY(30px) scale(1)}70%{background:linear-gradient(135deg,#43a047,#388e3c);box-shadow:0 6px 20px rgba(76,175,71,.3);opacity:.8;transform:translateX(0) translateY(80px) scale(.96)}85%{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 16px rgba(76,175,71,.2);opacity:.5;transform:translateX(0) translateY(150px) scale(.9)}to{background:#2e7d32;box-shadow:0 2px 8px rgba(76,175,71,.1);opacity:0;transform:translateX(0) translateY(250px) scale(.75)}}@keyframes collapseHeight{0%{margin-bottom:10px;max-height:200px;padding:12px}to{margin-bottom:0;max-height:0;overflow:hidden;padding:0}}.package-issuing{animation:slideOutRight 2.5s cubic-bezier(.4,0,.2,1) forwards,collapseHeight .3s ease-out 2.3s forwards;pointer-events:none;position:relative;transform-origin:left center;z-index:5}@media (max-width:600px){.kioskapp-container{border-radius:0;box-shadow:none;margin:0;max-width:100vw;min-height:100vh;padding:8px}}input::placeholder,textarea::placeholder{color:#888!important;opacity:1!important}body.darkmode input::placeholder,body.darkmode textarea::placeholder{color:#bbb;opacity:1}.form-row{margin-bottom:8px!important}.form-label{font-weight:700;margin-bottom:2px!important}.regal-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);margin-bottom:16px}@media (max-width:600px){.regal-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr))}}.swipeable-item{position:relative;touch-action:pan-y}.swipeable-item.swiping-right .swipe-indicator{opacity:1;transform:translateX(0)}@keyframes swipeRightAnimation{0%{transform:translateX(0)}50%{transform:translateX(80px)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes wrapPackage{0%{filter:brightness(1);transform:scale(1) rotate(0deg)}20%{transform:scale(.95) rotate(-8deg)}40%{transform:scale(.9) rotate(8deg)}60%{filter:brightness(1.1);transform:scale(.85) rotate(-5deg)}80%{filter:brightness(1.15);transform:scale(.75) rotate(5deg)}to{box-shadow:0 10px 40px rgba(102,126,234,.5);filter:brightness(1.2) hue-rotate(15deg);transform:scale(.7) rotate(0deg)}}@keyframes fallDown{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(.7)}50%{opacity:.7;transform:translateY(50vh) rotate(180deg) scale(.5)}to{opacity:0;transform:translateY(120vh) rotate(1turn) scale(.2)}}@keyframes spin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(2turn) scale(.7)}}@keyframes bounceScale{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.8)}75%{transform:scale(1.1)}to{transform:scale(.7)}}@keyframes bounceDrop{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes flip3D{0%{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(1turn) scale(.7)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.3)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes wobble{0%{transform:translateX(0) rotate(0)}15%{transform:translateX(-25px) rotate(-5deg)}30%{transform:translateX(20px) rotate(3deg)}45%{transform:translateX(-15px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-5px) rotate(-1deg)}to{transform:translateX(0) rotate(0) scale(.7)}}@keyframes wobbleDrop{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(10vh) rotate(15deg)}50%{transform:translateY(30vh) rotate(-15deg)}75%{transform:translateY(60vh) rotate(10deg)}to{opacity:0;transform:translateY(120vh) rotate(0)}}@keyframes jelly{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}@keyframes jellyDrop{0%{transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.5,2) translateY(120vh)}}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg) scale(.7)}}@keyframes swingDrop{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(30deg) translateY(20vh)}50%{transform:rotate(-30deg) translateY(50vh)}75%{transform:rotate(15deg) translateY(80vh)}to{opacity:0;transform:rotate(0) translateY(120vh)}}@keyframes tada{0%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes spinX{0%{transform:rotateX(0deg)}to{transform:rotateX(1turn) scale(.7)}}@keyframes spinY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn) scale(.7)}}@keyframes spinDouble{0%{transform:rotate(0deg) rotateX(0deg)}to{transform:rotate(2turn) rotateX(1turn) scale(.7)}}@keyframes tornado{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(4turn) scale(.3)}}@keyframes spiral{0%{transform:rotate(0deg) translateX(0)}to{transform:rotate(2turn) translateX(50px) scale(.5)}}@keyframes spiralDrop{0%{transform:rotate(0deg) translateY(0)}to{opacity:0;transform:rotate(3turn) translateY(120vh)}}@keyframes explode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes implode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes pulseGrow{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}56%{transform:scale(1)}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100vw)}}@keyframes slideOutRightSimple{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100vw)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes portalOut{0%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(0) rotate(2turn)}}@keyframes portalIn{0%{opacity:0;transform:scale(0) rotate(-2turn)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes teleportOut{0%{filter:blur(0);opacity:1;transform:scale(1)}50%{filter:blur(10px);opacity:.5;transform:scale(2)}to{filter:blur(20px);opacity:0;transform:scale(0)}}@keyframes teleportIn{0%{filter:blur(20px);opacity:0;transform:scale(0)}50%{filter:blur(10px);opacity:.5;transform:scale(2)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes matrixGlitch{0%{filter:hue-rotate(0deg);transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-5px,5px)}40%{filter:hue-rotate(180deg);transform:translate(5px,-5px)}60%{filter:hue-rotate(270deg);transform:translate(-5px,-5px)}80%{filter:hue-rotate(1turn);transform:translate(5px,5px)}to{filter:hue-rotate(0deg);transform:translate(0)}}@keyframes glitch{0%,to{transform:translate(0)}10%{transform:translate(-10px,-10px)}20%{transform:translate(10px,10px)}30%{transform:translate(-10px,10px)}40%{transform:translate(10px,-10px)}50%{transform:translate(-5px,5px)}60%{transform:translate(5px,-5px)}70%{transform:translate(-5px,-5px)}80%{transform:translate(5px,5px)}90%{transform:translate(-2px,2px)}}@keyframes vortex{0%{filter:blur(0);transform:rotate(0deg) scale(1)}to{filter:blur(20px);opacity:0;transform:rotate(5turn) scale(0)}}@keyframes rocketLaunch{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-120vh) rotate(-15deg)}}@keyframes rocketLand{0%{opacity:0;transform:translateY(-120vh) rotate(-15deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes floatAway{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-120vh) scale(1.5)}}@keyframes popAndFall{0%{opacity:0;transform:scale(1.5) translateY(-120vh)}10%{opacity:1;transform:scale(2) translateY(-100vh)}20%{opacity:.5;transform:scale(.3) translateY(-80vh)}to{opacity:0;transform:scale(.1) translateY(120vh)}}@keyframes magicSpin{0%{filter:brightness(1);transform:rotate(0deg) scale(1)}50%{filter:brightness(2);transform:rotate(1turn) scale(1.5)}to{filter:brightness(3);transform:rotate(2turn) scale(.5)}}@keyframes magicAppear{0%{filter:brightness(3);opacity:0;transform:scale(0) rotate(0deg)}50%{filter:brightness(2);opacity:1;transform:scale(1.5) rotate(1turn)}to{filter:brightness(1);opacity:1;transform:scale(1) rotate(2turn)}}@keyframes discoSpin{0%{filter:hue-rotate(0deg) saturate(100%);transform:rotate(0deg)}25%{filter:hue-rotate(90deg) saturate(200%);transform:rotate(90deg)}50%{filter:hue-rotate(180deg) saturate(300%);transform:rotate(180deg)}75%{filter:hue-rotate(270deg) saturate(200%);transform:rotate(270deg)}to{filter:hue-rotate(1turn) saturate(100%);transform:rotate(1turn)}}@keyframes wave{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(20px) translateY(-20px)}50%{transform:translateX(0) translateY(0)}75%{transform:translateX(-20px) translateY(-20px)}to{transform:translateX(0) translateY(0) scale(.7)}}@keyframes waveDrop{0%{transform:translateY(0)}25%{transform:translateY(30vh) translateX(30px)}50%{transform:translateY(60vh) translateX(-30px)}75%{transform:translateY(90vh) translateX(20px)}to{opacity:0;transform:translateY(120vh)}}@keyframes squash{0%{transform:scale(1)}50%{transform:scale(1.3,.7)}to{transform:scale(1)}}@keyframes stretch{0%{transform:scale(1)}50%{transform:scale(.7,1.3)}to{transform:scale(1)}}@keyframes cartoonBounce{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.2,.8) translateY(0)}40%{transform:scale(.9,1.1) translateY(-50px)}60%{transform:scale(1.1,.9) translateY(0)}80%{transform:scale(.95,1.05) translateY(-20px)}to{transform:scale(1) translateY(0)}}@keyframes cartoonDrop{0%,10%{transform:translateY(0) scaleY(1)}20%{transform:translateY(20vh) scaleY(1.2)}30%{transform:translateY(40vh) scaleY(.8)}40%{transform:translateY(60vh) scaleY(1.1)}50%{transform:translateY(80vh) scaleY(.9)}to{opacity:0;transform:translateY(120vh) scaleY(1)}}@keyframes elastic{0%{transform:scale(1)}20%{transform:scale(1.3,.7)}40%{transform:scale(.8,1.2)}60%{transform:scale(1.1,.9)}80%{transform:scale(.95,1.05)}to{transform:scale(1)}}@keyframes elasticDrop{0%{transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(120vh) scaleY(2)}}@keyframes springCompress{0%{transform:scaleY(1)}50%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes springBounce{0%{transform:translateY(0)}20%{transform:translateY(80vh)}40%{transform:translateY(40vh)}60%{transform:translateY(70vh)}80%{transform:translateY(50vh)}to{opacity:0;transform:translateY(120vh)}}@keyframes rollOutLeft{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(-100vw) rotate(-2turn)}}@keyframes rollOutRight{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100vw) rotate(2turn)}}@keyframes rollInFromBottom{0%{opacity:0;transform:translateY(100vh) rotate(2turn)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes helicopterSpin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(3turn) scale(.8)}}@keyframes helicopterLand{0%{transform:rotate(3turn) translateY(0) scale(.8)}50%{transform:rotate(4turn) translateY(50vh) scale(.7)}to{opacity:0;transform:rotate(5turn) translateY(120vh) scale(.5)}}@keyframes propellerSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(5turn) scale(.7)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(-50px)}}@keyframes gravityFall{0%{transform:translateY(0)}to{opacity:0;transform:translateY(120vh)}}@keyframes pendulumSwing{0%{transform:rotate(0deg);transform-origin:top center}25%{transform:rotate(45deg);transform-origin:top center}50%{transform:rotate(0deg);transform-origin:top center}75%{transform:rotate(-45deg);transform-origin:top center}to{transform:rotate(0deg);transform-origin:top center}}@keyframes boomerangOut{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(100vw) rotate(2turn)}to{transform:translateX(0) rotate(4turn) scale(.7)}}@keyframes boomerangIn{0%{transform:translateX(0) scale(.7)}to{opacity:0;transform:translateX(0) translateY(120vh)}}@keyframes slingshotPull{0%{transform:translateX(0) scaleX(1)}to{transform:translateX(-50px) scaleX(1.3)}}@keyframes slingshotRelease{0%{transform:translateX(-50px) scaleX(1.3)}to{opacity:0;transform:translateX(200vw) scaleX(1)}}@keyframes confettiExplode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3) rotate(1turn)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-100vh) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes fireworkLaunch{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:.5;transform:translateY(-80vh) scale(.5)}}@keyframes fireworkExplode{0%{opacity:.5;transform:translateY(-80vh) scale(.5)}50%{opacity:1;transform:translateY(-80vh) scale(3)}to{opacity:0;transform:translateY(120vh) scale(.1)}}@keyframes snowflakeFloat{0%{transform:rotate(0deg) translateY(0)}25%{transform:rotate(90deg) translateY(-20px)}50%{transform:rotate(180deg) translateY(0)}75%{transform:rotate(270deg) translateY(-20px)}to{transform:rotate(1turn) translateY(0)}}@keyframes snowflakeFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(120vh) rotate(1turn)}}@keyframes leafFloat{0%{transform:rotate(0deg) translateX(0)}25%{transform:rotate(90deg) translateX(30px)}50%{transform:rotate(180deg) translateX(0)}75%{transform:rotate(270deg) translateX(-30px)}to{transform:rotate(1turn) translateX(0)}}@keyframes leafFall{0%{transform:translateY(0) rotate(0deg) translateX(0)}25%{transform:translateY(30vh) rotate(90deg) translateX(40px)}50%{transform:translateY(60vh) rotate(180deg) translateX(-40px)}75%{transform:translateY(90vh) rotate(270deg) translateX(40px)}to{opacity:0;transform:translateY(120vh) rotate(1turn) translateX(0)}}@keyframes featherFloat{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-80vh) rotate(2turn)}}@keyframes featherDrift{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(30vh) translateX(50px) rotate(90deg)}50%{transform:translateY(60vh) translateX(-50px) rotate(180deg)}75%{transform:translateY(90vh) translateX(50px) rotate(270deg)}to{opacity:0;transform:translateY(120vh) translateX(0) rotate(1turn)}}body.device-type-quest{--contrast-boost:1.2;font-size:18px}body.device-type-quest button{border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.2);font-size:18px;min-height:60px;min-width:60px;padding:16px 24px}body.device-type-quest button:hover{box-shadow:0 8px 20px rgba(0,0,0,.3);transform:scale(1.1)}body.device-type-quest input,body.device-type-quest select,body.device-type-quest textarea{border-width:3px;font-size:18px;min-height:56px;padding:16px}body.device-type-quest .search-field{font-size:20px;min-height:64px;padding:20px}body.device-type-quest .package-list-item{font-size:18px;margin:12px 0;min-height:100px;padding:24px}body.device-type-quest .icon{font-size:28px}body.device-type-quest .action-button{font-size:32px;min-height:80px;min-width:80px}body.device-type-quest .sync-status{font-size:24px;padding:8px}body.device-type-quest .modal{max-height:85vh;max-width:90vw;padding:32px}body.device-type-quest .modal-title{font-size:28px;margin-bottom:24px}body.device-type-quest .modal-content{font-size:18px;line-height:1.6}body.device-type-quest .tablet-interface{padding:32px}body.device-type-quest .tablet-search{font-size:24px;min-height:72px}body.device-type-quest .stat-card{font-size:20px;padding:24px}body.device-type-quest .stat-value{font-size:36px;font-weight:700}body.device-type-quest ::-webkit-scrollbar{width:16px}body.device-type-quest ::-webkit-scrollbar-thumb{border-radius:8px;min-height:60px}body.device-type-quest *{animation-duration:.15s!important;transition-duration:.15s!important}body.device-type-quest .quest-hint{background:#e3f2fd;border-radius:12px;display:block;font-size:18px;margin:16px 0;padding:20px}body.device-type-quest .hand-tracking-active:before{content:"✋";font-size:32px;opacity:.5;position:fixed;right:20px;top:20px;z-index:9999}body.device-type-quest.passthrough-mode{background:transparent!important}body.device-type-quest.passthrough-mode .app-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95)}body.device-type-quest.dark-mode{--bg-primary:#1a1f27;--bg-secondary:#2d333b;--text-primary:#e8eaed;--text-secondary:#adb5bd}body.device-type-quest .clickable:active,body.device-type-quest button:active{filter:brightness(.9);transform:scale(.95)}body.device-type-quest .clickable,body.device-type-quest a,body.device-type-quest label{align-items:center;display:inline-flex;justify-content:center;min-height:48px;min-width:48px;padding:12px}body.device-type-quest .form-group{margin-bottom:24px}body.device-type-quest .form-label{font-size:20px;font-weight:600;margin-bottom:12px}body.device-type-quest ol,body.device-type-quest ul{font-size:18px;line-height:1.8}body.device-type-quest li{margin-bottom:12px}body.device-type-quest input[type=checkbox],body.device-type-quest input[type=radio]{height:32px;margin-right:12px;width:32px}.quest-only{display:none}.quest-hide,body.device-type-quest .quest-only{display:block}body.device-type-quest .quest-hide{display:none}body.device-type-quest .voice-command-active{animation:pulse 1.5s infinite;background:rgba(76,175,80,.9);border-radius:50px;bottom:32px;color:#fff;font-size:20px;left:50%;padding:20px 40px;position:fixed;transform:translateX(-50%);z-index:9999}body.device-type-quest :focus{box-shadow:0 0 0 8px rgba(76,175,80,.3);outline:4px solid #4caf50;outline-offset:4px}body.device-type-quest .loading-spinner{border-width:6px;height:80px;width:80px}body.device-type-quest .toast{border-radius:16px;font-size:20px;min-height:80px;padding:24px 32px}body.device-type-quest .breadcrumb{font-size:18px;padding:16px 0}body.device-type-quest .breadcrumb-item{padding:8px 16px}.help-center-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.help-center-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:100%}.help-center-modal.dark{background:#23272f;color:#fff}.help-center-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.help-center-modal.dark .help-center-header{border-bottom-color:#444}.help-center-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.help-center-close{background:none;border:none;color:#666;cursor:pointer;font-size:28px;line-height:1;padding:0}.help-center-modal.dark .help-center-close{color:#aaa}.help-center-content{flex:1 1;overflow-y:auto;padding:20px}.help-menu-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.help-menu-item{align-items:center;background:#f5f5f5;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;transition:all .2s ease}.help-center-modal.dark .help-menu-item{background:#2d323c}.help-menu-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.help-menu-item:active{transform:translateY(0)}.help-menu-icon{font-size:32px}.help-menu-label{color:#333;font-size:14px;font-weight:500}.help-center-modal.dark .help-menu-label{color:#eee}.help-menu-badge{background:#e53935;border-radius:10px;color:#fff;font-size:10px;margin-left:4px;padding:2px 6px}.help-back-btn{align-items:center;background:none;border:none;color:#1976d2;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-bottom:16px;padding:0}.help-center-modal.dark .help-back-btn{color:#64b5f6}.tutorial-container{text-align:center}.tutorial-step{padding:20px 0}.tutorial-icon{font-size:64px;margin-bottom:16px}.tutorial-title{font-size:20px;font-weight:600;margin:0 0 12px}.tutorial-text{color:#666;font-size:15px;line-height:1.5;margin:0}.help-center-modal.dark .tutorial-text{color:#aaa}.tutorial-progress{display:flex;gap:8px;justify-content:center;margin:24px 0 16px}.tutorial-dot{background:#ddd;border-radius:50%;height:10px;transition:all .2s ease;width:10px}.help-center-modal.dark .tutorial-dot{background:#444}.tutorial-dot.active{background:#1976d2;transform:scale(1.2)}.tutorial-nav{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.tutorial-nav-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s ease}.tutorial-nav-btn.secondary{background:#f0f0f0;color:#333}.help-center-modal.dark .tutorial-nav-btn.secondary{background:#3a3f4a;color:#eee}.tutorial-nav-btn.primary{background:#1976d2;color:#fff}.tutorial-nav-btn.primary:hover{background:#1565c0}.tutorial-menu-title{font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.tutorial-categories{display:flex;flex-direction:column;gap:10px}.tutorial-category-item{align-items:center;background:#f5f5f5;border:none;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.help-center-modal.dark .tutorial-category-item{background:#2d323c}.tutorial-category-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateX(4px)}.tutorial-category-icon{flex-shrink:0;font-size:28px}.tutorial-category-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.tutorial-category-title{color:#333;font-size:15px;font-weight:600}.help-center-modal.dark .tutorial-category-title{color:#eee}.tutorial-category-desc{color:#888;font-size:12px}.help-center-modal.dark .tutorial-category-desc{color:#999}.tutorial-category-arrow{color:#bbb;flex-shrink:0;font-size:18px}.help-center-modal.dark .tutorial-category-arrow{color:#666}.tutorial-category-badge{align-items:center;background:#e3f2fd;border-radius:20px;color:#1565c0;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:12px;padding:4px 12px}.help-center-modal.dark .tutorial-category-badge{background:#1e3a5f;color:#90caf9}.faq-search{margin-bottom:16px}.faq-search-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;width:100%}.help-center-modal.dark .faq-search-input{background:#2d323c;border-color:#444;color:#fff}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#f5f5f5;border-radius:8px;overflow:hidden}.help-center-modal.dark .faq-item{background:#2d323c}.faq-question{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.faq-arrow{transition:transform .2s ease}.faq-arrow.open{transform:rotate(180deg)}.faq-answer{color:#666;font-size:14px;line-height:1.5;padding:0 16px 14px}.help-center-modal.dark .faq-answer{color:#aaa}.faq-empty{color:#888;padding:20px;text-align:center}.whats-new-version{margin-bottom:20px}.whats-new-version.current{background:linear-gradient(135deg,#e3f2fd,#e8eaf6);border-radius:12px;margin-bottom:16px;padding:16px}.help-center-modal.dark .whats-new-version.current{background:linear-gradient(135deg,#1a237e20,#311b9220)}.whats-new-version.older{border-bottom:1px solid #eee;padding:12px 0}.help-center-modal.dark .whats-new-version.older{border-bottom-color:#444}.whats-new-version-title{align-items:center;color:#1976d2;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 12px}.version-badge{background:#4caf50;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.help-center-modal.dark .whats-new-version-title{color:#64b5f6}.whats-new-list{display:flex;flex-direction:column;gap:10px}.whats-new-item{align-items:flex-start;display:flex;font-size:14px;gap:10px;line-height:1.4}.whats-new-icon{flex-shrink:0;font-size:20px}.older-versions-toggle{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:16px 0;padding:12px 16px;transition:all .2s;width:100%}.help-center-modal.dark .older-versions-toggle{background:#2d323c;color:#aaa}.older-versions-toggle:hover{background:#eee}.help-center-modal.dark .older-versions-toggle:hover{background:#383e4a}.older-versions-list{animation:fadeIn .3s ease}.contact-section{padding:20px 0;text-align:center}.contact-icon{font-size:48px;margin-bottom:16px}.contact-text{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.help-center-modal.dark .contact-text{color:#aaa}.contact-email-btn{align-items:center;background:#1976d2;border-radius:8px;color:#fff;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none}.contact-email-btn:hover{background:#1565c0}.help-trigger-btn{background:none;border:none;cursor:pointer;font-size:24px;opacity:.7;padding:4px;transition:opacity .2s ease}.help-trigger-btn:hover{opacity:1}.paywall-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10000}.paywall-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:400px;overflow-y:auto;position:relative;width:100%}.paywall-modal.dark{background:linear-gradient(135deg,#2d323c,#23272f);color:#fff}.paywall-header{padding:24px 20px 16px;position:relative;text-align:center}.paywall-star{display:block;font-size:48px;margin-bottom:12px}.paywall-header h2{color:#333;font-size:24px;font-weight:700;margin:0}.paywall-modal.dark .paywall-header h2{color:#fff}.paywall-close{background:none;border:none;color:#999;cursor:pointer;font-size:28px;line-height:1;padding:0;position:absolute;right:16px;top:16px}.paywall-feature-highlight{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;display:flex;gap:10px;margin:0 20px 16px;padding:12px 16px}.paywall-modal.dark .paywall-feature-highlight{background:#3d3522;border-color:#ffc107}.paywall-lock{font-size:24px}.paywall-feature-highlight p{color:#856404;font-size:14px;margin:0}.paywall-modal.dark .paywall-feature-highlight p{color:#ffc107}.paywall-benefits{padding:0 20px 16px}.paywall-benefits h3{color:#333;font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.paywall-modal.dark .paywall-benefits h3{color:#eee}.paywall-benefit-cards{display:flex;flex-direction:column;gap:12px}.benefit-card{background:#f8f9fa;border-left:4px solid #fbbf24;border-radius:12px;padding:14px 16px}.paywall-modal.dark .benefit-card{background:#383e4a}.benefit-text{color:#444;font-size:14px;line-height:1.5}.paywall-modal.dark .benefit-text{color:#ddd}.paywall-benefits ul{list-style:none;margin:0;padding:0}.paywall-benefits li{align-items:center;color:#555;display:flex;font-size:15px;gap:8px;padding:8px 0}.paywall-modal.dark .paywall-benefits li{color:#ccc}.paywall-free{margin-bottom:16px;padding:0 20px}.paywall-free-note{background:#d4edda;border-radius:8px;color:#155724;font-size:13px;margin:0;padding:10px 14px}.paywall-modal.dark .paywall-free-note{background:#1e3d27;color:#7ee09b}.paywall-plans{display:flex;gap:12px;margin-bottom:16px;padding:0 20px}.paywall-plan{background:#fff;border:2px solid #ddd;border-radius:12px;cursor:pointer;flex:1 1;padding:16px 12px;position:relative;text-align:center;transition:all .2s ease}.paywall-modal.dark .paywall-plan{background:#3a3f4a;border-color:#555}.paywall-plan:hover{border-color:#1976d2;transform:translateY(-2px)}.paywall-plan.selected{background:#e3f2fd;border-color:#1976d2}.paywall-modal.dark .paywall-plan.selected{background:#1e3a5f;border-color:#64b5f6}.plan-badge{background:#e53935;border-radius:10px;color:#fff;font-size:10px;font-weight:600;left:50%;padding:3px 8px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.plan-name{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.paywall-modal.dark .plan-name{color:#eee}.plan-price{color:#1976d2;font-size:24px;font-weight:700}.plan-period{color:#888;font-size:12px}.paywall-cta{background:linear-gradient(135deg,#1976d2,#1565c0);border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:17px;font-weight:600;margin:0 20px 12px;padding:16px;transition:all .2s ease;width:calc(100% - 40px)}.paywall-cta:hover:not(:disabled){box-shadow:0 4px 12px rgba(25,118,210,.4);transform:translateY(-2px)}.paywall-cta:disabled{cursor:not-allowed;opacity:.7}.paywall-restore{background:transparent;border:1px solid #1976d2;border-radius:10px;color:#1976d2;cursor:pointer;display:block;font-size:14px;font-weight:500;margin:0 20px 12px;padding:12px;transition:all .2s ease;width:calc(100% - 40px)}.paywall-modal.dark .paywall-restore{border-color:#64b5f6;color:#64b5f6}.paywall-restore:hover:not(:disabled){background:rgba(25,118,210,.1)}.paywall-restore:disabled{cursor:not-allowed;opacity:.5}.paywall-error{background:#ffebee;border-radius:8px;color:#c62828;font-size:13px;margin:0 20px 12px;padding:10px 16px;text-align:center}.paywall-modal.dark .paywall-error{background:#4a1c1c;color:#ef5350}.paywall-web-notice{background:#fff3e0;border-radius:8px;color:#e65100;font-size:12px;margin:0 20px 12px;padding:10px 16px;text-align:center}.paywall-modal.dark .paywall-web-notice{background:#3d2f1c;color:#ffb74d}.paywall-cancel-note{color:#888;font-size:12px;margin:0;padding:0 20px 20px;text-align:center}.quest-input-layout{background:#1a1a1a;color:#fff;display:flex;flex-direction:column;gap:20px;height:100vh;overflow:hidden;padding:20px}.scanned-data-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:30px}.scanned-data-panel h2{font-size:32px;margin-bottom:30px;text-align:center}.data-field{margin-bottom:24px}.data-field label{display:block;font-size:18px;font-weight:600;margin-bottom:8px}.data-field input{background:rgba(0,0,0,.3);border:3px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;font-size:20px;min-height:60px;padding:15px 20px;transition:all .2s ease;width:100%}.data-field input:focus{background:rgba(0,0,0,.5);border-color:#4caf50;box-shadow:0 0 0 4px rgba(76,175,80,.2);outline:none}.data-field input.required-missing{animation:pulse-red 1s infinite;border-color:#ff5252}@keyframes pulse-red{0%,to{border-color:#ff5252}50%{border-color:#ff8a80}}.additional-info{color:hsla(0,0%,100%,.7);display:flex;font-size:16px;gap:20px;margin-bottom:16px}.button-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:30px}.cancel-button,.save-button{border:none;border-radius:16px;cursor:pointer;font-size:22px;font-weight:700;letter-spacing:1px;min-height:70px;text-transform:uppercase;transition:all .15s ease}.save-button{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 6px 20px rgba(76,175,80,.4);color:#fff}.save-button:hover:not(:disabled){box-shadow:0 8px 25px rgba(76,175,80,.6);transform:translateY(-2px)}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{background:#666;cursor:not-allowed;opacity:.5}.cancel-button{background:linear-gradient(135deg,#666,#555);box-shadow:0 6px 20px rgba(0,0,0,.3);color:#fff}.cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#777,#666);transform:translateY(-2px)}@media (max-width:768px){.quest-input-layout{gap:15px;padding:15px}.scanned-data-panel{padding:20px}.scanned-data-panel h2{font-size:24px}.data-field input{font-size:18px;min-height:56px}.button-group{grid-template-columns:1fr}.cancel-button,.save-button{font-size:18px;min-height:60px}}.live-chronik{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border-radius:16px;max-height:400px;overflow-y:auto;padding:20px}.live-chronik.empty{padding:30px;text-align:center}.live-chronik.empty p{color:hsla(0,0%,100%,.5);font-size:16px}.live-chronik h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:20px}.chronik-list{display:flex;flex-direction:column;gap:12px}.chronik-item{grid-gap:15px;align-items:center;animation:slideIn .3s ease;background:rgba(76,175,80,.1);border-left:4px solid #4caf50;border-radius:8px;display:grid;gap:15px;grid-template-columns:40px 1fr auto;padding:15px;transition:all .15s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.chronik-item:hover{background:rgba(76,175,80,.15);transform:translateX(5px)}.chronik-check{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;width:40px}.chronik-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.chronik-compact{color:#fff;font-size:16px;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chronik-hausnr{color:#4caf50;font-size:20px;font-weight:700}.chronik-name{color:#fff;font-size:16px}.chronik-dienst{color:hsla(0,0%,100%,.6);font-size:14px;font-style:italic}.chronik-time{color:hsla(0,0%,100%,.5);font-family:monospace;font-size:14px;text-align:right}.live-chronik::-webkit-scrollbar{width:12px}.live-chronik::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:8px}.live-chronik::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:8px}.live-chronik::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (max-width:768px){.live-chronik{max-height:300px;padding:15px}.live-chronik h3{font-size:20px}.chronik-item{gap:10px;grid-template-columns:35px 1fr auto;padding:12px}.chronik-check{font-size:20px;height:35px;width:35px}.chronik-hausnr{font-size:18px}.chronik-name{font-size:14px}}.hausnummer-reminder-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:transparent;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.hausnummer-reminder{align-items:center;animation:slideDown .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(76,175,80,.9),rgba(69,160,73,.9));border-radius:0 0 12px 12px;box-shadow:0 4px 20px rgba(0,0,0,.5);display:flex;gap:16px;justify-content:space-between;max-width:100%;padding:12px 20px;pointer-events:auto;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reminder-icon{animation:bounce .6s ease;font-size:48px;margin-bottom:12px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hausnummer-reminder h2{color:#fff;font-size:28px;font-weight:800;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.reminder-message{color:hsla(0,0%,100%,.95);font-size:18px;font-weight:600;margin-bottom:16px}.hausnummer-display{margin:20px 0}.hausnummer-box{background:hsla(0,0%,100%,.98);border:4px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:10px;padding:20px}.hausnummer-label{color:#666;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hausnummer-value{color:#4caf50;font-family:Arial Black,sans-serif;font-size:48px;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.next-button{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#4caf50;cursor:pointer;font-size:18px;font-weight:800;letter-spacing:1px;margin-top:16px;min-height:56px;text-transform:uppercase;transition:all .15s ease;width:100%}.next-button:hover{box-shadow:0 12px 30px rgba(0,0,0,.3);transform:translateY(-3px)}.next-button:active{transform:translateY(0)}@media (max-width:768px){.hausnummer-reminder{padding:30px}.reminder-icon{font-size:60px}.hausnummer-reminder h2{font-size:28px}.reminder-message{font-size:20px}.hausnummer-value{font-size:56px}.next-button{font-size:20px;min-height:70px}}.quest-video-capture{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-radius:16px;display:flex;flex-direction:column;gap:15px;padding:20px}.video-container{aspect-ratio:16/9;background:transparent;border-radius:12px;box-shadow:none;overflow:visible;position:relative;width:100%}.camera-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:hsla(0,0%,100%,.5);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:80px;margin-bottom:20px;opacity:.5}.camera-placeholder p{font-size:20px;margin:5px 0}.placeholder-hint{color:hsla(0,0%,100%,.3)!important;font-size:14px!important;font-style:italic}.video-stream{display:block;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.overlay-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.preview-text{animation:fadeIn .3s ease;background:rgba(76,175,80,.2);border-left:4px solid #4caf50;border-radius:8px;color:#fff;font-size:16px;padding:15px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.capture-status{font-size:18px;font-weight:600;padding:10px;text-align:center}.status-scanning{animation:pulse 1s infinite;color:#ffc107}.status-ready{color:#4caf50}.status-waiting{color:hsla(0,0%,100%,.5)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scan-overlay{bottom:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.scan-trigger-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:24px;font-weight:700;letter-spacing:1px;min-height:70px;min-width:200px;text-transform:uppercase;transition:all .15s ease}.scan-trigger-button:hover:not(:disabled){box-shadow:0 12px 32px rgba(76,175,80,.6);transform:translateY(-3px)}.scan-trigger-button:active:not(:disabled){transform:translateY(0)}.scan-trigger-button:disabled{background:#666;cursor:not-allowed;opacity:.5}.ocr-stats{background:rgba(0,0,0,.7);border-radius:8px;color:#4caf50;display:flex;font-family:monospace;font-size:14px;gap:15px;padding:10px 15px}.ocr-stats span{align-items:center;display:flex}.instructions{background:rgba(33,150,243,.2);border-left:4px solid #2196f3;border-radius:8px;color:#fff;padding:15px 20px}.instructions p{font-size:18px;font-weight:600;margin:0 0 10px}.instruction-methods{color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;font-size:14px;gap:5px}.instruction-methods span{align-items:center;display:flex}.status-hint{color:hsla(0,0%,100%,.7);font-size:14px;font-style:italic;margin-left:10px}.debug-overlay{background:rgba(0,0,0,.9);border-bottom-left-radius:8px;color:#4caf50;font-family:monospace;font-size:12px;max-width:200px;padding:10px;position:fixed;right:0;top:0;z-index:9999}.debug-overlay div{margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.quest-video-capture{padding:15px}.video-container{aspect-ratio:4/3}.placeholder-icon{font-size:60px}.camera-placeholder p{font-size:16px}.preview-text{font-size:14px;padding:12px 15px}.test-scan-button{font-size:16px;min-height:56px}.scan-trigger-button{font-size:20px;padding:20px 40px}}.ai-cost-display{background:rgba(255,193,7,.1);border:2px solid rgba(255,193,7,.3);border-radius:12px;margin-bottom:16px;padding:12px 16px}.ai-cost-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.ai-cost-icon{font-size:20px}.ai-cost-title{color:#ffc107;font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ai-cost-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.ai-cost-stat{align-items:center;background:rgba(0,0,0,.2);border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px}.ai-cost-label{color:hsla(0,0%,100%,.7);font-size:13px;font-weight:500}.ai-cost-value{color:#ffc107;font-size:15px;font-weight:700}@media (max-width:768px){.ai-cost-stats{grid-template-columns:1fr}}
/*# sourceMappingURL=main.2bfc7061.css.map*/