body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{overflow-x:hidden}body{background:linear-gradient(135deg,#1b1b2f,#2e2e48);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#f5f5f5;font-family:Roboto,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative}.container,body{align-items:center;display:flex}.container{background:#1c1c28f2;border-radius:20px;box-shadow:0 10px 30px #00ffff4d;flex-direction:column;margin:0 auto;max-width:600px;padding:30px;z-index:1}video{border-radius:20px;box-shadow:0 10px 20px #00ffff4d;max-width:500px}.button-wrapper,video{margin-bottom:30px;width:100%;z-index:1}.button-wrapper{display:flex;justify-content:center}button{background:linear-gradient(135deg,#f0f,#0ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;text-shadow:0 0 5px #0ff;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;z-index:1}button:hover{transform:translateY(-1px)}.image-wrapper{align-items:center;display:flex;flex-direction:column}.emotion-info{color:#f5f5f5;font-size:12px;margin-top:5px;text-align:center;width:100%}.image-container{-ms-overflow-style:none;display:flex;margin-top:20px;max-width:500px;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;white-space:nowrap;z-index:1}.image-container::-webkit-scrollbar{display:none}.captured-image{border:2px solid #00ffff80;flex:0 0 auto;height:100px;margin-right:10px;object-fit:cover;scroll-snap-align:center;transition:transform .3s ease,box-shadow .3s ease;width:auto;z-index:1}.captured-image:hover{box-shadow:0 6px 12px #ff00ff80;transform:scale(1.1)}.carousel-wrapper{justify-content:center;position:relative}.carousel-controls,.carousel-wrapper{align-items:center;display:flex;z-index:1}.carousel-controls{justify-content:space-between;pointer-events:none;width:auto}.carousel-button{border:none;color:#0ff;cursor:pointer;font-size:24px;pointer-events:all;z-index:1}.carousel-button,.carousel-button:active,.carousel-button:focus{background:none;outline:none}.carousel-button.left{margin-right:10px}.carousel-button.right{margin-left:10px}.carousel-button:hover{background:none}.carousel-button:disabled{color:#333;cursor:not-allowed}@media screen and (max-width:600px){.image-container{width:310px}.carousel-button.left{margin-right:5px}.carousel-button.right{margin-left:5px}}@media screen and (max-width:475px){.image-container{width:210px}}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal-content{align-items:center;display:flex}.modal-content{background:#1c1c28f2;border-radius:20px;box-shadow:0 10px 30px #00ffff4d;flex-direction:row;max-height:80%;max-width:80%;overflow:hidden;padding:20px;position:relative}.close-button{color:#aaa;cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px;transition:color .3s ease}.close-button:hover{color:#fff}.modal-image-wrapper{flex:1 1;padding-right:20px}.modal-image{border-radius:10px;box-shadow:0 6px 12px #ff00ff80;max-height:100%;max-width:100%;object-fit:contain}.modal-info-wrapper{color:#f5f5f5;flex:1 1;font-size:14px;overflow-y:auto;padding-left:20px}@media screen and (max-width:768px){.modal-content{flex-direction:column;max-width:90%}.modal-image-wrapper{padding-bottom:20px;padding-right:0}.modal-info-wrapper{padding-left:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a4af99c8.css.map*/