body{margin:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#2f3e46;color:#cad2c5}#root{min-height:100vh;display:flex;justify-content:center;align-items:center}#root:has(.app),#root:has(.legal-page){display:block}#root:has(.auth-section){flex-direction:column}a{color:#84a98c;font-weight:700;text-decoration:none;transition:all .2s ease}a:hover{color:#cad2c5;text-decoration:underline}a:active{color:#52796f}.auth-section{max-width:80%;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (max-width: 768px){.auth-section{max-width:95%}}.app-description{color:#cad2c5;padding:0;width:100%}.app-description .app-title{color:#cad2c5;font-size:3rem;font-weight:600;margin:0 0 .5rem;text-align:center;padding-top:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-tagline{color:#84a98c;font-size:1.3rem;margin:0 0 2rem;font-style:italic;text-align:center}.app-description p{line-height:1.5;margin-bottom:1rem;color:#cad2c5}.app-description strong{color:#84a98c}.app-description code{background:#354f52;padding:.2rem .5rem;border-radius:4px;color:#84a98c;font-family:Courier New,monospace;font-size:.9em}.how-it-works{list-style:none;padding:0;margin:1.5rem 0}.how-it-works li{margin-bottom:.75rem;padding-left:0;line-height:1.5}.how-it-works li strong{color:#84a98c;display:inline-block;margin-right:.5rem}.credit{margin-top:2rem;color:#52796f;font-size:.95rem;font-style:italic;text-align:center}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.login-container{background-color:#354f52;border-radius:20px;box-shadow:0 8px 30px #0009;padding:3rem 3.5rem;text-align:center;max-width:500px;width:100%;margin:0 auto;transition:all .3s ease;border:1px solid #52796f}.login-graphic{width:80px;height:auto;margin-bottom:1.5rem}.login-title{color:#cad2c5;font-size:1.6rem;font-weight:600;margin:0 0 .75rem}.login-subtitle{color:#84a98c;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.login-disclaimer{color:#84a98c;font-size:.75rem;line-height:1.4;margin-bottom:2rem;opacity:.7;font-style:italic}.login-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#52796f;color:#cad2c5;border:1px solid #84a98c;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px #0000004d}.google-login-button:hover{border-color:#cad2c5;background-color:#84a98c;color:#2f3e46;box-shadow:0 6px 10px #84a98c4d;transform:translateY(-2px)}.google-login-button svg{width:20px;height:20px}.donate-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#52796f;color:#cad2c5;border:1px solid #84a98c;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px #0000004d;text-decoration:none}.donate-button:hover{border-color:#cad2c5;background-color:#84a98c;color:#2f3e46;box-shadow:0 6px 10px #84a98c4d;transform:translateY(-2px);text-decoration:none}.paypal-icon{width:20px;height:20px}.app{padding:1rem}.app-header{max-width:700px;width:100%;margin:0 auto 1.5rem;position:relative;z-index:50;display:flex;align-items:center;justify-content:center;color:#cad2c5;font-size:1.5rem;font-weight:600;padding-top:1rem}.back-button{position:absolute;bottom:0;left:0}.app-title{margin:0}.app-container{max-width:600px;margin:50px auto;background:#354f52;border-radius:10px;padding:20px;box-shadow:0 4px 12px #00000080;border:1px solid #52796f}h1{text-align:center;color:#cad2c5}.controls{display:flex;justify-content:space-between;margin-bottom:20px}button{background:#84a98c;color:#2f3e46;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:500;transition:all .2s ease}button:hover{background:#cad2c5;box-shadow:0 2px 4px #0003}button:disabled{background:#52796f;color:#84a98c;cursor:not-allowed;opacity:.5}select{flex:1;margin-left:10px;border-radius:6px;padding:8px;border:1px solid #52796f;background:#354f52;color:#cad2c5}.loading{display:flex;align-items:center;justify-content:center;height:100vh}.session-info{text-align:center;padding-top:10px}.form-container{background:#354f52;padding:1.5rem;border-radius:12px;box-shadow:0 0 10px #00000080;max-width:700px;width:100%;margin:1rem auto;border:1px solid #52796f;position:relative}.connection-status{position:absolute;top:1rem;right:1rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem}.connection-status.online{color:#84a98c}.connection-status.offline{color:#cad2c5}.form-title{text-align:center;margin-bottom:1.25rem;color:#cad2c5;font-size:1.5rem}.linenote-form .form-group{display:flex;flex-direction:column;margin-bottom:.75rem}.form-group label{font-weight:600;margin-bottom:.4rem;color:#cad2c5;font-size:.95rem}.form-group input,.form-group select{padding:.65rem;font-size:1rem;border:1px solid #52796f;border-radius:8px;font-family:inherit;background:#2f3e46;color:#cad2c5;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;display:block}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group select:-webkit-autofill,.form-group select:-webkit-autofill:hover,.form-group select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #2f3e46 inset!important;-webkit-text-fill-color:#cad2c5!important;border:1px solid #52796f;transition:background-color 5000s ease-in-out 0s}.form-group select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cad2c5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .65rem center;background-size:1em;padding-right:2.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#84a98c;box-shadow:0 0 0 3px #84a98c33}.form-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.button{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.button.primary{background:#84a98c;color:#2f3e46}.button.primary:hover{background:#cad2c5;box-shadow:0 4px 6px #84a98c4d}.button.secondary{background:#52796f;color:#cad2c5}.button.secondary:hover{background:#84a98c;color:#2f3e46;box-shadow:0 4px 6px #52796f4d}.button.danger{background:#52796f;color:#cad2c5;border:1px solid #84a98c}.button.danger:hover{background:#354f52;box-shadow:0 4px 6px #354f524d}.button.danger:disabled{background:#354f52;color:#52796f;cursor:not-allowed;opacity:.5;border:1px solid #52796f}.button.info{background:#84a98c;color:#2f3e46;border:1px solid #cad2c5}.button.info:hover{background:#cad2c5;box-shadow:0 4px 6px #84a98c4d}.button.info:disabled{display:none}.button-group-left{display:flex;align-items:center;gap:1rem;order:1}.button-group-right{display:flex;gap:1rem;order:2}.saved-message{text-align:center;margin-top:.75rem;padding:.6rem;background:#84a98c33;border-radius:8px;font-weight:600;color:#cad2c5;border:1px solid rgba(132,169,140,.4);font-size:.95rem}.note-counter-container{font-weight:600;margin-top:1rem;font-size:1rem;color:#cad2c5;display:flex;justify-content:space-between;align-items:center;overflow:hidden;gap:1rem}.produciton-name{flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-counter{flex-shrink:0;white-space:nowrap}.status-message{text-align:center;padding:1rem;margin:1rem auto;max-width:700px;background:#84a98c33;border-radius:8px;color:#cad2c5;border:1px solid rgba(132,169,140,.4)}.sheet-select{background:#354f52;border-radius:20px;box-shadow:0 8px 30px #0009;padding:3rem;max-width:600px;margin:0 auto;border:1px solid #52796f}.sheet-select h2{color:#cad2c5;font-size:1.8rem;font-weight:600;margin:0 0 2rem;text-align:center}.sheet-select p{text-align:center;color:#84a98c;font-size:1rem;margin:2rem 0}.sheet-select ul{list-style:none;padding:0;margin:0 0 2rem}.sheet-select li{margin-bottom:1rem}.sheet-select li button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:1rem 1.5rem;background:#2f3e46;border:2px solid #52796f;border-radius:12px;color:#cad2c5;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.sheet-select li button:hover{background:#52796f;border-color:#84a98c;transform:translate(4px);box-shadow:0 4px 6px #84a98c33}.sheet-select .button.primary{width:100%;padding:1rem;font-size:1.05rem;margin-top:1rem}.prod-name{color:#fff;font-weight:600}.prod-date{font-size:.85rem;color:#84a98c;font-style:italic;font-weight:400;opacity:.9;margin-left:10px}.export-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2f3e46f2;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:#354f52;border-radius:20px;padding:3rem;max-width:500px;width:90%;border:1px solid #52796f;box-shadow:0 20px 60px #000c;text-align:center}.export-icon{margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.export-title{color:#cad2c5;font-size:1.8rem;font-weight:600;margin:0 0 1rem}.export-message{color:#84a98c;font-size:1rem;margin:0 0 2rem}.progress-container{width:100%}.progress-bar{width:100%;height:12px;background:#2f3e46;border-radius:10px;overflow:hidden;margin-bottom:1rem;border:1px solid #52796f}.progress-fill{height:100%;background:linear-gradient(90deg,#52796f,#84a98c,#cad2c5);border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px #84a98c80}.progress-text{color:#84a98c;font-size:1.2rem;font-weight:600}.loader-container{background:#354f52;border-radius:20px;box-shadow:0 8px 30px #0009;padding:3rem;max-width:600px;margin:0 auto;border:1px solid #52796f}.loader-container p{text-align:center;color:#84a98c;font-size:1rem;margin:2rem 0}.loader{position:absolute;justify-content:center;border:4px solid #f3f3f3;border-top:4px solid #52796f;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:220px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.8em}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.user-menu-container{right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;position:absolute}.user-avatar{width:42px;height:42px;border-radius:50%;cursor:pointer;border:2px solid #52796f;transition:all .2s ease;object-fit:cover;box-shadow:0 2px 4px #0000004d}.user-avatar:hover{border-color:#cad2c5;box-shadow:0 4px 8px #84a98c66}.dropdown-menu{position:absolute;top:55px;right:0;background:#354f52;border:1px solid #52796f;border-radius:8px;padding:.5rem 0;box-shadow:0 8px 16px #0009;min-width:140px;z-index:1000}.dropdown-item{width:100%;text-align:left;padding:.75rem 1.5rem;color:#cad2c5;background:none;border:none;border-radius:0;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#2f3e46;color:#84a98c;box-shadow:none}.legal-page{max-width:800px;margin:0 auto;padding:3rem 2rem;color:#cad2c5;line-height:1.6}.legal-page h1{color:#cad2c5;font-size:2.5rem;margin-bottom:.5rem;text-align:left}.legal-page h2{color:#84a98c;font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.legal-page p,.legal-page ul{margin-bottom:1.25rem}.legal-page ul{padding-left:2rem}.legal-back-btn{background:none;border:none;color:#84a98c;font-size:1rem;cursor:pointer;padding:0;margin-bottom:2rem;font-weight:600;box-shadow:none}.legal-back-btn:hover{background:none;color:#cad2c5;text-decoration:underline;box-shadow:none}.site-footer{margin-top:3rem;padding-bottom:1.5rem;text-align:center;font-size:.85rem;color:#52796f;width:100%}.footer-btn{background:none;border:none;color:#52796f;cursor:pointer;padding:0 10px;font-size:.85rem;text-decoration:underline;box-shadow:none;font-weight:400}.footer-btn:hover{color:#84a98c;background:none;box-shadow:none}.selector-actions{display:flex;gap:1rem;margin-top:2rem;width:100%;align-items:stretch}.selector-actions .button{flex:1;height:48px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0 15px!important;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.button.danger,.button.danger-alt{background-color:#b91c1c!important;color:#fff!important;border:none!important}.button.danger:hover,.button.danger-alt:hover{background-color:#7f1d1d!important;box-shadow:0 4px 8px #e6394666}.selector-actions .button.primary{border:none!important;background-color:#84a98c;color:#2f3e46}.button.secondary{background-color:#52796f;color:#cad2c5}.button.secondary:hover{background-color:#84a98c;color:#2f3e46}input[type=checkbox]{width:18px;height:18px;accent-color:#e63946;cursor:pointer}