.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:2rem;width:100%}.login-card h1{color:#333;margin:0 0 1.5rem;text-align:center}.error-message{font-size:.9rem;margin-bottom:1rem;padding:.75rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.submit-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:transform .2s;width:100%}.submit-button:hover{transform:translateY(-2px)}.toggle-mode{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.toggle-mode button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:underline}.toggle-mode button:hover{color:#764ba2}.feed-container{background:#f5f7fa;min-height:100vh}.feed-header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.feed-header h1{color:#333;font-size:1.5rem;margin:0}.header-buttons{align-items:center;display:flex;gap:1rem}.create-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.create-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.logout-button{background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .3s}.logout-button:hover{background:#ff3838}.error-message{background:#fee;border-radius:6px;margin:1rem 2rem;padding:1rem}.feed-content{margin:0 auto;max-width:800px;padding:2rem}.empty-feed{color:#999;padding:3rem;text-align:center}.document-list{display:flex;flex-direction:column;gap:1rem}.document-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:1rem;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.document-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card-thumbnail{background:#f0f0f0;flex-shrink:0;height:150px;overflow:hidden;width:200px}.card-thumbnail img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.document-card:hover .card-thumbnail img{transform:scale(1.05)}.card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.document-card.no-image .card-content{padding-left:1.5rem}.card-content h3{color:#333;font-size:1.25rem;margin:0 0 .75rem}.document-preview{color:#666;flex:1 1;line-height:1.6;margin:0 0 1rem}.document-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.tag{border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.date{font-size:.9rem}.score-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}@media (max-width:768px){.feed-content{padding:1rem}.feed-header{flex-direction:column;gap:1rem;padding:1rem}.feed-header h1{font-size:1.25rem}.header-buttons{justify-content:center;width:100%}.create-button,.logout-button{flex:1 1;max-width:150px}.document-card{flex-direction:column}.card-thumbnail{height:200px;width:100%}.card-content{padding:1rem}.card-content h3{font-size:1.1rem}}.document-detail-container{background:#f5f7fa;min-height:100vh;padding:2rem}.loading{color:#666;font-size:1.2rem}.error-container,.loading{align-items:center;display:flex;height:100vh;justify-content:center}.error-container{flex-direction:column;gap:1rem}.back-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .3s}.back-button:hover{background:#667eea;color:#fff}.document-detail{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;margin:0 auto;max-width:800px;padding:2.5rem}.document-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.document-header h1{color:#333;font-size:2rem;line-height:1.3;margin:0 0 1rem}.document-info{margin-bottom:1rem}.date{color:#999;font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#e3f2fd;border-radius:16px;color:#1976d2;font-size:.9rem;font-weight:500;padding:.4rem 1rem}.document-image{border-radius:8px;margin:2rem 0;overflow:hidden;text-align:center}.document-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}.document-content{color:#444;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.document-content p{margin:0;white-space:pre-wrap}.document-link{border-top:2px solid #f0f0f0;margin-top:2rem;padding-top:2rem;text-align:center}.original-link-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s}.original-link-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.document-detail-container{padding:1rem}.document-detail{padding:1.5rem}.document-header h1{font-size:1.5rem}.document-content{font-size:1rem}}.create-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.create-header{margin-bottom:30px;padding:20px 0;text-align:center}.create-header h1{color:#fff;font-size:2rem;margin:0;text-shadow:2px 2px 4px #0003}.create-form{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:800px;padding:40px}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input[type=text]:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group textarea{min-height:300px;resize:vertical}.tag-input-container{display:flex;gap:10px}.tag-input-container input{flex:1 1}.add-tag-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-tag-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.add-tag-button:active:not(:disabled){transform:translateY(0)}.add-tag-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.tags-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tags-list .tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px}.remove-tag-button{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.remove-tag-button:hover:not(:disabled){background:#ffffff80;transform:scale(1.1)}.remove-tag-button:disabled{cursor:not-allowed;opacity:.5}.tag-hint{color:#666;font-size:.85rem;margin-bottom:0;margin-top:8px}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-button,.submit-button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.cancel-button{background:#f0f0f0;color:#666}.cancel-button:hover:not(:disabled){background:#e0e0e0}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:150px}.submit-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;margin-bottom:20px;padding:15px;text-align:center}@media (max-width:768px){.create-container{padding:10px}.create-header h1{font-size:1.5rem}.create-form{padding:25px 20px}.tag-input-container{flex-direction:column}.add-tag-button{width:100%}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}*{box-sizing:border-box}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7743eac3.css.map*/