:root{--bg-color:#fff;--secondary-text-color:#4b5563;--border-color:#6b7280;--card-bg:#ffffffe6;--app-bg:#fff}[data-theme=dark]{--bg-color:#1f2937;--text-color:#f3f4f6;--secondary-text-color:#9ca3af;--border-color:#4b5563;--card-bg:#1f2937e6;--shadow-color:#0000004d;--app-bg:#1b263b}body{background-color:#fff;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.app-container{background:#fff;background:var(--app-bg);min-height:100vh}.header{align-items:center;background-color:#1b263b;color:#fff;display:flex;justify-content:center;margin-bottom:2rem;padding:16px;position:relative}.header img{height:auto;max-height:150px;max-width:300px;object-fit:contain;transition:transform .3s ease;width:100%}.header h1{font-size:1.5rem;font-weight:700}.header a{color:#fff;text-decoration:none}.header a:hover{text-decoration:underline}.theme-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:16px}.theme-toggle:hover{color:#d1d5db}:root{--card-bg:#ffffffc3;--text-color:#1b263b;--border-color:#d1d5db;--shadow-color:#0000001a}.welcome-container{align-items:center;background-color:#ffffffc3;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);display:flex;flex-direction:column;margin:150px auto 4rem;max-width:600px;padding:24px;position:relative;text-align:center}.all-team{height:auto;left:50%;max-width:300px;object-fit:contain;position:absolute;top:-120px;transform:translateX(-50%);transition:transform .3s ease;width:100%;z-index:0}.all-team:hover{transform:translateX(-50%) scale(1.05)}.welcome-container h2{font-size:1.75rem;font-weight:600;z-index:100000}.welcome-container h2,.welcome-container select{color:#1b263b;color:var(--text-color);margin-bottom:16px}.welcome-container select{background-color:#ffffffc3;background-color:var(--card-bg);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:12px;width:100%;z-index:1}.welcome-container select:focus{border-color:#1b263b;border-color:var(--text-color);box-shadow:0 0 0 2px #1b263b33;outline:none}.welcome-container button{background-color:#1b263b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;text-decoration:none;z-index:1}.welcome-container button:hover{background-color:#6b7280;text-decoration:none}.welcome-container button:disabled{background-color:#d1d5db;cursor:not-allowed}a[href],a[href]:hover{text-decoration:none}@media (max-width:768px){.welcome-container{margin:100px 20px 4rem;padding:16px}.all-team{max-width:200px;top:-133px}.welcome-container h2{font-size:1.5rem}}.container{margin:0 auto;max-width:768px;padding:16px}.form{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px}.form,.form-content{align-items:flex-start;display:flex}.form-content{flex:1 1;flex-direction:column;min-width:250px}.form h2{font-size:20px;font-weight:600;margin-bottom:12px}.form input,.form textarea{background-color:var(--card-bg);border:1px solid;border-radius:8px;color:var(--text-color);margin-bottom:8px;padding:10px;width:100%}.form input{font-size:16px;max-width:300px}.form textarea{font-size:12px;height:100px;max-width:400px;resize:vertical}.form input:focus,.form textarea:focus{box-shadow:0 0 0 2px #0003;outline:none}.form button{align-self:flex-start;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:4px;padding:10px 24px;transition:background-color .2s ease}.form button:hover{filter:brightness(85%)}.team-image{height:auto;margin-right:13rem;margin-top:1.5rem;max-width:100px;object-fit:contain}.note-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:8px 0}.note-card{background-color:#2e3b4e;border:2px solid;border-radius:12px;box-shadow:0 4px 8px var(--shadow-color);display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.note-card:hover{box-shadow:0 6px 12px var(--shadow-color);transform:translateY(-4px)}.note-card h2{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card h2 a{text-decoration:none}.note-card h2 a:hover{text-decoration:underline}.note-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;flex-grow:1;font-size:16px;line-height:1.5;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis}.note-card .timestamp{color:#9ca3af;font-size:12px;margin-bottom:12px}.screenshot-text{align-items:flex-start;background-color:#2e3b4e;flex-direction:column;left:-9999px;max-width:400px;padding:16px;position:absolute;top:-9999px;visibility:hidden;width:100%}.screenshot-text ul{color:#fff;flex-grow:1;font-size:10px;line-height:1.2;list-style-type:disc;margin:0 0 2px 10px;padding:0}.screenshot-text li{line-height:1.2;white-space:pre-wrap}.logo-screenshot{align-self:flex-end;height:auto;max-width:80px;object-fit:contain;opacity:.8}.note-card .button-group{display:flex;gap:8px;justify-content:flex-end}.note-card .button-group.hide-buttons{display:none}.note-card button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s ease}.note-card .delete-button,.note-card .download-button,.note-card .edit-button,.note-card .share-button{align-items:center;border-radius:.5rem;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;padding:.5rem;transition:background-color .3s ease,transform .3s ease;width:2.5rem}.note-card .delete-button:hover,.note-card .download-button:hover,.note-card .edit-button:hover,.note-card .share-button:hover{transform:scale(1.1)}.note-card .edit-button{color:#fff}.note-card .delete-button{background-color:#ef4444;color:#fff}.note-card .delete-button:hover{background-color:#dc2626}.note-card .share-button{background-color:#3b82f6;color:#fff}.note-card .share-button:hover{background-color:#2563eb}.note-card .download-button{background-color:#10b981;color:#fff}.note-card .download-button:hover{background-color:#059669}.empty-message{box-shadow:0 4px 6px var(--shadow-color);color:#9ca3af;font-size:16px;padding:24px;text-align:center}.empty-message,.note-detail{background-color:#2e3b4e;border-radius:12px}.note-detail{border:2px solid;box-shadow:0 4px 8px var(--shadow-color);margin:16px auto;max-width:600px;padding:20px}.note-detail h2{color:#f3f4f6;font-size:22px;font-weight:600;margin-bottom:12px}.note-detail p{color:#d1d5db;font-size:36px;line-height:.2;margin-bottom:16px}.note-detail .timestamp{color:#9ca3af;font-size:14px;margin-bottom:10px}.note-detail a{background-color:#1b263b;border-radius:8px;color:#fff;font-size:16px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.note-detail a:hover{background-color:#6b7280}
/*# sourceMappingURL=main.f5c0fa7e.css.map*/