@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap";html,body,#root,.app{height:100%;width:100%;font-family:Inter,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.react-calendar-heatmap text{font-size:10px}.react-tooltip{z-index:1500}.color-empty{fill:#ebedf0}.color-level-1{fill:#d6e685}.color-level-2{fill:#8cc665}.color-level-3{fill:#44a340}.color-level-4{fill:#1e6823}.color-level-5{fill:#040}.video-container{box-shadow:0 0 10px #d8e9e180;margin-bottom:20px;max-width:100%;aspect-ratio:16 / 12;position:relative;overflow:hidden;z-index:1}.guided-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.corner{position:absolute;width:40px;height:40px;background-color:transparent}.scanned .corner{border-color:#0f0}.top-left-corner{top:0;left:0;border-top:5px solid rgba(255,255,255,.8);border-left:5px solid rgba(255,255,255,.8);border-top-left-radius:20px}.top-right-corner{top:0;right:0;border-top:5px solid rgba(255,255,255,.8);border-right:5px solid rgba(255,255,255,.8);border-top-right-radius:20px}.bottom-left-corner{bottom:0;left:0;border-bottom:5px solid rgba(255,255,255,.8);border-left:5px solid rgba(255,255,255,.8);border-bottom-left-radius:20px}.bottom-right-corner{bottom:0;right:0;border-bottom:5px solid rgba(255,255,255,.8);border-right:5px solid rgba(255,255,255,.8);border-bottom-right-radius:20px}.scanner-container{text-align:center;padding:0}.video-container .guide-canvas{display:block;position:absolute;top:0;left:0;z-index:100}.video-container video{width:100%;height:auto;max-height:100%;z-index:1}.result-container{background-color:#f8f9fa;padding:10px;border-radius:5px;margin-bottom:20px}.result-text{color:#28a745;font-weight:700}.scan-history li{background-color:#f8f9fa;margin-bottom:5px;padding:5px;border-radius:5px}.scanner-container .video-container{position:relative}.history-panel{text-align:center}.scan-history{list-style:none;padding:0}.scanner-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.result-panel,.history-panel{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.result-title,.history-title{font-weight:700;color:#007bff;margin-bottom:10px}.result-content{color:#28a745;font-weight:700;font-size:1.2em}.scan-history{list-style:none;padding:0;margin:0}.history-item{background-color:#fff;margin-bottom:5px;padding:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a}.item-data{font-weight:700}.item-timestamp{font-size:.85em;color:#6c757d}.scanner-container{display:flex;flex-direction:column;align-items:center;padding:20px}.history-panel{width:100%;max-width:600px;margin-top:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:15px}.history-item{background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:10px;padding:10px;list-style:none}.item-data{font-size:16px}.item-timestamp{font-size:14px;color:#666}@media (max-width: 768px){.history-panel{padding:10px}.item-data,.item-timestamp{font-size:95%}}.btn-checkbox{padding:15px 20px;margin:5px;background-color:#f0f0f0;color:#333;border:2px solid #ccc;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;border-radius:5px;outline:none;-webkit-user-select:none;user-select:none;font-weight:700;font-family:Manrope,sans-serif}.btn-checkbox.active{background-color:#41666a;border-color:#41666a;color:#fff}