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}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100vw}::-webkit-scrollbar{display:none}.navbar{align-items:center;background-color:#fff;box-shadow:0 4px 15px 0 #00000026;display:flex;justify-content:end;padding:10px}.register-btn,.signIn-btn{background-color:#ff7373;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;width:fit-content}.signIn-btn{background-color:#73abff;margin-left:20px}.user-profile{background-color:aqua;border:none;border-radius:50%;height:50px;width:50px}.login-navbar{align-items:center;background-color:#fff;box-shadow:0 4px 15px 0 #00000026;display:flex;justify-content:end;padding:10px}.add-story-btn,.bookmarks-btn{background-color:#ff7373;border:none;border-radius:20px;color:#fff;padding:10px 20px;width:fit-content}.add-story-btn,.bookmarks-btn,.login-navbar img,.user-profile{cursor:pointer;margin-left:20px}.bookmarks-btn{padding:10px 20px 10px 0}.bookmarks-container{align-items:center;background-color:#ff7373;border-radius:20px;display:flex}.logOut-div{align-items:center;background-color:#fff;box-shadow:0 4px 4px 0 #00000040;display:flex;flex-direction:column;font-size:20px;padding:20px;position:absolute;top:8%;width:250px}.current-user{font-weight:700;margin-bottom:10px;padding:10px}.logout-btn{background-color:#ff7373;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px;width:140px}.addstory{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:99}.slide-selector{align-items:start;display:flex;margin-bottom:20px;margin-top:50px}.add-slide-btn,.slide-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 15px 0 #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:60px;justify-content:center;margin-right:10px;padding:10px 15px;position:relative}.slide-btn.active{border-color:#3498db;color:#3498db}.remove-slide{color:#f66;height:15px;position:absolute;right:0;top:0;width:15px}.add-slide-btn{background-color:#fff}.slide-limit-msg{color:#888;font-size:12px;position:absolute;right:100px;top:50px}.addstory .close-btn{background:#0000;border:none;cursor:pointer;font-size:20px;left:90%;position:absolute;top:25px}.story-handler{display:flex;flex-direction:column;padding:30px 0;width:70%}.input-group{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.input-group label{margin-bottom:5px}#category,.addstory input[type=text],select,textarea{border:1px solid #ccc;font-size:14px;padding:10px;width:50%}#category{cursor:pointer;width:54%}textarea{height:100px;resize:none}.story-navigation{display:flex;justify-content:space-between;margin-top:20px}.nav-btn{background-color:#2ecc71}.nav-btn,.post-btn{border:none;border-radius:5px;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px}.post-btn{background-color:#e74c3c}.nav-btn-container{display:flex}.nav-btn-container .next{background-color:#3498db;border-radius:20px;margin-left:20px}@media (max-width:600px){.addstory{display:flex;flex-direction:row;width:80%}.slide-selector{flex-direction:column;margin-right:20px}.slide-btn{margin-bottom:10px;width:100%}.story-handler{margin-left:0;width:100%}.input-group{flex-direction:column}.addstory input[type=text],select,textarea{width:90%}.addstory #category{width:100%}.post-btn{width:50%}.nav-btn-container{flex-direction:row;justify-content:space-between}.addstory .close-btn{left:85%}}:root{--radius:8px}.view-story-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.view-story-overlay{background:#000000d9;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.view-story-container{background:#fff;background:var(--surface);border-radius:8px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:90%;max-height:700px;max-width:1000px;overflow:hidden;position:relative;width:90%;z-index:2}.story-header{align-items:center;background:linear-gradient(180deg,#000000b3,#0000);display:flex;justify-content:space-between;padding:1rem 1.5rem;z-index:3}.slide-indicators-container{display:flex;gap:.5rem}.slide-indicator{background-color:#ffffff80;border-radius:2px;cursor:pointer;height:4px;transition:all .3s ease;width:30px}.slide-indicator.active{background-color:#fff;background-color:var(--surface);width:40px}.slide-indicator:hover{background-color:#fffc}.story-controls{display:flex;gap:.5rem}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.control-btn:hover{background:#fff3;transform:scale(1.1)}.control-icon{color:#fff;color:var(--surface);font-size:1.25rem}.close-btn:hover{background:#ef444433}.story-content{flex:1 1;justify-content:space-between;overflow:hidden;position:relative}.nav-arrow,.story-content{align-items:center;display:flex}.nav-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;color:var(--surface);cursor:pointer;font-size:1.5rem;height:50px;justify-content:center;margin:0 1rem;transition:all .3s ease;width:50px;z-index:3}.nav-arrow:hover:not([disabled]){background:#fff3;transform:scale(1.1)}.nav-arrow:disabled{cursor:not-allowed;opacity:.3}.story-image-container{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;position:absolute;top:0;width:100%}.clickable-left-area{left:0}.clickable-left-area,.clickable-right-area{cursor:pointer;height:100%;position:absolute;top:0;width:30%;z-index:4}.clickable-right-area{right:0}.no-image-placeholder{align-items:center;background:#e2e8f0;background:var(--border);color:#64748b;color:var(--text-secondary);display:flex;font-size:1.1rem;height:100%;justify-content:center}.bottom-navigation{background:linear-gradient(0deg,#000000b3,#0000);justify-content:space-between;padding:1rem 1.5rem;z-index:3}.bottom-navigation,.nav-button{align-items:center;display:flex}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--surface);cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.nav-button:hover:not([disabled]){background:#fff3;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.nav-button-icon{font-size:1.25rem}.slide-counter{color:#fff;color:var(--surface);font-size:1rem;font-weight:500}.story-details{background:linear-gradient(0deg,#000c,#0000);padding:1.5rem;z-index:3}.story-text{margin-bottom:1.5rem}.story-text h2{color:#fff;color:var(--surface);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.story-text p{color:#ffffffe6;line-height:1.5}.story-actions{display:flex;gap:1rem}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50px;color:#fff;color:var(--surface);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.action-btn:hover{background:#fff3;transform:translateY(-2px)}.action-btn.active{background:#2563eb;background:var(--primary)}.action-icon{font-size:1.25rem}.bookmark-btn.active{background:#2563eb;background:var(--primary)}.like-btn.active{background:#f43f5e;background:var(--accent)}.download-notification{align-items:center;background:#10b981;background:var(--success);border-radius:50px;color:#fff;display:flex;gap:.5rem}.copy-notification,.download-notification,.notification{animation:slideUp .3s ease;bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);left:50%;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:1001}.copy-notification,.notification{background:#fff;background:var(--surface);border-radius:8px;border-radius:var(--radius);color:#1e293b;color:var(--text-primary)}.notification.error{background:#ef4444;background:var(--error);color:#fff}.notification-icon{margin-right:.5rem}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.view-story-loading{align-items:center;background:#f8fafc;background:var(--background);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1rem;width:50px}@media (max-width:768px){.view-story-container{border-radius:0;height:100%;max-height:100%;width:100%}.story-header{padding:1rem}.nav-arrow{font-size:1.25rem;height:40px;margin:0 .5rem;width:40px}.story-details{padding:1rem}.story-text h2{font-size:1.5rem}.action-btn{font-size:.9rem;padding:.5rem 1rem}.slide-indicator{height:3px;width:20px}.slide-indicator.active{width:30px}.bottom-navigation{padding:.75rem 1rem}.nav-button{padding:.4rem .8rem}.nav-button,.slide-counter{font-size:.9rem}}@media (max-width:480px){.story-actions{flex-direction:column;gap:.5rem}.action-btn{justify-content:center}.story-text h2{font-size:1.25rem}.control-btn{height:35px;width:35px}.control-icon{font-size:1rem}.bottom-navigation{flex-direction:column;gap:.5rem}.nav-button{justify-content:center;width:100%}.slide-counter{order:-1}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#93c5fd;--secondary:#64748b;--accent:#f43f5e;--background:#f8fafc;--surface:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius:12px}.homepage{background-color:#f8fafc;background-color:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;width:100%}.homepage-content{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.section-title{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.section-title:after{background:#2563eb;background:var(--primary);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.categories-container{margin-bottom:3rem;width:100%}.categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);justify-content:center;width:100%}.category-item{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.category-item,.category-item:before{border-radius:36px;transition:all .3s ease}.category-item:before{background:linear-gradient(180deg,#0003,#000000b3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.category-item span{color:#fff;font-size:24px;font-weight:700;position:relative;text-shadow:0 2px 4px #00000080;z-index:2}.category-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.category-item.active{outline:3px solid #2563eb;outline:3px solid var(--primary);outline-offset:3px}.category-item.active:before{background:linear-gradient(180deg,#2563eb4d,#2563ebb3)}.stories-section{margin-bottom:3rem;width:100%}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.create-story-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-story-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-btn{background:#2563eb;background:var(--primary);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.primary-btn:hover{background:#1d4ed8;background:var(--primary-dark)}.see-more-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:30px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:18px;padding:12px 30px;transition:all .3s ease}.see-more-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;width:100%}.story-card{border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;transition:all .3s ease}.story-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.story-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.story-data{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;transition:all .3s ease}.story-card:hover .story-data{background:linear-gradient(#0000,#000000e6)}.story-data h3{font-weight:600;line-height:1.3}.story-data p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;margin:8px 0 0;opacity:.9;overflow:hidden}.no-image{background:#e2e8f0;background:var(--border);color:#64748b;color:var(--text-secondary);font-weight:500}.edit-button{align-items:center;background-color:#fff;background-color:var(--surface);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1e293b;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:5px;justify-content:center;padding:8px 15px;position:absolute;right:15px;top:15px;transition:all .3s ease;z-index:10}.edit-button:hover{background-color:#2563eb;background-color:var(--primary);color:#fff;transform:translateY(-2px)}.edit-button img{height:16px;width:16px}.empty-state{align-items:center;background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:3rem;text-align:center;width:100%}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#64748b;color:var(--text-secondary);margin:0 0 1.5rem}.see-more-container{margin-top:1rem}.loader-container,.see-more-container{display:flex;justify-content:center;width:100%}.loader-container{align-items:center;flex-direction:column;padding:3rem}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-text{color:#64748b;color:var(--text-secondary);font-size:1.25rem;margin:0;text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;padding:3rem;width:100%}.loading-text{color:#64748b;color:var(--text-secondary);font-size:1.25rem;text-align:center;width:100%}@media (max-width:1200px){.stories-grid{gap:1.5rem}.categories,.stories-grid{grid-template-columns:repeat(3,1fr)}.categories{gap:1rem}.category-item{height:180px}}@media (max-width:992px){.homepage-content{padding:1.5rem}.stories-grid{gap:1.5rem}.categories,.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stories-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.section-header{align-items:flex-start;flex-direction:column}.story-card{height:350px}}@media (max-width:600px){.categories,.stories-grid{grid-template-columns:1fr}.category-item{border-radius:24px;height:160px}.section-title{font-size:1.5rem}.section-title:after{width:40px}}.form-container{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center;width:100vw}h3{color:#000;font-size:25px;font-weight:700}.register-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:30px;position:relative;width:25%}.data-field{display:flex;flex-direction:row;justify-content:space-between;padding:10px}.input-group{margin-bottom:20px;position:relative}label{color:#000;font-size:20px;font-weight:700;padding:12px 0}.input-field{border:1px solid #000;box-sizing:border-box;color:#8e8e8e;font-size:14px;padding:12px 16px;width:100%}.show-password-icon{cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.show-password-icon:hover{color:#007bff}.register-button{background-color:#73abff;border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;margin-left:50%;padding:12px 0;transform:translateX(-50%);transition:background-color .3s ease;width:40%}.register-button:hover{background-color:#4688f1}.error-message{color:red;margin-bottom:20px}.exit-img{background-color:#ccc;border-radius:50%;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:30px}@media (max-width:768px){.register-form{padding:20px;width:70%}h3{font-size:22px}label{font-size:18px;text-align:start}.input-field{font-size:16px;padding:10px}.data-field{display:flex;flex-direction:column;padding:10px}.exit-img{height:25px;width:25px}}.your-bookmarks{height:100vh;overflow-x:hidden;padding-bottom:50px;width:100vw}.your-bookmarks h2{color:#000;font-size:30px;font-weight:700;margin:50px}.your-stories{grid-gap:50px 20px;display:grid;gap:50px 20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-columns:repeat(4,1fr);justify-items:center}.story-card{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;height:400px;justify-content:center;margin-bottom:50px;max-width:300px;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.story-card:hover{transform:scale(1.05)}.story-data{background:#0000;padding:10px;text-align:center;width:100%}.story-data h3{color:#fff;font-size:20px;margin:0}.story-data p{font-size:14px;margin:5px 0 0}.no-image{align-items:center;background-color:#0009;color:#fff;display:flex;height:100%;justify-content:center;text-align:center;width:100%}@media (max-width:768px){.story-card{height:350px}.story-data h3{font-size:18px}.story-data p{font-size:12px}}@media (max-width:480px){.your-stories{grid-template-columns:1fr}.story-card{height:500px}.story-data h3{font-size:16px}.story-data p{font-size:12px}}
/*# sourceMappingURL=main.26e11827.css.map*/