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}.chi-stories{background-color:#fafafa;min-height:100vh}.login-btn{border-radius:50px;box-shadow:0 4px 16px #4a90e24d;font-size:.95rem;padding:12px 24px}.login-btn:hover{box-shadow:0 8px 24px #4a90e266;transform:translateY(-2px) scale(1.02)}.page-header{background:linear-gradient(135deg,#4a90e2,#6bb8e8 50%,#87ceeb);color:#fff;padding:120px 0 60px}.page-header-content{margin:0 auto;max-width:800px;padding:0 32px}.page-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-shadow:0 4px 20px #00000026}.page-subtitle{font-size:1.25rem;font-weight:500;margin-bottom:40px;opacity:.9}.stats-bar{display:flex;gap:48px;justify-content:center;margin-top:40px}.stat{text-align:center}.stat-number{display:block;font-size:2rem;margin-bottom:4px}.stat-label{font-weight:500;opacity:.8}.controls-section{background:#fff;border-bottom:1px solid #e9ecef;padding:32px 0;position:-webkit-sticky;position:sticky;top:70px;z-index:100}.controls-top{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.add-story-section{flex-shrink:0}.search-section{max-width:600px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#6c757d;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e9ecef;border-radius:50px;font-size:1rem;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.filters-toggle{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50px;color:#1a1a1a;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.filters-toggle.active,.filters-toggle:hover{background:#4a90e20d;border-color:#4a90e2;color:#4a90e2}.filters-panel{animation:slideDown .3s ease;background:#f8f9fa;border-radius:16px;display:flex;gap:24px;margin-top:16px;padding:24px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.filter-label{color:#495057;font-size:.9rem;font-weight:600}.filter-select{border-radius:12px;font-size:.95rem;padding:12px 16px}.stories-section{padding:40px 0 80px}.results-info{color:#6c757d;font-weight:500;margin-bottom:32px}.results-count{font-size:1rem}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.story-header{gap:12px}.story-badges{align-items:flex-start;gap:6px;margin-bottom:4px}.severity-badge{letter-spacing:.03em}.category-badge,.severity-badge{border-radius:12px;font-size:.7rem;line-height:1;padding:3px 8px}.category-badge{gap:3px}.category-badge svg{height:10px;width:10px}.status-badge{border-radius:12px;font-size:.7rem;line-height:1;padding:3px 8px}.status-badge.open{background:#dc143c1a;border:1px solid #dc143c33;color:#dc143c}.status-badge.in-progress{background:#ff8c001a;border:1px solid #ff8c0033;color:#ff8c00}.status-badge.resolved{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.story-actions{gap:10px;justify-content:flex-end}.story-actions,.story-voting{align-items:center;flex-direction:row;min-width:auto}.story-voting{background:#f8f9facc;border:1px solid #0000000f;border-radius:16px;display:flex;gap:6px;padding:4px 8px;transition:all .3s ease}.story-voting:hover{background:#4a90e20d;border-color:#4a90e233;box-shadow:0 2px 8px #4a90e21a;transform:translateY(-1px)}.story-actions:hover .vote-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#6bb8e8);-webkit-background-clip:text;background-clip:text}.vote-btn{border-radius:8px;height:26px;padding:4px;width:26px}.vote-btn:hover{transform:scale(1.05)}.vote-count{font-size:.9rem;justify-content:center;min-width:28px;padding:0 2px;text-align:center}.bookmark-btn{background:#fff;border:2px solid #e9ecef;border-radius:10px;height:32px;overflow:hidden;padding:6px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:32px}.bookmark-btn:before{background:linear-gradient(90deg,#0000,#4a90e21a,#0000);height:100%;left:-100%;top:0;transition:left .5s ease;width:100%}.bookmark-btn:hover:before{left:100%}.bookmark-btn:hover{background:#4a90e20d;border-color:#4a90e2;box-shadow:0 4px 16px #4a90e233;color:#4a90e2;transform:translateY(-2px) scale(1.05)}.bookmark-btn.saved{background:linear-gradient(135deg,#dc143c1a,#ff47571a);border-color:#dc143c;box-shadow:0 2px 12px #dc143c33;color:#dc143c}.bookmark-btn.saved:hover{background:linear-gradient(135deg,#dc143c26,#ff475726);border-color:#dc143c;box-shadow:0 6px 20px #dc143c4d;color:#dc143c;transform:translateY(-2px) scale(1.05)}.bookmark-btn.saved svg{animation:bookmarkSave .6s ease}@keyframes bookmarkSave{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.story-content{flex:1 1}.story-title{cursor:pointer;font-size:1.375rem;margin-bottom:16px}.story-title:hover{color:#dc143c}.story-text{color:#495057;font-size:1rem;line-height:1.6}.story-details,.story-text{margin-bottom:20px}.story-meta{align-items:center;border-top:1px solid #f1f3f4;color:#6c757d;font-size:.9rem;justify-content:space-between;padding-top:16px}.story-time{align-items:center;display:flex;font-weight:500;gap:6px}.story-stats{gap:16px}.comment-count{cursor:pointer;transition:color .3s ease}.comment-count:hover{color:#dc143c}.view-count{color:#6c757d;font-size:.9rem;font-weight:500}.no-results{color:#6c757d;padding:80px 32px;text-align:center}.no-results svg{color:#dc143c;margin-bottom:24px}.no-results h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.refresh-btn{background:#fff;border:2px solid #e9ecef;border-radius:50px;color:#6c757d;height:48px;min-width:48px;padding:14px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#4a90e20d;border-color:#4a90e2;color:#4a90e2}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.reset-filters-btn{background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.reset-filters-btn:hover{box-shadow:0 4px 12px #dc143c4d;transform:translateY(-1px)}.loading-state{color:#6c757d;padding:80px 32px;text-align:center}.loading-state svg{color:#4a90e2;margin-bottom:24px}.loading-state h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.loading-state p{font-size:1rem;opacity:.8}.error-state{color:#6c757d;padding:80px 32px;text-align:center}.error-state svg{color:#dc143c;margin-bottom:24px}.error-state h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.error-state p{font-size:1rem;margin-bottom:24px;opacity:.8}.retry-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 8px 24px #4a90e266;transform:translateY(-2px)}.reset-button{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .3s ease}.reset-button:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px)}.my-story-badge{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border:1px solid #fffc;border-radius:12px;box-shadow:0 1px 4px #4a90e24d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;line-height:1;padding:3px 8px;text-transform:uppercase}.story-card.my-story{background:linear-gradient(145deg,#fff,#f8faff);border:2px solid #4a90e2;box-shadow:0 8px 32px #4a90e226,0 4px 16px #4a90e21a}.story-card.my-story:before{background:linear-gradient(90deg,#4a90e2,#6bb8e8);transform:translateX(0)}.story-card.my-story:hover{box-shadow:0 20px 60px #4a90e233,0 8px 32px #4a90e226;transform:translateY(-6px)}.story-author{background:#4a90e21a;border-radius:12px;font-size:.85rem;gap:6px;margin-top:8px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.author-label{color:#6c757d;font-weight:500}.author-name{color:#4a90e2;font-weight:600}.story-card.my-story .author-name{color:#dc143c;font-weight:700}.status-badge.under-review{background:#ffc1071a;border:1px solid #ffc10733;color:#ff9800}.featured-badge{background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 1px 4px #ffd7004d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;line-height:1;padding:3px 8px;text-transform:uppercase}.pagination{gap:24px;margin-top:48px;padding:32px}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#fff;border:2px solid #e9ecef;border-radius:50px;color:#1a1a1a;cursor:pointer;font-weight:600;gap:8px;min-width:120px;padding:12px 24px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#4a90e20d;border-color:#4a90e2;color:#4a90e2;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination-info{background:#4a90e21a;border-radius:50px;color:#4a90e2;font-weight:600;min-width:140px;padding:12px 24px;text-align:center}.story-card:hover .story-title{color:#dc143c}.story-card:hover .vote-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#6bb8e8);-webkit-background-clip:text;background-clip:text}.story-card.anonymous:after{background:#6c757dcc;border-radius:12px;color:#fff;content:"Anonymous";font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.story-skeleton{animation:pulse 1.5s ease-in-out infinite alternate;background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:32px}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);border-radius:8px;height:16px;margin-bottom:12px}.skeleton-line.title{height:24px;width:80%}.skeleton-line.content{width:100%}.skeleton-line.meta{height:12px;width:60%}.story-card.saved-story{background:linear-gradient(145deg,#fff,#fef9f9);border-left:4px solid #dc143c}.story-card.saved-story:before{background:linear-gradient(90deg,#dc143c,#ff4757);transform:translateX(0)}.story-card.my-story.saved-story{background:linear-gradient(145deg,#fff,#f8faff,#fef9f9);border:2px solid #4a90e2;border-left:4px solid #dc143c;box-shadow:0 8px 32px #4a90e226,0 4px 16px #dc143c1a}.bookmark-btn[title]:hover:after{animation:tooltipFadeIn .3s ease forwards;background:#000c;border-radius:6px;bottom:-40px;color:#fff;content:attr(title);font-size:.8rem;left:50%;opacity:0;padding:6px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes tooltipFadeIn{to{opacity:1}}.saved-story-badge{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:12px;box-shadow:0 1px 4px #dc143c4d;color:#fff;display:flex;font-size:.7rem;font-weight:700;gap:3px;letter-spacing:.03em;line-height:1;padding:3px 8px;text-transform:uppercase}.saved-story-badge svg{height:10px;width:10px}.story-badges .saved-story-badge{order:-1}@media (max-width:768px){.container,.header-container{padding:0 20px}.mobile-menu-btn{display:block}.header-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000000f;flex-direction:column;gap:24px;left:0;opacity:0;padding:24px 20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden}.header-nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-links{flex-direction:column;gap:16px;width:100%}.nav-link{border-radius:12px;padding:12px 20px;text-align:center;width:100%}.auth-section,.login-btn{justify-content:center;width:100%}.login-btn{max-width:280px;padding:16px 24px}.page-header{padding:100px 0 40px}.page-header-content{padding:0 20px}.stats-bar{gap:24px}.controls-top{flex-direction:column;gap:16px}.search-section{max-width:none;width:100%}.filters-panel{flex-direction:column;gap:16px}.stories-grid{gap:20px;grid-template-columns:1fr}.story-card{padding:24px}.story-header{flex-direction:column;gap:16px}.story-actions{gap:8px;justify-content:center}.story-voting{gap:4px;padding:3px 6px}.vote-btn{height:24px;padding:3px;width:24px}.vote-count{font-size:.8rem;min-width:24px}.bookmark-btn{height:28px;padding:5px;width:28px}.story-badges{gap:4px;justify-content:flex-start}.category-badge,.featured-badge,.my-story-badge,.saved-story-badge,.severity-badge,.status-badge{font-size:.65rem;padding:2px 6px}.story-meta{align-items:flex-start;flex-direction:column;gap:12px}.pagination{flex-direction:column;gap:16px}.pagination-btn,.pagination-info{max-width:200px;width:100%}}@media (max-width:480px){.header-container{height:60px;padding:0 16px}.header-flag{height:28px}.header-title{font-size:1.25rem}.page-header{padding:80px 0 30px}.header-nav{padding:20px 16px;top:60px}.controls-section{top:60px}.page-title{font-size:2rem}.stats-bar{flex-direction:column;gap:16px}.add-story-btn{width:100%}.add-story-btn,.story-badges{justify-content:center}.story-title{font-size:1.25rem}.controls-top,.search-section{flex-direction:column;gap:12px}.search-input-wrapper,.search-section{width:100%}.filters-toggle,.refresh-btn{justify-content:center;width:100%}.filters-panel{grid-template-columns:1fr}.story-meta{align-items:flex-start;flex-direction:column;gap:8px}.story-stats{display:flex;justify-content:space-between;width:100%}.story-header{align-items:stretch;flex-direction:column;gap:12px}.story-actions{align-self:center;gap:16px;justify-content:center}.story-voting{background:#f8f9fae6;border:1px solid #0000001a}}.bookmark-filter-section{flex-shrink:0}.bookmark-filter-toggle{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50px;color:#1a1a1a;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 24px;transition:all .3s ease}.bookmark-filter-toggle:hover{background:#dc143c0d;border-color:#dc143c;color:#dc143c;transform:translateY(-1px)}.bookmark-filter-toggle.active{background:linear-gradient(135deg,#dc143c,#ff4757);border-color:#dc143c;box-shadow:0 4px 16px #dc143c4d;color:#fff}.bookmark-filter-toggle.active:hover{background:linear-gradient(135deg,#ff4757,#dc143c);box-shadow:0 6px 20px #dc143c66;transform:translateY(-2px)}.bookmark-filter-indicator{align-items:center;background:#dc143c1a;border:1px solid #dc143c33;border-radius:20px;color:#dc143c;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;margin-left:16px;padding:8px 16px}.search-section{align-items:center;display:flex;flex:1 1;gap:16px;max-width:800px}@media (max-width:768px){.bookmark-filter-section{margin-bottom:12px;width:100%}.bookmark-filter-toggle{justify-content:center;width:100%}.bookmark-filter-indicator{justify-content:center;margin-left:0;margin-top:8px}.search-section{flex-direction:column;gap:12px;max-width:none;width:100%}}@media (max-width:480px){.bookmark-filter-indicator{font-size:.8rem;padding:6px 12px}}.new-story-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden;z-index:2000}.new-story-modal-overlay.modal-open{opacity:1;visibility:visible}.new-story-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 32px 120px #00000026,0 16px 60px #0000001a,inset 0 1px 0 #ffffffe6;max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform:scale(.9) translateY(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.new-story-modal-overlay.modal-open .new-story-modal{transform:scale(1) translateY(0)}.new-story-modal.success-state{box-shadow:0 40px 140px #28a74533,0 20px 80px #28a7451a,inset 0 1px 0 #ffffffe6;transform:scale(1.02)}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#4a90e205,#dc143c05);border-bottom:1px solid #0000000f;display:flex;gap:20px;justify-content:space-between;padding:32px 32px 24px}.modal-title-section{flex:1 1}.chicago-stars-mini{align-items:center;display:flex;gap:6px;margin-bottom:8px;opacity:.6}.modal-header h2{color:#1a1a1a;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px}.modal-header p{color:#6c757d;font-size:.95rem;font-weight:500;line-height:1.4;margin:0}.modal-close-btn{background:#0000000a;border:1px solid #0000000f;height:36px;width:36px}.modal-close-btn:hover{background:#dc143c14;transform:scale(1.05)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.progress-indicator{background:#f8fafc99;border-bottom:1px solid #0000000a;padding:24px 32px}.progress-steps{gap:24px;justify-content:center}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:8px;transition:all .3s ease}.step-circle{align-items:center;background:#0000000f;border:2px solid #0000001a;border-radius:50%;color:#6c757d;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:32px}.progress-step.active .step-circle{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-color:#0000;box-shadow:0 4px 16px #4a90e24d;color:#fff}.progress-step.completed .step-circle{background:linear-gradient(135deg,#28a745,#20c997);border-color:#0000;box-shadow:0 4px 16px #28a7454d;color:#fff}.progress-step span{color:#6c757d;font-size:.8rem;font-weight:600;text-align:center;transition:color .3s ease}.progress-step.active span,.progress-step.completed span{color:#1a1a1a}.progress-line{background:linear-gradient(90deg,#4a90e233,#4a90e299 50%,#4a90e233);border-radius:1px;height:2px;width:60px}.success-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:60px 32px;text-align:center}.success-icon{animation:successBounce .8s cubic-bezier(.25,.46,.45,.94);color:#28a745}.success-content h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.success-content p{color:#6c757d;font-size:1rem;line-height:1.5;margin:0;max-width:400px}@keyframes successBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:.8;transform:scale(1.1) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.modal-content{max-height:50vh;overflow-y:auto;padding:0 32px;scrollbar-color:#4a90e24d #0000;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#4a90e24d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#4a90e280}.form-step{animation:stepSlideIn .4s cubic-bezier(.25,.46,.45,.94);padding:24px 0}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.form-group{margin-bottom:28px}.form-group:last-child{margin-bottom:0}.form-label{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:8px}.required{color:#dc143c;font-weight:700;margin-left:2px}.optional{color:#6c757d;font-size:.85rem;font-weight:400;margin-left:8px}.form-input,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #00000014;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:500;line-height:1.5;padding:14px 16px;resize:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.form-input:focus,.form-textarea:focus{background:#fffffff2;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e214,0 4px 16px #4a90e21a;outline:none;transform:translateY(-1px)}.form-input.error,.form-textarea.error{border-color:#dc143c;box-shadow:0 0 0 4px #dc143c14,0 4px 16px #dc143c1a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-weight:400}.input-meta{align-items:center;display:flex;justify-content:space-between;margin-top:6px;min-height:18px}.char-count{color:#9ca3af;font-size:.8rem;font-weight:500}.error-text{color:#dc143c;font-size:.8rem;font-weight:600;gap:4px}.error-text,.location-input{align-items:center;display:flex}.location-input{position:relative}.location-input svg{color:#6c757d;left:14px;pointer-events:none;position:absolute;z-index:1}.location-input input{padding-left:44px}.checkbox-label{align-items:flex-start;background:#f8fafc99;border:2px solid #0000000f;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.checkbox-label:hover{background:#4a90e205;border-color:#4a90e233}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{background:#fff;border:2px solid #0003;border-radius:6px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-color:#0000;transform:scale(1.05)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-title{color:#1a1a1a;font-size:.95rem;font-weight:600}.checkbox-description{color:#6c757d;font-size:.85rem;font-weight:500}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.category-option{align-items:center;background:#fffc;border:2px solid #0000000f;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.category-option:hover{background:#4a90e20a;border-color:#4a90e24d;box-shadow:0 4px 16px #4a90e21a;transform:translateY(-2px)}.category-option.selected{background:linear-gradient(135deg,#4a90e214,#6bb8e814);border-color:#4a90e2;box-shadow:0 4px 16px #4a90e226;transform:translateY(-2px)}.category-icon{font-size:1.5rem;line-height:1}.category-label{color:#1a1a1a;font-size:.85rem;font-weight:600;line-height:1.2}.severity-options{display:flex;flex-direction:column;gap:12px}.severity-option{align-items:flex-start;background:#fffc;border:2px solid #0000000f;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.severity-option:hover{background:#4a90e20a;border-color:#4a90e24d;box-shadow:0 4px 16px #4a90e21a;transform:translateX(4px)}.severity-option.selected{background:linear-gradient(135deg,#4a90e214,#6bb8e814);border-color:#4a90e2;box-shadow:0 4px 16px #4a90e226;transform:translateX(4px)}.severity-header{align-items:center;display:flex;gap:10px}.severity-icon{font-size:1.2rem;line-height:1}.severity-label{color:#1a1a1a;font-size:.95rem;font-weight:600}.severity-description{color:#6c757d;font-size:.85rem;font-weight:500;line-height:1.3}.image-upload-section{display:flex;flex-direction:column;gap:16px}.uploaded-images{display:flex;flex-wrap:wrap;gap:12px}.uploaded-image{background:#f8f9fa;border:2px solid #0000000f;border-radius:12px;height:80px;overflow:hidden;position:relative;width:80px}.uploaded-image img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#dc143ce6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .3s ease;width:20px}.remove-image:hover{background:#dc143c;transform:scale(1.1)}.image-upload-btn{align-items:center;background:#4a90e205;border:2px dashed #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:8px;padding:24px;transition:all .3s ease}.image-upload-btn:hover{background:#4a90e20a;border-color:#4a90e280;transform:translateY(-2px)}.modal-footer{background:#f8fafc66;border-top:1px solid #0000000a;padding:24px 32px 32px}.footer-actions{display:flex;gap:16px;justify-content:space-between}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.01em;min-width:120px;padding:14px 24px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.btn-primary{box-shadow:0 4px 16px #dc143c40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b91c3c,#dc143c);box-shadow:0 8px 24px #dc143c59;transform:translateY(-2px) scale(1.02)}.btn-primary:disabled{box-shadow:0 4px 16px #dc143c26}.btn-secondary{background:#4a90e214}.btn-secondary:hover:not(:disabled){background:#4a90e21f;border-color:#4a90e24d;box-shadow:0 4px 16px #4a90e233;transform:translateY(-2px) scale(1.02)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.new-story-modal-overlay{align-items:flex-end;padding:16px}.new-story-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.modal-header{flex-direction:column;gap:16px;padding:24px 20px 20px;text-align:center}.modal-close-btn{position:absolute;right:16px;top:16px}.modal-header h2{font-size:1.5rem}.progress-indicator{padding:20px}.progress-steps{gap:16px}.step-circle{font-size:.8rem;height:28px;width:28px}.progress-step span{font-size:.75rem}.progress-line{width:40px}.modal-content{max-height:60vh;padding:0 20px}.form-step{padding:20px 0}.form-group{margin-bottom:24px}.category-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.category-option{padding:12px 8px}.category-icon{font-size:1.2rem}.category-label{font-size:.8rem}.severity-options{gap:10px}.severity-option{padding:12px}.modal-footer{padding:20px}.footer-actions{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{font-size:1rem;padding:16px 20px;width:100%}.success-content{padding:40px 20px}.success-content h3{font-size:1.25rem}}@media (max-width:480px){.new-story-modal-overlay{align-items:flex-end;padding:0}.new-story-modal{border-radius:16px 16px 0 0;max-height:98vh}.modal-header{padding:20px 16px 16px}.modal-header h2{font-size:1.25rem}.modal-content{padding:0 16px}.modal-footer,.progress-indicator{padding:16px}.category-grid{grid-template-columns:1fr}.uploaded-images{justify-content:center}}.char-count.valid{color:#28a745;font-weight:600}.char-count.partial{color:#ff8c00;font-weight:600}.input-meta .char-count{transition:color .3s ease}.btn-helper{bottom:-24px;color:#dc143c;font-size:.75rem;font-weight:500;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.btn-primary:disabled .btn-helper{opacity:1}.footer-actions{padding-bottom:28px;position:relative}.form-input.partial-valid,.form-textarea.partial-valid{border-color:#ff8c00;box-shadow:0 0 0 4px #ff8c0014,0 4px 16px #ff8c001a}.form-input.valid,.form-textarea.valid{border-color:#28a745;box-shadow:0 0 0 4px #28a74514,0 4px 16px #28a7451a}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:90px;z-index:3000}.toast{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 16px 40px #0000001f,0 8px 24px #00000014,inset 0 1px 0 #ffffffe6;display:flex;gap:12px;justify-content:space-between;max-width:400px;min-width:320px;opacity:0;padding:16px 20px;pointer-events:all;transform:translateX(100%) scale(.9);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.toast.toast-visible{opacity:1;transform:translateX(0) scale(1)}.toast.toast-leaving{opacity:0;transform:translateX(100%) scale(.9)}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc143c}.toast-info{border-left:4px solid #4a90e2}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc143c}.toast-info .toast-icon{color:#4a90e2}.toast-message{color:#1a1a1a;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;flex-shrink:0;padding:4px;transition:all .3s ease}.toast-close:hover{background:#0000000d;color:#1a1a1a}@media (max-width:768px){.toast-container{left:16px;right:16px;top:80px}.toast{max-width:none;min-width:auto;padding:14px 16px}.toast-message{font-size:.85rem}}@media (max-width:480px){.toast-container{left:12px;right:12px;top:70px}.toast{padding:12px 14px}}.session-warning-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff8c00,orange);box-shadow:0 2px 8px #0000001a;color:#fff;font-size:.9rem;font-weight:600;left:0;padding:8px 0;position:fixed;right:0;text-align:center;top:0;z-index:1001}.session-warning-content{align-items:center;display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.extend-session-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:8px;padding:4px 12px;transition:all .3s ease}.extend-session-btn:hover{background:#ffffff4d;transform:scale(1.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000000f;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.with-warning{top:40px}.header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}.header-container,.header-logo{align-items:center;display:flex}.header-logo{cursor:pointer;gap:12px;text-decoration:none;transition:transform .3s ease}.header-logo:hover{transform:scale(1.02)}.header-flag{border-radius:6px;box-shadow:0 2px 8px #00000026;height:32px;transition:transform .3s ease;width:auto}.header-flag:hover{transform:scale(1.05)}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc143c,#ff4757);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.header-nav{gap:40px}.header-nav,.nav-links{align-items:center;display:flex}.nav-links{gap:32px}.nav-link{border-radius:8px;color:#1a1a1a;font-size:1rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#dc143c0d;color:#dc143c}.nav-link:after{background:linear-gradient(90deg,#dc143c,#ff4757);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.auth-section{gap:12px}.login-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border:none;border-radius:25px;box-shadow:0 3px 12px #4a90e240;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:45px;letter-spacing:-.01em;padding:10px 20px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.login-btn:hover{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 6px 20px #4a90e259;transform:translateY(-1px) scale(1.02)}.notification-btn{align-items:center;background:#4a90e214;border:1px solid #4a90e226;border-radius:50%;color:#4a90e2;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px}.notification-btn:hover{background:#4a90e21f;border-color:#4a90e240;transform:scale(1.05)}.notification-dot{animation:pulse 2s ease-in-out infinite;background:#dc143c;border:1.5px solid #fff;border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.user-menu-trigger{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f8fafce6;border:1px solid #4a90e214;border-radius:25px;box-shadow:0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;cursor:pointer;display:flex;gap:8px;height:38px;max-width:180px;min-width:140px;padding:5px 10px 5px 5px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.user-menu-trigger:hover{background:#fffffff2;border-color:#4a90e226;box-shadow:0 4px 16px #4a90e214,inset 0 1px 0 #fff;transform:translateY(-1px)}.user-menu-trigger:hover .user-avatar{box-shadow:0 4px 16px #4a90e240,inset 0 2px 4px #ffffff4d;transform:scale(1.05)}.user-menu-trigger:active{box-shadow:0 2px 8px #4a90e20f,inset 0 1px 0 #ffffffe6;transform:translateY(0)}.user-avatar{background:linear-gradient(135deg,#4a90e2,#6bb8e8 50%,#87ceeb);border:1.5px solid #fffffff2;box-shadow:0 2px 8px #4a90e226,inset 0 1px 2px #ffffff40;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;letter-spacing:-.02em;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:28px}.user-avatar:before{background:linear-gradient(135deg,#fff3,#0000 30%,#0000 70%,#0000000d);border-radius:inherit;inset:0}.user-avatar:after,.user-avatar:before{content:"";pointer-events:none;position:absolute}.user-avatar:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:50% 50% 100% 100%/100% 100% 50% 50%;height:40%;left:2px;opacity:.7;right:2px;top:2px}.user-avatar img{border-radius:inherit;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.user-avatar:hover img{transform:scale(1.05)}.user-menu-trigger[aria-expanded=true] .user-avatar{background:linear-gradient(135deg,#dc143c,#ff4757 50%,#ff6b7d);box-shadow:0 4px 16px #dc143c40,inset 0 2px 4px #ffffff4d;transform:scale(1.02)}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.user-name{color:#1a1a1a;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap;width:100%}.user-menu-trigger:hover .user-name{color:#4a90e2}.user-status{align-items:center;color:#28a745;display:flex;font-size:.75rem;font-weight:500;gap:4px;line-height:1;transition:all .3s ease}.user-status:before{animation:statusPulse 2s ease-in-out infinite;background:#28a745;border-radius:50%;box-shadow:0 0 4px #28a74580;content:"";height:4px;width:4px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.chevron{color:#6c757d;flex-shrink:0;opacity:.7;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.user-menu-trigger:hover .chevron{color:#4a90e2;opacity:1}.chevron.rotated{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 60px #0000001f,0 8px 32px #0000000f,inset 0 1px 0 #ffffffe6;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1002}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{background:linear-gradient(135deg,#4a90e208,#6bb8e808);border-bottom:1px solid #0000000a;padding:20px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8 50%,#87ceeb);border:3px solid #fff;border-radius:50%;box-shadow:0 6px 24px #4a90e226,inset 0 2px 4px #ffffff40;color:#fff;display:flex;font-size:1.15rem;font-weight:700;height:60px;justify-content:center;letter-spacing:-.02em;margin:0 auto 12px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.user-avatar-large:before{background:linear-gradient(135deg,#ffffff40,#0000 30%,#0000 70%,#0000000d);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.user-avatar-large:after{background:linear-gradient(180deg,#ffffff59,#0000);border-radius:50% 50% 100% 100%/100% 100% 50% 50%;content:"";height:45%;left:3px;opacity:.8;pointer-events:none;position:absolute;right:3px;top:3px}.user-avatar-large img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.user-avatar-large:hover{box-shadow:0 8px 32px #4a90e233,inset 0 2px 4px #ffffff4d;transform:scale(1.02)}.user-details{text-align:center}.user-details h4{color:#1a1a1a;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:2px}.user-details p{color:#6c757d;font-size:.85rem;margin-bottom:8px}.verified-badge{background:#28a74514;border:1px solid #28a7451a;border-radius:10px;color:#28a745}.unverified-badge,.verified-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:3px 10px}.unverified-badge{background:#ff8c0014;border:1px solid #ff8c001a;border-radius:10px;color:#ff8c00}.user-dropdown-section{border-bottom:1px solid #00000008;padding:12px 0}.user-dropdown-section:last-child{border-bottom:none}.dropdown-item{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 20px;text-align:left;transition:all .3s ease;width:100%}.dropdown-item:hover{background:#4a90e20a;color:#4a90e2;transform:translateX(3px)}.dropdown-item svg{color:#6c757d;height:18px;transition:color .3s ease;width:18px}.dropdown-item:hover svg{color:#4a90e2}.user-dropdown-footer{background:#f8f9fa99;padding:12px 0 8px}.logout-item{color:#dc143c}.logout-item:hover{background:#dc143c0a;color:#dc143c}.logout-item:hover svg{color:#dc143c}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.mobile-menu-btn:hover{background:#0000000d}@media (max-width:768px){.session-warning-banner{font-size:.8rem;padding:6px 0}.session-warning-content{flex-direction:column;gap:4px}.extend-session-btn{margin-left:0;margin-top:4px}.header-container{padding:0 20px}.mobile-menu-btn{display:block}.header-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000000f;flex-direction:column;gap:24px;left:0;opacity:0;padding:24px 20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden}.header-nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-links{flex-direction:column;gap:16px;width:100%}.nav-link{border-radius:12px;padding:12px 20px;text-align:center;width:100%}.auth-section,.login-btn{justify-content:center;width:100%}.login-btn{height:50px;max-width:280px;padding:14px 20px}.user-menu-trigger{height:42px;justify-content:center;max-width:300px;min-width:auto;padding:6px 14px 6px 6px;width:100%}.user-avatar{font-size:.75rem;height:32px;width:32px}.user-dropdown{bottom:20px;left:20px;min-width:auto;position:fixed;right:20px;top:auto}.notification-btn{height:36px;width:36px}}@media (max-width:480px){.header-container{height:60px;padding:0 16px}.header-flag{height:28px}.header-title{font-size:1.25rem}.header-nav{padding:20px 16px;top:60px}.user-dropdown{bottom:10px;left:10px;right:10px}.user-dropdown-header{padding:16px}.user-avatar-large{font-size:1rem;height:52px;width:52px}.user-menu-trigger{height:38px}.user-avatar{font-size:.7rem;height:28px;width:28px}}.new-story-btn{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:1px solid #fff3;border-radius:25px;box-shadow:0 3px 12px #dc143c40;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:40px;letter-spacing:-.01em;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.new-story-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.new-story-btn:hover:before{left:100%}.new-story-btn:hover{background:linear-gradient(135deg,#b91c3c,#dc143c);box-shadow:0 6px 20px #dc143c59,0 2px 8px #dc143c33;transform:translateY(-1px) scale(1.02)}.new-story-btn:active{box-shadow:0 3px 12px #dc143c4d;transform:translateY(0) scale(1)}.new-story-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .3s ease}.new-story-btn:hover svg{transform:rotate(90deg) scale(1.1)}.auth-section{gap:16px}.auth-section,.user-menu-container{align-items:center;display:flex;height:100%}.user-menu-container{gap:10px;position:relative}.user-menu-container:before{background:linear-gradient(180deg,#0000,#0000001a,#0000);content:"";height:24px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:1px}@media (max-width:768px){.auth-section{flex-direction:column;gap:16px;width:100%}.new-story-btn{font-size:1rem;height:48px;justify-content:center;max-width:280px;order:1;padding:14px 20px;width:100%}.user-menu-container{justify-content:center;max-width:300px;order:2;width:100%}.user-menu-container:before{display:none}.user-menu-trigger{width:100%}}@media (max-width:480px){.new-story-btn{font-size:.95rem;height:44px;padding:12px 18px}.new-story-btn span{display:block}}.story-count-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;line-height:1.2;margin-left:4px;min-width:16px;padding:2px 6px;text-align:center}.chi-footer{margin-top:auto;position:relative}.back-to-top{align-items:center;animation:slideInUp .5s ease-out forwards;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:50%;bottom:32px;box-shadow:0 8px 32px #dc143c4d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;opacity:0;position:fixed;right:32px;transform:translateY(20px) scale(.8);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:56px;z-index:1000}.back-to-top:hover{box-shadow:0 16px 48px #dc143c66;transform:translateY(-3px) scale(1.1)}@keyframes slideInUp{to{opacity:1;transform:translateY(0) scale(1)}}.footer-newsletter{background:linear-gradient(135deg,#4a90e2,#6bb8e8);overflow:hidden;padding:80px 0;position:relative}.footer-newsletter:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30 60 0v30z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.newsletter-content{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;position:relative;z-index:2}.newsletter-header{align-items:center;display:flex;flex:1 1;gap:24px;min-width:300px}.newsletter-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.newsletter-text h3{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.newsletter-text p{color:#ffffffe6;font-size:1.0625rem;line-height:1.6}.newsletter-form{flex:1 1;max-width:450px}.newsletter-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;padding:6px}.newsletter-input input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:16px 20px}.newsletter-input input::placeholder{color:#6c757d}.newsletter-input button{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.newsletter-input button:hover:not(:disabled){box-shadow:0 4px 16px #dc143c4d;transform:scale(1.02)}.newsletter-input button:disabled{background:linear-gradient(135deg,#28a745,#20c997);cursor:not-allowed}.subscription-success{align-items:center;color:#fffffff2;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-top:12px}.footer-main{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);color:#fff;overflow:hidden;padding:100px 0 60px;position:relative}.footer-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.footer-main .chicago-stars{display:flex;gap:80px;opacity:.05;position:absolute;right:10%;top:30%;z-index:1}.footer-main .star{animation:float 12s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(220,20,60,.2));height:100px;width:100px}.footer-main .star1{animation-delay:0s}.footer-main .star2{animation-delay:4s}.footer-main .star3{animation-delay:8s}.footer-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin-bottom:60px;position:relative;z-index:2}.brand-section{max-width:320px}.footer-logo{align-items:center;display:flex;gap:16px;margin-bottom:24px;text-decoration:none;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.02)}.footer-flag{border-radius:8px;box-shadow:0 4px 16px #0003;height:40px;transition:transform .3s ease;width:auto}.footer-flag:hover{transform:scale(1.05)}.footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc143c,#ff4757);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.footer-tagline{color:#adb5bd;font-size:1.0625rem;line-height:1.6;margin-bottom:20px}.footer-location{align-items:center;color:#6c757d;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-bottom:24px}.community-stats{display:flex;flex-direction:column;gap:12px}.stat{align-items:center;color:#adb5bd;display:flex;font-size:.9375rem;font-weight:500;gap:10px}.stat svg{color:#4a90e2}.footer-section h4{margin-bottom:24px;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#dc143c,#ff4757);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:32px}.footer-links{display:flex;flex-direction:column;gap:16px;list-style:none}.footer-links li a{align-items:center;color:#adb5bd;display:flex;font-size:.9375rem;font-weight:500;gap:8px;padding:4px 0;text-decoration:none;transition:all .3s ease}.footer-links li a:hover{color:#dc143c;transform:translateX(4px)}.contact-section{max-width:280px}.contact-info{margin-bottom:32px}.contact-item{align-items:center;color:#adb5bd;display:flex;font-size:.9375rem;font-weight:500;gap:12px;margin-bottom:16px}.contact-item svg{color:#4a90e2;flex-shrink:0}.contact-item a{color:#adb5bd;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#dc143c}.social-links{display:flex;gap:16px}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#adb5bd;display:flex;height:48px;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:48px}.social-link:hover{background:#dc143c1a;border-color:#dc143c;box-shadow:0 8px 24px #dc143c33;color:#dc143c;transform:translateY(-4px) scale(1.05)}.footer-bottom{background:#0000004d;border-top:1px solid #ffffff1a;padding:32px 0;position:relative;z-index:2}.footer-bottom-content{gap:32px;justify-content:space-between}.footer-bottom-content,.footer-left{align-items:center;display:flex;flex-wrap:wrap}.footer-left{color:#adb5bd;font-size:.9375rem;gap:16px}.separator{color:#6c757d;font-weight:300}.footer-commitment,.footer-right{align-items:center;display:flex}.footer-commitment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#adb5bd;font-size:.9375rem;font-weight:500;gap:10px;padding:12px 20px}.footer-commitment svg{color:#4a90e2}@media (max-width:1024px){.footer-grid{gap:48px;grid-template-columns:1fr 1fr 1fr}.brand-section{grid-column:1/-1;margin-bottom:20px;max-width:none}.contact-section{grid-column:1/-1;margin-top:20px;max-width:none}}@media (max-width:768px){.back-to-top{bottom:24px;height:48px;right:24px;width:48px}.footer-newsletter{padding:60px 0}.newsletter-content{flex-direction:column;gap:32px;text-align:center}.newsletter-header{flex-direction:column;min-width:auto}.newsletter-text h3{font-size:1.5rem}.newsletter-form{max-width:none;width:100%}.newsletter-input{flex-direction:column;gap:12px;padding:16px}.newsletter-input button{justify-content:center}.footer-main{padding:80px 0 40px}.footer-grid{gap:40px;grid-template-columns:1fr 1fr}.brand-section,.contact-section{grid-column:1/-1;text-align:center}.community-stats,.social-links{justify-content:center}.community-stats{flex-direction:row;gap:24px}.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}.footer-left{justify-content:center}.chicago-stars{display:none}}@media (max-width:480px){.footer-newsletter{padding:40px 0}.newsletter-icon{height:60px;width:60px}.newsletter-text h3{font-size:1.25rem}.newsletter-text p{font-size:1rem}.footer-main{padding:60px 0 32px}.footer-grid{gap:32px;grid-template-columns:1fr}.footer-brand{font-size:1.5rem}.footer-flag{height:32px}.community-stats{flex-direction:column;gap:12px}.social-links{gap:12px}.social-link{height:44px;width:44px}.footer-bottom{padding:24px 0}.footer-left{flex-direction:column;gap:8px}.separator{display:none}}.chi-about{background-color:#fafafa;min-height:100vh}.about-hero{background:linear-gradient(135deg,#4a90e2,#6bb8e8 50%,#87ceeb);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative;text-align:center}.about-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' x='0' y='0' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='rgba(220,20,60,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.about-hero-content{margin:0 auto;max-width:800px;padding:0 32px;position:relative;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;display:inline-flex;gap:12px;margin-bottom:32px;padding:12px 24px}.hero-flag{border-radius:4px;height:24px;width:auto}.hero-badge span{font-size:.95rem;font-weight:600}.about-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;text-shadow:0 4px 20px #00000026}.about-hero-subtitle{font-size:1.5rem;font-weight:500;line-height:1.4;margin-bottom:48px;opacity:.9}.hero-stats{display:flex;gap:48px;justify-content:center;margin-top:48px}.hero-stat{text-align:center}.hero-stat .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dc143c,#ff6b6b);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:800;margin-bottom:8px}.hero-stat .stat-label{font-size:1rem;font-weight:500;opacity:.8}.problem-section{background:#fff;padding:120px 0}.problem-content{margin:0 auto;max-width:800px;text-align:center}.section-title{font-size:2.5rem;margin-bottom:48px}.problem-scenarios{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:48px 0}.scenario{align-items:flex-start;background:#f8f9fa;border-radius:16px;display:flex;gap:16px;padding:24px;text-align:left}.scenario-icon{color:#dc143c;flex-shrink:0;margin-top:4px}.scenario p{color:#2c2c2c;font-size:1.1rem;line-height:1.6;margin:0}.problem-conclusion{color:#2c2c2c;font-size:1.25rem;line-height:1.7;margin:48px 0 24px}.problem-conclusion strong{color:#dc143c}.problem-challenge{color:#1a1a1a;font-size:1.375rem;font-weight:600;margin:32px 0}.solution-section{background:linear-gradient(135deg,#fafafa,#f1f3f4);padding:120px 0}.solution-content{text-align:center}.beliefs-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:64px}.belief-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f;padding:40px 32px;text-align:center;transition:all .3s ease}.belief-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.belief-icon{background:#4a90e21a;border-radius:12px;color:#4a90e2;height:48px;margin:0 auto 24px;padding:12px;width:48px}.belief-card h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:16px}.belief-card p{color:#495057;font-size:1.0625rem;line-height:1.6}.how-it-works{background:#fff;padding:120px 0}.steps-container{margin:64px auto 0;max-width:900px}.step{align-items:flex-start;display:flex;gap:32px;margin-bottom:48px}.step:last-child{margin-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:64px;justify-content:center;width:64px}.step-content h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.step-content p{color:#495057;font-size:1.0625rem;line-height:1.6}.results-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:120px 0}.results-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:64px}.result-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f;padding:40px 32px;transition:all .3s ease}.result-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.result-icon{background:#28a7451a;border-radius:12px;color:#28a745;height:48px;margin-bottom:24px;padding:12px;width:48px}.result-card h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:16px}.result-card p{color:#495057;font-size:1.0625rem;line-height:1.6}.values-section{background:#fff;padding:120px 0}.values-content{margin:64px auto 0;max-width:800px}.value-item{align-items:flex-start;display:flex;gap:24px;margin-bottom:48px}.value-item:last-child{margin-bottom:0}.value-icon{background:#4a90e21a;border-radius:12px;color:#4a90e2;flex-shrink:0;height:48px;padding:12px;width:48px}.value-item h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:8px}.value-item p{color:#495057;font-size:1.0625rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#4a90e2,#6bb8e8 50%,#87ceeb);color:#fff;padding:120px 0;text-align:center}.cta-content{margin:0 auto;max-width:700px}.cta-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}.cta-subtitle{font-size:1.25rem;line-height:1.5;margin-bottom:48px;opacity:.9}.cta-primary,.cta-secondary{display:inline-flex;gap:12px}.cta-promise{align-items:center;display:flex;font-size:.95rem;gap:8px;justify-content:center;opacity:.9}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.about-hero-content,.container{padding:0 20px}.hero-stats{flex-direction:column;gap:24px}.beliefs-grid,.problem-scenarios{grid-template-columns:1fr}.step{flex-direction:column;gap:20px;text-align:center}.results-grid{grid-template-columns:1fr}.value-item{flex-direction:column;gap:16px;text-align:center}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.about-hero{padding:100px 0 60px}.cta-title,.section-title{font-size:2rem}.step-number{font-size:1.25rem;height:48px;width:48px}}.contact-page{background-color:#fafafa;min-height:100vh}.contact-hero{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8 25%,#87ceeb 50%,#b0e0e6 75%,#e8f4fd);display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding-top:70px;position:relative}.contact-hero .hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.contact-hero .chicago-stars{display:flex;gap:100px;left:50%;opacity:.08;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.contact-hero .star{animation:float 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(220,20,60,.2));height:120px;width:120px}.contact-hero .star1{animation-delay:0s}.contact-hero .star2{animation-delay:2s}.contact-hero .star3{animation-delay:4s}.contact-hero .star4{animation-delay:6s}.contact-hero .hero-content{max-width:800px;padding:60px 32px;position:relative;text-align:center;z-index:2}.contact-hero .hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;text-shadow:0 4px 20px #00000026}.contact-hero .chicago-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dc143c,#ff4757,#ff6b6b);-webkit-background-clip:text;background-clip:text;display:inline;position:relative;vertical-align:initial}.contact-hero .chicago-flag{border-radius:8px;box-shadow:0 4px 12px #0003,0 2px 6px #0000001a;display:inline;filter:drop-shadow(0 2px 8px rgba(220,20,60,.3));height:1.2em;margin-right:12px;transition:all .3s ease;vertical-align:middle;width:auto}.contact-hero .chicago-flag:hover{box-shadow:0 6px 20px #00000040,0 4px 10px #00000026;transform:scale(1.05)}.contact-hero .hero-subtitle{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:40px;text-shadow:0 2px 10px #0000001a}.contact-hero .heart-icon{animation:heartbeat 2.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(220,20,60,.3));height:24px;width:24px}.contact-hero .hero-description{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0000001a,0 8px 32px #0000000d,inset 0 1px 0 #fffc;margin-bottom:40px;padding:40px;text-align:left}.contact-hero .description-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.contact-hero .message-icon{background:#4a90e21a;border-radius:12px;color:#4a90e2;padding:8px}.contact-hero .description-header h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin:0}.contact-hero .hero-description p{color:#2c2c2c;font-size:1.0625rem;line-height:1.7;margin-bottom:16px}.contact-hero .hero-description p:last-of-type{margin-bottom:0}.contact-methods{background:linear-gradient(180deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef;padding:100px 0}.methods-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.method-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;overflow:hidden;padding:40px 32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.method-card:before{background:linear-gradient(90deg,#4a90e2,#6bb8e8,#dc143c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.method-card:hover:before{transform:translateX(0)}.method-card:hover{box-shadow:0 20px 60px #0000001f,0 8px 32px #00000014;transform:translateY(-8px) scale(1.02)}.method-icon{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-radius:20px;box-shadow:0 8px 24px #4a90e24d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.method-card h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.method-card p{color:#6c757d;font-size:1.0625rem;line-height:1.6;margin-bottom:20px}.method-link{border-bottom:2px solid #0000;color:#dc143c;font-size:1.0625rem;font-weight:600;padding:8px 0;text-decoration:none;transition:all .3s ease}.method-link:hover{border-bottom-color:#dc143c}.contact-form-section{background:linear-gradient(135deg,#fafafa,#f1f3f4);padding:100px 0}.form-header{margin-bottom:60px;text-align:center}.form-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.form-header p{color:#6c757d;font-size:1.125rem;font-weight:500}.form-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.contact-form{background:#fff;border:1px solid #0000000a;border-radius:24px;box-shadow:0 16px 48px #0000000f,0 8px 24px #0000000a;overflow:hidden;padding:48px;position:relative}.contact-form:before{background:linear-gradient(90deg,#4a90e2,#6bb8e8,#dc143c,#ff4757);content:"";height:6px;left:0;position:absolute;right:0;top:0}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:32px}.form-group label{font-size:1rem}.form-group input,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:1rem;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#4a90e205;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.help-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.help-option{cursor:pointer;margin:0}.help-option input[type=radio]{display:none}.help-option-content{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:12px;padding:16px 20px;transition:all .3s ease}.help-option:hover .help-option-content{background:#4a90e20d;border-color:#4a90e2}.help-option input[type=radio]:checked+.help-option-content{background:#dc143c0d;border-color:#dc143c;color:#dc143c}.help-option-content span{font-size:.9375rem;font-weight:500}.form-actions{display:flex;flex-direction:column;gap:16px;margin-top:40px}.submit-btn{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 8px 32px #dc143c4d;color:#fff;padding:18px 36px}.submit-btn:hover:not(:disabled){box-shadow:0 16px 48px #dc143c66;transform:translateY(-2px) scale(1.02)}.submit-btn:disabled{background:linear-gradient(135deg,#28a745,#20c997);cursor:not-allowed;transform:none}.success-message{align-items:center;background:#28a7451a;border:1px solid #28a74533;border-radius:8px;color:#28a745;display:flex;font-weight:500;gap:8px;padding:12px 20px}.form-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:32px;transition:all .3s ease}.sidebar-card:hover{box-shadow:0 16px 48px #00000014,0 8px 24px #0000000f;transform:translateY(-4px)}.sidebar-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.sidebar-card p{color:#6c757d;font-size:1rem;line-height:1.6}@media (max-width:768px){.contact-hero{min-height:50vh;padding-top:60px}.contact-hero .hero-content{padding:40px 20px}.contact-hero .hero-description{padding:32px 24px}.contact-hero .description-header{flex-direction:column;gap:12px;text-align:center}.methods-grid{gap:32px}.form-container,.methods-grid{grid-template-columns:1fr;padding:0 20px}.form-container{gap:40px}.contact-form{padding:32px 24px}.form-row{gap:0}.form-row,.help-options{grid-template-columns:1fr}.chicago-stars{gap:40px}.star{height:80px!important;width:80px!important}}@media (max-width:480px){.contact-hero .hero-title{font-size:2rem}.contact-hero .hero-subtitle{font-size:1.25rem}.contact-hero .hero-description{padding:24px 20px}.form-header h2{font-size:2rem}.contact-form{padding:24px 20px}.chicago-flag{height:.8em!important;margin-right:8px!important}}.login-page{background-color:#fafafa;min-height:100vh}.login-hero{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8 25%,#87ceeb 50%,#b0e0e6 75%,#e8f4fd);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-bottom:40px;padding-top:70px;position:relative}.login-hero .hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.login-hero .chicago-stars{display:flex;gap:150px;left:50%;opacity:.06;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.login-hero .star{animation:float 10s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(220,20,60,.2));height:160px;width:160px}.login-hero .star1{animation-delay:0s}.login-hero .star2{animation-delay:3s}.login-hero .star3{animation-delay:6s}.login-hero .star4{animation-delay:9s}.login-container{max-width:520px;padding:0 32px;position:relative;width:100%;z-index:2}.login-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff6;border-radius:24px;box-shadow:0 32px 80px #0000001f,0 16px 40px #00000014,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:48px;position:relative}.login-content:before{background:linear-gradient(90deg,#4a90e2,#6bb8e8,#dc143c,#ff4757);border-radius:24px 24px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:32px;text-align:center}.login-title{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.login-title h1{color:#1a1a1a;font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.chicago-flag{height:36px}.login-subtitle{align-items:center;color:#6c757d;display:flex;font-size:1.125rem;font-weight:500;gap:8px;justify-content:center}.heart-icon{height:20px;width:20px}.demo-notice{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:2px solid #4a90e233;border-radius:16px;margin-bottom:32px;overflow:hidden;padding:24px;position:relative;text-align:center}.demo-notice:before{background:linear-gradient(90deg,#4a90e2,#6bb8e8);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.demo-header{align-items:center;color:#4a90e2;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;margin-bottom:16px}.demo-credentials{background:#fffc;border:1px solid #4a90e21a;border-radius:12px;margin-bottom:16px;padding:16px}.demo-credentials p{color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;margin:4px 0}.demo-credentials strong{color:#1a1a1a;font-weight:600}.fill-demo-btn{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border:none;border-radius:20px;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.fill-demo-btn:hover:not(:disabled){box-shadow:0 6px 16px #4a90e266;transform:translateY(-2px)}.fill-demo-btn:disabled{cursor:not-allowed;opacity:.6}.form-tabs{background:#f8f9fa;border-radius:12px;display:flex;margin-bottom:32px;padding:4px;position:relative}.tab-btn{background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 20px;position:relative;transition:all .3s ease;z-index:2}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#dc143c}.tab-btn:disabled{cursor:not-allowed;opacity:.6}.login-form{margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#6c757d;left:16px;position:absolute;transition:color .3s ease;z-index:2}.form-group input{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:1rem;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.form-group input:focus{background:#4a90e205;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21a;outline:none}.form-group input:focus+.input-icon,.form-group input:focus~.input-icon{color:#4a90e2}.form-group input.error{border-color:#dc143c;box-shadow:0 0 0 4px #dc143c1a}.form-group input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.password-toggle{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .3s ease;z-index:2}.password-toggle:hover:not(:disabled){background:#4a90e21a;color:#4a90e2}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{color:#dc143c;font-size:.875rem;font-weight:500;gap:6px;margin-top:6px}.error-message,.form-row{align-items:center;display:flex}.form-row{gap:16px;justify-content:space-between;margin-bottom:32px}.checkbox-container{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:.95rem;gap:8px;position:relative}.checkbox-container input[type=checkbox]{display:none}.checkmark{border:2px solid #e9ecef;border-radius:4px;height:18px;position:relative;transition:all .3s ease;width:18px}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:transform .2s ease;width:5px}.checkbox-container input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-color:#4a90e2}.checkbox-container input[type=checkbox]:checked+.checkmark:after{transform:rotate(45deg) scale(1)}.forgot-link{color:#dc143c;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}.forgot-link:hover{color:#ff4757;text-decoration:underline}.submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:18px 24px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.submit-btn.idle{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 8px 32px #dc143c4d;color:#fff}.submit-btn.idle:hover:not(:disabled){box-shadow:0 16px 48px #dc143c66;transform:translateY(-2px) scale(1.02)}.submit-btn.loading{background:linear-gradient(135deg,#4a90e2,#6bb8e8);box-shadow:0 8px 32px #4a90e24d;color:#fff;cursor:not-allowed}.submit-btn.success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 8px 32px #28a7454d;color:#fff;cursor:not-allowed}.submit-btn.error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#dc3545,#e74c3c);box-shadow:0 8px 32px #dc35454d;color:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success-animation{animation:successSlideIn .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 60px #00000026;left:50%;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.success-circle{align-items:center;animation:successPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.success-animation p{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}@keyframes successSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-divider{margin:32px 0;position:relative;text-align:center}.login-divider:before{background:#e9ecef;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#6c757d;font-size:.95rem;padding:0 20px;position:relative;z-index:1}.social-login{margin-bottom:32px}.social-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.social-btn:hover:not(:disabled){background:#4a90e20d;border-color:#4a90e2;box-shadow:0 4px 16px #4a90e226;transform:translateY(-2px)}.social-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer{text-align:center}.privacy-notice{background:#6c757d1a;border-radius:20px;color:#6c757d;font-size:.875rem;gap:8px;padding:12px 20px}.footer{padding:60px 0 40px}.footer-content{grid-gap:40px;gap:40px;margin-bottom:40px}.footer-section h4{font-size:1.25rem;margin-bottom:16px}.footer-section p{font-size:1rem;line-height:1.6}.footer-bottom{font-size:.9375rem;padding-top:32px}@media (max-width:768px){.login-hero{padding-left:20px;padding-right:20px;padding-top:60px}.login-container{max-width:100%;padding:0}.login-content{padding:32px 24px}.login-title{flex-direction:column;gap:12px}.login-title h1{font-size:1.75rem}.chicago-flag{height:32px}.chicago-stars{gap:80px!important}.star{height:100px!important;width:100px!important}.demo-notice{margin-bottom:24px;padding:20px}.demo-credentials{padding:12px}.demo-credentials p{font-size:.875rem}.form-row{align-items:flex-start;flex-direction:column;gap:16px}.forgot-link{align-self:flex-end}.success-animation{left:20px;padding:32px 24px;right:20px;transform:translateY(-50%)}}@media (max-width:480px){.login-hero{padding-left:16px;padding-right:16px;padding-top:60px}.login-content{padding:24px 20px}.login-title h1{font-size:1.5rem}.chicago-flag{height:28px}.chicago-stars{gap:60px!important}.star{height:80px!important;width:80px!important}.demo-notice{padding:16px}.form-group input{padding:14px 16px 14px 45px}.submit-btn{font-size:1rem;padding:16px 20px}.success-circle{height:80px;width:80px}.success-animation p{font-size:1.125rem}}.story-modal-backdrop{animation:modalBackdropFadeIn .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;z-index:2000}@keyframes modalBackdropFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.story-modal{animation:modalSlideIn .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 32px 96px #0003,0 16px 48px #0000001a,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.story-modal-header{background:linear-gradient(135deg,#4a90e205,#6bb8e805);border-bottom:1px solid #0000000a;flex-shrink:0;gap:16px;padding:24px 28px 20px}.story-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.severity-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;padding:6px 14px}.severity-badge.severity-high{background:linear-gradient(135deg,#dc143c26,#ff475726)}.severity-badge.severity-medium{background:linear-gradient(135deg,#ff8c0026,#ffa50026)}.severity-badge.severity-low{background:linear-gradient(135deg,#28a74526,#20c99726)}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a90e21a,#6bb8e81a);padding:6px 14px;text-transform:capitalize}.category-icon{font-size:.8rem}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:20px;letter-spacing:.03em;padding:6px 14px;text-transform:capitalize}.status-badge.status-trending{background:linear-gradient(135deg,#ff8c0026,#ffa50026);border-color:#ff8c0033}.status-badge.status-resolved{background:linear-gradient(135deg,#28a74526,#20c99726)}.status-badge.status-under-review{background:linear-gradient(135deg,#4a90e226,#6bb8e826);border-color:#4a90e233;color:#4a90e2}.status-badge.status-published{background:linear-gradient(135deg,#6c757d26,#868e9626);border-color:#6c757d33;color:#6c757d}.status-badge.status-draft{background:linear-gradient(135deg,#ffc10726,#ffcd5626);border-color:#ffc10733;color:#ffc107}.status-badge.status-closed,.status-badge.status-flagged{background:linear-gradient(135deg,#dc143c26,#ff475726);border-color:#dc143c33;color:#dc143c}.bookmark-btn,.close-btn,.edit-btn,.share-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafce6;border:1px solid #4a90e21a;border-radius:12px;color:#6c757d;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:40px}.bookmark-btn:hover,.edit-btn:hover,.share-btn:hover{background:#4a90e214;border-color:#4a90e233;box-shadow:0 4px 16px #4a90e226;color:#4a90e2;transform:translateY(-1px) scale(1.05)}.bookmark-btn.bookmarked{background:linear-gradient(135deg,#dc143c1a,#ff47571a);border-color:#dc143c33;color:#dc143c}.bookmark-btn.bookmarked:hover{background:linear-gradient(135deg,#dc143c26,#ff475726);color:#dc143c}.close-btn{color:#8b949e}.close-btn:hover{background:#dc143c14;border-color:#dc143c33;color:#dc143c}.share-menu-container{position:relative}.share-menu{animation:shareMenuSlideIn .2s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:12px;box-shadow:0 16px 48px #0000001f,0 8px 24px #0000000f;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:2001}@keyframes shareMenuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.share-menu button{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.share-menu button:hover{background:#4a90e20f;color:#4a90e2}.share-menu button svg{color:#6c757d;transition:color .3s ease}.share-menu button:hover svg{color:#4a90e2}.story-modal-content{flex:1 1;padding:0 28px 28px;scroll-behavior:smooth}.story-modal-content::-webkit-scrollbar-track{background:#00000005;border-radius:3px}.story-modal-content::-webkit-scrollbar-thumb{background:#4a90e233}.story-modal-content::-webkit-scrollbar-thumb:hover{background:#4a90e24d}.story-images{margin:24px 0 32px}.image-main{aspect-ratio:16/10;background:#f8f9fa;border-radius:16px;cursor:pointer;margin-bottom:16px;overflow:hidden;position:relative;transition:all .3s ease}.image-main:hover{box-shadow:0 12px 32px #00000026;transform:scale(1.01)}.image-main img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.image-zoom-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transform:scale(.9);transition:all .3s ease;width:32px}.image-main:hover .image-zoom-btn{opacity:1;transform:scale(1)}.image-zoom-btn:hover{background:#000c;transform:scale(1.1)}.image-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transform:translateY(-50%) scale(.9);transition:all .3s ease;width:44px}.image-main:hover .image-nav-btn{opacity:1;transform:translateY(-50%) scale(1)}.image-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.image-nav-btn.prev{left:12px}.image-nav-btn.next{right:12px}.image-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.image-thumbnails::-webkit-scrollbar{height:4px}.image-thumbnails::-webkit-scrollbar-track{background:#00000005;border-radius:2px}.image-thumbnails::-webkit-scrollbar-thumb{background:#4a90e233;border-radius:2px}.thumbnail{background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .3s ease;width:80px}.thumbnail:hover{border-color:#4a90e266;transform:scale(1.05)}.thumbnail.active{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.thumbnail img{height:100%;object-fit:cover;width:100%}.story-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.story-meta{border-bottom:1px solid #0000000f;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:16px 0}.story-author,.story-date,.story-location{align-items:center;color:#6c757d;display:flex;font-size:.9rem;font-weight:500;gap:8px}.story-author svg,.story-date svg,.story-location svg{color:#4a90e2;flex-shrink:0}.story-content{word-wrap:break-word;color:#2d3748;font-size:1.1rem;font-weight:400;line-height:1.7;white-space:pre-wrap}.story-tags{align-items:flex-start;border-bottom:1px solid #0000000f;gap:12px;margin-bottom:32px;padding:16px 0}.story-tags svg{color:#4a90e2;flex-shrink:0;margin-top:2px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#4a90e214;border:1px solid #4a90e226;border-radius:16px;color:#4a90e2;font-size:.8rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.tag:hover{background:#4a90e21f;transform:translateY(-1px)}.story-impact{background:linear-gradient(135deg,#28a7450a,#20c9970a);border:1px solid #28a74526;border-radius:16px;margin-bottom:32px;padding:20px}.impact-header{margin-bottom:12px}.impact-header svg{color:#28a745}.impact-header h3{color:#28a745;font-size:1.1rem}.impact-status{color:#2d3748;font-size:1rem;margin-bottom:12px}.impact-description{color:#4a5568;font-size:.95rem;line-height:1.5;margin-bottom:16px}.resolution-date{font-weight:500;gap:8px}.resolution-date svg{color:#28a745}.story-stats{margin-bottom:32px}.engagement-stats{flex-wrap:wrap;gap:24px}.engagement-stats,.stat-group{align-items:center;display:flex}.stat-group{background:#f8fafccc;border:1px solid #4a90e21a;border-radius:20px;gap:4px;padding:4px}.vote-btn{background:#0000;border:none;border-radius:16px;font-size:.9rem;gap:6px;min-width:60px;padding:8px 12px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.vote-btn:hover{transform:translateY(-1px) scale(1.05)}.vote-btn.upvote.active,.vote-btn.upvote:hover{background:linear-gradient(135deg,#28a7451a,#20c9971a);box-shadow:0 2px 8px #28a74533;color:#28a745}.vote-btn.downvote.active,.vote-btn.downvote:hover{background:linear-gradient(135deg,#dc143c1a,#ff47571a);box-shadow:0 2px 8px #dc143c33;color:#dc143c}.stat-item{background:#f8fafc99;border:1px solid #4a90e214;color:#6c757d;font-size:.9rem;padding:8px 12px}.story-details{background:#f8fafc66;border:1px solid #4a90e214;border-radius:16px;padding:20px}.detail-group h4{color:#2d3748;font-size:1rem;font-weight:700;margin:0 0 16px}.details-list{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:center;border-bottom:1px solid #0000000a;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#4a5568;font-size:.9rem;font-weight:600}.detail-item .value{color:#2d3748;font-size:.9rem;text-align:right;word-break:break-all}.image-viewer-backdrop{align-items:center;animation:imageViewerFadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2500}@keyframes imageViewerFadeIn{0%{opacity:0}to{opacity:1}}.image-viewer{align-items:center;display:flex;justify-content:center;max-height:95vh;max-width:95vw;position:relative}.image-viewer img{border-radius:12px;box-shadow:0 32px 96px #00000080;max-height:100%;max-width:100%;object-fit:contain}.image-viewer-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:48px}.image-viewer-close:hover{background:#000c;transform:scale(1.1)}.image-viewer-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:56px}.image-viewer-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.image-viewer-nav.prev{left:20px}.image-viewer-nav.next{right:20px}.image-viewer-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:20px;bottom:20px;color:#fff;font-size:.9rem;font-weight:500;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.story-modal-backdrop{align-items:flex-start;padding:20px 10px 10px}.story-modal{border-radius:20px;max-height:calc(100vh - 40px);max-width:100%}.story-modal-header{align-items:stretch;flex-direction:column;gap:12px;padding:20px 20px 16px}.story-header-badges{justify-content:center;order:2}.story-header-actions{justify-content:flex-end;order:1}.story-modal-content{padding:0 20px 20px}.story-title{font-size:1.5rem;text-align:center}.story-meta{flex-direction:column;gap:12px;text-align:center}.story-content{font-size:1rem;line-height:1.6}.engagement-stats{gap:16px;justify-content:center}.stat-group{flex-direction:column;gap:2px}.vote-btn{min-width:50px}.stat-item,.vote-btn{font-size:.8rem;padding:6px 10px}.image-main{aspect-ratio:4/3}.image-nav-btn{height:36px;width:36px}.image-nav-btn.prev{left:8px}.image-nav-btn.next{right:8px}.image-zoom-btn{height:28px;right:8px;top:8px;width:28px}.thumbnail{height:45px;width:60px}.share-menu{bottom:20px;left:20px;min-width:auto;position:fixed;right:20px;top:auto}.story-details{padding:16px}.details-list{gap:8px}.detail-item{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 0}.detail-item .value{color:#6c757d;font-size:.85rem;text-align:left}}@media (max-width:480px){.story-modal-backdrop{padding:10px 5px 5px}.story-modal{border-radius:16px;max-height:calc(100vh - 20px)}.story-modal-header{padding:16px 16px 12px}.story-modal-content{padding:0 16px 16px}.story-title{font-size:1.25rem}.story-meta{gap:8px}.story-author,.story-date,.story-location{font-size:.8rem}.story-content{font-size:.95rem}.engagement-stats{gap:12px}.bookmark-btn,.close-btn,.edit-btn,.share-btn{height:36px;width:36px}.category-badge,.severity-badge,.status-badge{font-size:.7rem;padding:4px 10px}.story-impact{padding:16px}.image-viewer-nav{height:44px;width:44px}.image-viewer-close{height:40px;right:15px;top:15px;width:40px}.image-viewer-nav.prev{left:15px}.image-viewer-nav.next{right:15px}}@media (prefers-reduced-motion:reduce){.image-viewer-backdrop,.share-menu,.story-modal,.story-modal-backdrop{animation:none}.bookmark-btn,.close-btn,.edit-btn,.image-main,.share-btn,.tag,.thumbnail,.vote-btn{transition:none}}@media (prefers-contrast:high){.story-modal{background:#fff;border:2px solid #000}.category-badge,.severity-badge,.status-badge{border-width:2px}.bookmark-btn,.close-btn,.edit-btn,.share-btn{border:2px solid #000}}.my-stories-container{display:flex;flex-direction:column;gap:32px}.stories-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#4a90e2;height:48px;width:48px}.stories-loading p{color:#6c757d;font-size:1.125rem;font-weight:500}.stories-header{align-items:center;display:flex;gap:20px;justify-content:space-between}.stories-header h3{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0}.add-story-btn{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:50px;box-shadow:0 4px 16px #dc143c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.add-story-btn:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px) scale(1.02)}.add-story-btn:active{transform:translateY(-1px) scale(1.01)}.empty-state{gap:16px;padding:80px 20px}.empty-state svg{margin-bottom:8px}.empty-state h4{margin:0}.empty-state p{font-size:1.125rem;margin:0 0 24px}.btn-primary{font-size:1.125rem;padding:16px 32px}.stories-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.story-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none}.story-card:before{background:linear-gradient(90deg,#4a90e2,#dc143c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.story-card:hover:before{transform:translateX(0)}.story-card:hover{box-shadow:0 20px 60px #0000001f,0 8px 32px #00000014;transform:translateY(-4px)}.story-card:active{transform:translateY(-2px);transition:transform .1s ease}.story-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.story-badges{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;pointer-events:none}.severity-badge{border-radius:16px;font-size:.75rem;padding:4px 12px}.severity-badge.severity-high{background:linear-gradient(135deg,#dc143c,#ff4757);color:#fff}.severity-badge.severity-medium{background:linear-gradient(135deg,#ff8c00,orange);color:#fff}.severity-badge.severity-low{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.category-badge{gap:4px}.category-badge,.status-badge{border-radius:16px;font-size:.75rem;padding:4px 12px}.status-badge{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-badge.status-trending{background:#ff8c001a;border:1px solid #ff8c0033}.status-badge.status-resolved{border:1px solid #28a74533}.status-badge.status-open{background:#dc143c1a;border:1px solid #dc143c33;color:#dc143c}.status-badge.status-default{background:#6c757d1a;border:1px solid #6c757d33;color:#6c757d}.story-actions{display:flex;gap:8px;pointer-events:auto;position:relative;z-index:10}.action-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcf2;border:2px solid #4a90e21a;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:36px}.action-icon:hover{background:#4a90e214;border-color:#4a90e2;box-shadow:0 4px 16px #4a90e226;color:#4a90e2;transform:translateY(-1px) scale(1.1)}.action-icon:active{box-shadow:0 2px 8px #4a90e21a;transform:translateY(0) scale(1.05)}.story-content{display:flex;flex-direction:column;gap:16px;pointer-events:none}.story-title{color:#1a1a1a;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0;transition:color .3s ease}.story-card:hover .story-title{color:#4a90e2}.story-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#495057;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.story-location{background:#6c757d1a;border-radius:20px;color:#6c757d;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.story-card:hover .story-location{background:#4a90e21a;color:#4a90e2}.story-stats{align-items:center;border-top:1px solid #0000000f;display:flex;gap:12px;justify-content:flex-start;padding-top:12px}.stat-item{background:#8e8e9314;border:1px solid #8e8e931f;border-radius:12px;color:#8e8e93;font-size:.8rem;font-weight:500;gap:4px;justify-content:center;min-width:44px;padding:4px 8px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.stat-item:hover{background:#4a90e21a;border-color:#4a90e233;color:#4a90e2;transform:translateY(-1px)}.stat-item svg{flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.stat-item span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.story-card:hover .stat-item svg{transform:scale(1.05)}.impact-badge{align-items:center;background:#28a7451a;border:1px solid #28a74533;border-radius:20px;color:#28a745;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-top:8px;padding:8px 16px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.impact-badge svg{height:14px;width:14px}.story-card:hover .impact-badge{background:#28a74526;transform:scale(1.02)}.story-card:after{background:#4a90e2;border-radius:50%;content:"";height:6px;opacity:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:6px}.story-card:hover:after{opacity:.6;transform:translateY(-50%) scale(1.5)}@media (max-width:768px){.stories-header{align-items:flex-start;flex-direction:column;gap:16px}.stories-header h3{font-size:1.5rem}.add-story-btn{justify-content:center;width:100%}.stories-grid{gap:20px;grid-template-columns:1fr}.story-card{padding:24px}.story-card:after{display:none}.story-header{flex-direction:column;gap:12px}.story-badges{justify-content:flex-start;pointer-events:none}.story-actions{align-self:flex-end;pointer-events:auto}.story-stats{gap:8px;justify-content:center;padding-top:10px}.stat-item{font-size:.75rem;gap:3px;min-width:40px;padding:3px 6px}.stat-item svg{height:12px;width:12px}.empty-state{padding:60px 20px}.empty-state h4{font-size:1.25rem}.empty-state p{font-size:1rem}.action-icon{height:32px;width:32px}}@media (max-width:480px){.my-stories-container{gap:20px}.stories-header h3{font-size:1.25rem}.add-story-btn{font-size:.9rem;padding:12px 20px}.story-card{padding:20px}.story-header{gap:12px}.story-badges{justify-content:center;pointer-events:none}.story-actions{align-self:center;pointer-events:auto}.story-stats{gap:6px;padding-top:8px}.stat-item{border-radius:10px;font-size:.7rem;gap:2px;min-width:36px;padding:2px 5px}.stat-item svg{height:11px;width:11px}.impact-badge,.story-location{align-self:center}.empty-state{padding:40px 16px}.empty-state h4{font-size:1.125rem}.btn-primary{font-size:1rem;padding:14px 24px}.stories-loading{padding:60px 20px}.loading-spinner{height:40px;width:40px}.action-icon{height:28px;padding:6px;width:28px}.story-title{font-size:1.125rem}.story-excerpt{-webkit-line-clamp:2;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.action-icon,.impact-badge,.stat-item,.story-card,.story-card:after,.story-card:before,.story-location,.story-title{transition:none}.loading-spinner{animation:none}}@media (prefers-contrast:high){.action-icon,.story-card{border:2px solid #000}.category-badge,.impact-badge,.severity-badge,.status-badge{border-width:2px}}.story-card:focus{outline:3px solid #4a90e2;outline-offset:2px}.action-icon:focus{outline:2px solid #4a90e2;outline-offset:1px}@media (hover:none) and (pointer:coarse){.story-card:active{background:#4a90e205}.action-icon:active{background:#4a90e21f}}.story-modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.story-modal-container{animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);max-height:95vh;max-width:900px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;scale:.95;transform:translateY(50px)}to{opacity:1;scale:1;transform:translateY(0)}}.story-modal-content{background:#fff;border-radius:24px;box-shadow:0 32px 64px #0003,0 16px 32px #00000026,0 8px 16px #0000001a;max-height:95vh;overflow:hidden;overflow-y:auto;position:relative;scrollbar-color:#4a90e24d #0000;scrollbar-width:thin}.story-modal-content::-webkit-scrollbar{width:6px}.story-modal-content::-webkit-scrollbar-track{background:#0000}.story-modal-content::-webkit-scrollbar-thumb{background:#4a90e24d;border-radius:3px}.story-modal-content::-webkit-scrollbar-thumb:hover{background:#4a90e280}.story-modal-header{align-items:flex-start;background:linear-gradient(135deg,#4a90e208,#dc143c05);display:flex;gap:20px;justify-content:space-between;padding:32px 32px 0;position:relative}.story-header-badges{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.category-badge,.featured-badge,.severity-badge,.status-badge{align-items:center;border:2px solid;border-radius:20px;display:flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:8px 14px;text-transform:uppercase}.category-badge{border-color:#4a90e233}.severity-badge.severity-high{background:#dc143c1a;border-color:#dc143c33;color:#dc143c}.severity-badge.severity-medium{background:#ff8c001a;border-color:#ff8c0033;color:#ff8c00}.severity-badge.severity-low{background:#28a7451a;border-color:#28a74533;color:#28a745}.status-badge.status-trending{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#ff8c001a);border-color:#ff8c004d;color:#ff8c00}.status-badge.status-resolved{background:#28a7451a;border-color:#28a74533;color:#28a745}.status-badge.status-open{background:#4a90e21a;border-color:#4a90e233;color:#4a90e2}.featured-badge{background:linear-gradient(135deg,#ffd70033,#ff8c0026);border-color:#ffd70066;color:#b8860b}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #ff8c0066}50%{box-shadow:0 0 0 8px #ff8c0000}}.modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000001a;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.modal-close-btn:hover{background:#dc143c1a;border-color:#dc143c33;box-shadow:0 8px 16px #dc143c33;color:#dc143c;transform:rotate(90deg) scale(1.1)}.story-modal-title-section{padding:24px 32px}.story-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#4a90e2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2rem;font-weight:800;line-height:1.3;margin:0 0 20px}.story-modal-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.story-author{align-items:center;color:#4a90e2;display:flex;font-weight:600;gap:8px}.own-story-badge{background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.story-dates{display:flex;flex-wrap:wrap;gap:20px}.story-date{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:6px}.story-date.saved{color:#dc143c;font-weight:600}.story-location{align-items:center;background:#4a90e20d;border:1px solid #4a90e21a;border-radius:16px;color:#4a90e2;display:flex;font-weight:600;gap:8px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.story-images{padding:0 32px 24px}.images-grid{grid-gap:16px;border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow:hidden}.story-image-container{aspect-ratio:16/9;border-radius:12px;box-shadow:0 8px 24px #0000001a;overflow:hidden;position:relative}.story-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.story-image:hover{transform:scale(1.05)}.story-modal-body{padding:0 32px 32px}.story-content{margin-bottom:32px}.story-text{word-wrap:break-word;color:#2c3e50;font-size:1.1rem;line-height:1.7;margin:0;white-space:pre-wrap}.story-stats-section{background:linear-gradient(135deg,#4a90e20d,#dc143c08);border:1px solid #4a90e21a;border-radius:20px;margin-bottom:32px;padding:24px}.story-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{align-items:center;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 24px #4a90e226;transform:translateY(-2px)}.stat-number{font-size:1.5rem}.stat-label{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.impact-section{background:linear-gradient(135deg,#28a7450d,#20c99708);border:1px solid #28a7451a;border-radius:20px;margin-bottom:32px;padding:24px}.impact-header{align-items:center;color:#28a745;display:flex;gap:12px;margin-bottom:16px}.impact-header h3{font-size:1.25rem;font-weight:700;margin:0}.impact-content{display:flex;flex-direction:column;gap:12px}.impact-status{align-items:center;color:#28a745;display:flex;font-weight:600;gap:8px;text-transform:capitalize}.impact-description{color:#2c3e50;font-size:1rem;line-height:1.6;margin:0}.resolution-date{align-items:center;color:#28a745;display:flex;font-size:.9rem;font-weight:600;gap:6px}.story-tags-section{margin-bottom:32px}.story-tags-section h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 16px}.story-tags{display:flex;flex-wrap:wrap;gap:10px}.story-tag{background:linear-gradient(135deg,#4a90e21a,#4a90e20d);border:1px solid #4a90e233;border-radius:20px;color:#4a90e2;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .3s ease}.story-tag:hover{background:linear-gradient(135deg,#4a90e226,#4a90e21a);box-shadow:0 4px 12px #4a90e233;transform:translateY(-1px)}.story-timestamps{margin-bottom:32px}.story-timestamps h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 16px}.timestamps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.timestamp-item{align-items:center;background:#f8f9facc;border:1px solid #0000000d;border-radius:12px;display:flex;gap:8px;padding:12px 16px}.timestamp-item.saved{background:#dc143c0d;border-color:#dc143c1a;color:#dc143c}.timestamp-label{color:#6c757d;font-weight:600;min-width:80px}.timestamp-value{color:#2c3e50;font-size:.9rem}.story-modal-actions{align-items:center;background:linear-gradient(135deg,#4a90e208,#dc143c05);border-top:2px solid #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 32px}.voting-section{align-items:center;display:flex;gap:12px}.vote-btn{border-radius:50px;box-shadow:0 2px 8px #0000000d;font-weight:600;gap:8px;padding:12px 16px}.vote-btn:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.vote-btn.vote-up:hover{background:#28a7450d;border-color:#28a745;color:#28a745}.vote-btn.vote-down:hover{background:#dc143c0d;border-color:#dc143c;color:#dc143c}.action-buttons{gap:12px}.action-btn{padding:12px 20px;text-decoration:none;transition:all .3s ease}.bookmark-action{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 4px 16px #dc143c4d;color:#fff}.bookmark-action:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px) scale(1.02)}.share-action{background:#4a90e21a;border:2px solid #4a90e233;color:#4a90e2}.share-action:hover{background:#4a90e226;box-shadow:0 4px 16px #4a90e233;transform:translateY(-2px)}.view-full-action{background:#6c757d1a;border:2px solid #6c757d33;color:#6c757d}.view-full-action:hover{background:#6c757d26;box-shadow:0 4px 16px #6c757d33;transform:translateY(-2px)}@media (max-width:768px){.story-modal-backdrop{align-items:flex-start;padding:40px 10px 10px}.story-modal-container{max-height:calc(100vh - 60px)}.story-modal-actions,.story-modal-body,.story-modal-header,.story-modal-title-section{padding-left:20px;padding-right:20px}.story-modal-title{font-size:1.5rem}.story-header-badges{gap:6px}.category-badge,.featured-badge,.severity-badge,.status-badge{font-size:.7rem;padding:6px 10px}.story-dates{flex-direction:column;gap:8px}.story-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:12px}.stat-number{font-size:1.25rem}.timestamps-grid{grid-template-columns:1fr}.story-modal-actions{align-items:stretch;flex-direction:column;gap:16px}.action-btn,.action-buttons,.voting-section{justify-content:center}.action-btn{flex:1 1;min-width:120px}}@media (max-width:480px){.story-modal-backdrop{padding:20px 5px 5px}.story-modal-container{max-height:calc(100vh - 30px)}.story-modal-content{border-radius:16px}.story-modal-actions,.story-modal-body,.story-modal-header,.story-modal-title-section{padding-left:16px;padding-right:16px}.story-modal-title{font-size:1.25rem}.story-text{font-size:1rem}.images-grid,.story-stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn,.vote-btn{justify-content:center;width:100%}}.saved-content.loading{align-items:center;justify-content:center;min-height:400px}.loading-message{color:#6c757d;font-size:1.125rem;font-weight:500}.saved-header h3{margin:0}.search-box svg{z-index:1}.search-box input{box-shadow:0 2px 4px #00000005}.search-box input::placeholder{color:#9ca3af}.filter-btn{box-shadow:0 2px 4px #00000005}.filter-btn:hover{box-shadow:0 4px 12px #4a90e226;transform:translateY(-1px)}.saved-story-card{cursor:pointer;overflow:hidden;position:relative}.saved-story-card:before{background:linear-gradient(90deg,#4a90e2,#dc143c);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .4s ease}.saved-story-card:hover:before{transform:translateX(0)}.saved-story-card:hover{box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014;transform:translateY(-4px)}.category-tag{border:1px solid #4a90e233;border-radius:20px;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.bookmark-btn{align-items:center;display:flex;justify-content:center;position:relative}.bookmark-btn:before{background:#dc143c1a;border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:32px}.bookmark-btn.active:before,.bookmark-btn:hover:before{transform:translate(-50%,-50%) scale(1)}.bookmark-btn svg{position:relative;transition:all .3s ease;z-index:1}.bookmark-btn.active svg{fill:currentColor}.saved-story-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;transition:color .3s ease}.saved-story-card:hover .saved-story-title{color:#4a90e2}.saved-story-meta .author{font-weight:500}.saved-story-meta .time{font-weight:400}.saved-story-stats span{background:#4a90e20d;border-radius:12px;padding:4px 8px;transition:all .3s ease}.saved-story-stats span:hover{background:#4a90e21a;transform:translateY(-1px)}.empty-state,.no-results{align-items:center;background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-state svg,.no-results svg{color:#6c757d;margin-bottom:24px;opacity:.7}.empty-state h4,.no-results h4{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.empty-state p,.no-results p{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:32px;max-width:400px}.btn-primary{text-decoration:none}.btn-primary:active{transform:translateY(-1px) scale(1.01)}.btn-secondary{text-decoration:none}.btn-secondary:hover{box-shadow:0 4px 12px #4a90e233}@media (max-width:768px){.saved-header{align-items:flex-start;flex-direction:column;gap:16px}.saved-controls{flex-direction:column;gap:12px;width:100%}.search-box{width:100%}.search-box input{min-width:auto;width:100%}.filter-btn{justify-content:center;width:100%}.saved-grid{gap:16px;grid-template-columns:1fr}.saved-story-card{padding:20px}.empty-state,.no-results{padding:60px 30px}.empty-state h4,.no-results h4{font-size:1.25rem}.empty-state p,.no-results p{font-size:.95rem}}@media (max-width:480px){.saved-content{gap:24px}.saved-header h3{font-size:1.5rem}.search-box input{font-size:.9rem;padding:10px 16px 10px 44px}.filter-btn{font-size:.9rem;padding:10px 16px}.saved-story-card{padding:16px}.saved-story-title{font-size:1rem}.saved-story-meta{align-items:flex-start;flex-direction:column;font-size:.8rem;gap:4px}.saved-story-stats{font-size:.8rem;gap:12px}.empty-state,.no-results{padding:40px 20px}.empty-state svg,.no-results svg{height:40px;width:40px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.activity-content{display:flex;flex-direction:column;gap:32px}.activity-loading{align-items:center;display:flex;justify-content:center;min-height:400px;padding:60px 20px}.loading-content{max-width:400px;text-align:center}.loading-content h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:24px 0 12px}.loading-content p{color:#6c757d;font-size:1rem;line-height:1.5}.activity-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.activity-title-section h3{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0 0 8px}.activity-subtitle{color:#6c757d;font-size:1rem;font-weight:500;margin:0}.activity-filters{align-items:center;display:flex;gap:16px}.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:50px;box-shadow:0 2px 8px #0000000a;color:#1a1a1a;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:14px 24px;transition:all .3s ease}.filter-select:hover{background:#4a90e205;border-color:#4a90e2;box-shadow:0 4px 16px #4a90e21a;transform:translateY(-1px)}.filter-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.activity-filters .refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #4a90e233;border-radius:50%;box-shadow:0 2px 8px #4a90e21a;color:#4a90e2;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:44px}.activity-filters .refresh-btn:before{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.activity-filters .refresh-btn:hover{border-color:#0000;box-shadow:0 8px 24px #4a90e24d,0 4px 12px #4a90e233;transform:translateY(-2px) scale(1.05)}.activity-filters .refresh-btn:hover:before{opacity:1}.activity-filters .refresh-btn:hover svg{color:#fff;transform:rotate(180deg)}.activity-filters .refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.activity-filters .refresh-btn svg{height:20px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:20px;z-index:2}.activity-summary{grid-gap:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px;padding:24px}.summary-stat{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px;text-align:center;transition:all .3s ease}.summary-stat:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.summary-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#dc143c);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1;margin-bottom:8px}.summary-label{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.activity-feed{display:flex;flex-direction:column;gap:20px}.activity-card.enhanced{align-items:flex-start;background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;display:flex;gap:24px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.activity-card.enhanced:before{background:linear-gradient(90deg,#4a90e2,#dc143c,#28a745);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.activity-card.enhanced:hover:before{transform:scaleX(1)}.activity-card.enhanced:hover{box-shadow:0 20px 60px #0000001f,0 8px 32px #00000014;transform:translateY(-4px) scale(1.01)}.activity-icon-wrapper{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-radius:18px;box-shadow:0 6px 20px #4a90e24d;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;padding:18px;position:relative;width:60px}.activity-icon-wrapper:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.activity-card.enhanced:hover .activity-icon-wrapper:after{animation:shimmer 1.5s ease-in-out;opacity:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.activity-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.activity-content-wrapper{display:flex;flex-direction:column;gap:8px}.activity-text{color:#1a1a1a;font-size:1.1rem;font-weight:500;letter-spacing:-.01em;line-height:1.5;margin:0}.activity-category{align-items:center;background:#4a90e214;border:1px solid #4a90e226;border-radius:12px;color:#4a90e2;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.activity-meta{flex-wrap:wrap;gap:12px}.activity-meta,.activity-time{align-items:center;display:flex}.activity-time{font-size:.9rem;font-weight:500;gap:6px}.activity-type-badge.enhanced{align-items:center;border:1px solid;border-radius:14px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.activity-type-badge.enhanced:hover{transform:scale(1.05)}.activity-stat-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;transition:all .3s ease}.activity-stat-badge.upvotes{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.activity-stat-badge.views{background:#4a90e21a;border:1px solid #4a90e233;color:#4a90e2}.activity-stat-badge.bookmarks{background:#6c42c11a;border:1px solid #6c42c133;color:#6c42c1}.activity-stat-badge:hover{transform:scale(1.05)}.activity-action{align-items:center;display:flex;flex-direction:column;gap:8px}.view-story-btn{align-items:center;background:#4a90e21a;border:2px solid #4a90e233;border-radius:50%;color:#4a90e2;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-story-btn:hover{background:#4a90e233;border-color:#4a90e2;transform:scale(1.1)}.activity-content .empty-state{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:24px;margin-top:20px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.activity-content .empty-state:before{animation:float-background 8s ease-in-out infinite;background:linear-gradient(45deg,#0000,#4a90e205,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float-background{0%,to{transform:translateX(-10px) translateY(-10px) rotate(0deg)}50%{transform:translateX(10px) translateY(10px) rotate(1deg)}}.activity-content .empty-state svg{color:#4a90e2;margin-bottom:24px;position:relative;z-index:2}.activity-content .empty-state h4{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px;position:relative;z-index:2}.activity-content .empty-state p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0 auto 32px;max-width:400px;position:relative;z-index:2}.empty-state-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;position:relative;z-index:2}.empty-state-actions .btn-primary{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:50px;box-shadow:0 4px 16px #dc143c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.empty-state-actions .btn-primary:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px) scale(1.02)}.empty-state-actions .btn-secondary{align-items:center;background:#4a90e21a;border:2px solid #4a90e233;border-radius:50px;color:#4a90e2;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.empty-state-actions .btn-secondary:hover{background:#4a90e226;transform:translateY(-1px)}.activity-load-more{border-top:2px solid #f0f0f0;display:flex;justify-content:center;margin-top:40px;padding-top:32px}.load-more-btn{align-items:center;background:#4a90e21a;border:2px solid #4a90e233;border-radius:50px;color:#4a90e2;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.load-more-btn:hover{background:#4a90e226;border-color:#4a90e2;box-shadow:0 8px 24px #4a90e233;transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.activity-header{align-items:stretch;flex-direction:column;gap:20px}.activity-filters{justify-content:space-between;width:100%}.filter-select{flex:1 1;min-width:auto}.activity-summary{gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.activity-card.enhanced{flex-direction:column;gap:20px;padding:24px;text-align:center}.activity-icon-wrapper{align-self:center;height:56px;padding:16px;width:56px}.activity-meta{gap:8px;justify-content:center}.activity-action{align-self:center}.empty-state-actions{align-items:center;flex-direction:column}.empty-state-actions .btn-primary,.empty-state-actions .btn-secondary{min-width:200px}}@media (max-width:480px){.activity-content{gap:24px}.activity-header{gap:16px}.activity-title-section h3{font-size:1.5rem}.activity-subtitle{font-size:.9rem}.activity-filters{flex-direction:column;gap:12px}.activity-filters .refresh-btn{align-self:center;height:40px;width:40px}.activity-summary{gap:12px;grid-template-columns:1fr;padding:16px}.summary-number{font-size:1.5rem}.activity-card.enhanced{gap:16px;padding:20px}.activity-icon-wrapper{height:48px;padding:12px;width:48px}.activity-text{font-size:1rem}.activity-meta{font-size:.85rem;gap:6px}.activity-type-badge.enhanced{font-size:.7rem;padding:4px 8px}.activity-stat-badge{font-size:.7rem;padding:3px 6px}.view-story-btn{height:36px;width:36px}.activity-content .empty-state{padding:40px 20px}.activity-content .empty-state h4{font-size:1.25rem}.activity-content .empty-state p{font-size:1rem}}.data-export-section{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;margin-bottom:32px;padding:32px;transition:all .3s ease}.data-export-section:hover{box-shadow:0 12px 40px #00000014,0 6px 20px #0000000f;transform:translateY(-2px)}.export-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.export-header,.export-title{align-items:flex-start;display:flex}.export-title{gap:16px}.export-title svg{background:#4a90e21a;border-radius:12px;color:#4a90e2;flex-shrink:0;height:48px;margin-top:4px;padding:12px;width:48px}.export-title h4{color:#1a1a1a;font-size:1.375rem;font-weight:700;line-height:1.2;margin:0 0 4px}.export-title p{color:#6c757d;font-size:.95rem;line-height:1.4;margin:0}.last-export{align-items:center;background:#28a7451a;border:1px solid #28a74533;border-radius:20px;color:#28a745;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px}.last-export svg{flex-shrink:0}.export-options{gap:24px;margin-bottom:28px}.export-options,.option-group{display:flex;flex-direction:column}.option-group{gap:12px}.option-group>label{color:#1a1a1a;font-size:1rem;font-weight:700;margin-bottom:4px}.format-options{display:flex;flex-direction:column;gap:8px}.format-option{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.format-option:hover{background:#4a90e20d;border-color:#4a90e233}.format-option input[type=radio]{accent-color:#4a90e2;cursor:pointer;height:18px;width:18px}.format-option input[type=radio]:checked+.format-details{color:#4a90e2}.format-option:has(input:checked){background:#4a90e21a;border-color:#4a90e2}.format-details{align-items:center;display:flex;flex:1 1;gap:12px;transition:color .3s ease}.format-details svg{color:inherit;flex-shrink:0}.format-details div{display:flex;flex-direction:column;gap:2px}.format-details strong{color:inherit;font-size:.95rem;font-weight:600}.format-details span{color:#6c757d;font-size:.85rem}.additional-options{display:flex;flex-direction:column;gap:8px}.checkbox-option{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.checkbox-option:hover{background:#4a90e20d;border-color:#4a90e233}.checkbox-option input[type=checkbox]{accent-color:#4a90e2;cursor:pointer;height:16px;width:16px}.checkbox-option:has(input:checked){background:#4a90e21a;border-color:#4a90e2}.option-details{align-items:center;display:flex;flex:1 1;gap:12px}.option-details svg{color:#4a90e2;flex-shrink:0}.option-details div{display:flex;flex-direction:column;gap:2px}.option-details strong{color:#1a1a1a;font-size:.9rem;font-weight:600}.option-details span{color:#6c757d;font-size:.8rem}.export-info{background:linear-gradient(135deg,#4a90e20d,#6bb8e80d);border:1px solid #4a90e21a;border-radius:12px;margin-bottom:24px;padding:20px}.info-header{align-items:center;color:#4a90e2;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:16px}.info-header svg{flex-shrink:0}.included-data{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-category{background:#ffffffb3;border:1px solid #4a90e21a;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.data-category strong{color:#1a1a1a;font-size:.9rem;font-weight:600}.data-category span{color:#6c757d;font-size:.8rem;line-height:1.3}.export-error{align-items:center;background:#dc143c1a;border:1px solid #dc143c33;border-radius:8px;color:#dc143c;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.export-error svg{flex-shrink:0}.export-actions{margin-bottom:24px}.export-actions,.export-btn{display:flex;justify-content:center}.export-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border:none;border-radius:50px;box-shadow:0 4px 16px #4a90e24d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:12px;min-width:200px;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.export-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.export-btn:hover:before{left:100%}.export-btn:hover{box-shadow:0 8px 24px #4a90e266;transform:translateY(-2px) scale(1.02)}.export-btn:active{transform:translateY(-1px) scale(1.01)}.export-btn:disabled{cursor:not-allowed;opacity:.8;transform:none}.export-btn.loading{background:linear-gradient(135deg,#6c757d,#8d959d);box-shadow:0 4px 16px #6c757d4d}.export-btn.success{background:linear-gradient(135deg,#28a745,#34ce57);box-shadow:0 4px 16px #28a7454d}.export-btn.error{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 4px 16px #dc143c4d}.export-btn svg{flex-shrink:0}.export-btn .spinner{animation:spin 1s linear infinite}.privacy-notice{align-items:flex-start;background:linear-gradient(135deg,#28a7450d,#34ce570d);border:1px solid #28a74526;border-radius:12px;gap:16px;padding:20px}.privacy-notice svg{color:#28a745;flex-shrink:0;margin-top:2px}.privacy-notice div{flex:1 1}.privacy-notice strong{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.privacy-notice p{color:#6c757d;font-size:.85rem;line-height:1.5;margin:0}@media (max-width:768px){.data-export-section{margin-bottom:24px;padding:24px}.export-header{align-items:flex-start;flex-direction:column;gap:16px}.export-title{gap:12px}.export-title svg{height:40px;padding:10px;width:40px}.export-title h4{font-size:1.25rem}.last-export{align-self:flex-start;font-size:.8rem;padding:6px 12px}.included-data{gap:12px;grid-template-columns:1fr}.export-btn{font-size:.95rem;min-width:180px;padding:14px 28px}.privacy-notice{flex-direction:column;gap:12px;text-align:center}.privacy-notice svg{align-self:center;margin-top:0}}@media (max-width:480px){.data-export-section{border-radius:12px;padding:20px}.export-title{flex-direction:column;gap:8px;text-align:center}.export-title svg{align-self:center}.checkbox-option,.format-option{padding:12px}.export-btn{font-size:.9rem;gap:8px;min-width:160px;padding:12px 24px}.privacy-notice{padding:16px}}.checkbox-option:has(input:disabled),.format-option:has(input:disabled){cursor:not-allowed;opacity:.6}.checkbox-option input:disabled,.format-option input:disabled{cursor:not-allowed}.chi-user-account-settings{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:40px}.settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.settings-loading .spinner{animation:spin 1s linear infinite;color:#4a90e2;margin-bottom:16px}.settings-loading p{color:#6c757d;font-size:1rem}@media (max-width:768px){.chi-user-account-settings{border-radius:16px;padding:24px}.settings-header{align-items:flex-start;flex-direction:column;gap:16px}.settings-sections{gap:24px}.settings-section{padding-bottom:24px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 0}.setting-item input[type=email],.setting-item input[type=text]{min-width:auto;width:100%}.settings-actions{justify-content:center}}@media (max-width:480px){.chi-user-account-settings{padding:20px}.settings-header h3{font-size:1.5rem}.save-status{font-size:.8rem;padding:6px 12px}.setting-item{padding:16px 0}.btn-danger,.btn-primary,.btn-secondary{font-size:.9rem;padding:12px 20px}}.chi-user-dashboard{background-color:#fafafa;min-height:100vh}.container{padding:0 32px}.dashboard-header{background:linear-gradient(135deg,#4a90e2,#6bb8e8 25%,#87ceeb 50%,#b0e0e6 75%,#e8f4fd);overflow:hidden;padding:120px 0 60px;position:relative}.header-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.star{height:120px;width:120px}.dashboard-header-content{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px;position:relative;z-index:2}.user-welcome{gap:24px}.user-avatar,.user-welcome{align-items:center;display:flex}.user-avatar{background:#fffffff2;border:3px solid #ffffff80;border-radius:50%;box-shadow:0 8px 32px #0000001a;color:#4a90e2;height:80px;justify-content:center;width:80px}.welcome-text h1{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;text-shadow:0 4px 20px #00000026}.quick-stats{display:flex;gap:32px}.quick-stat{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:16px;padding:24px 32px}.quick-stat svg{background:#4a90e21a;border-radius:16px;color:#4a90e2;height:48px;padding:12px;width:48px}.stat-info{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-number{font-size:1.75rem}.stat-label{font-size:.9rem}.dashboard-nav{background:#fff;border-bottom:1px solid #e9ecef;padding:24px 0;position:-webkit-sticky;position:sticky;top:70px;z-index:100}.nav-tabs{overflow-x:auto;padding-bottom:4px}.nav-tab,.nav-tabs{display:flex;gap:8px}.nav-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:50px;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.nav-tab:hover{background:#4a90e20d;border-color:#4a90e233;color:#4a90e2}.nav-tab.active{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-color:#0000;box-shadow:0 4px 16px #4a90e24d;color:#fff}.nav-tab svg{height:20px;width:20px}.nav-actions{gap:12px;margin-left:auto}.nav-actions,.refresh-btn{align-items:center;display:flex}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #4a90e233;border-radius:50%;box-shadow:0 2px 8px #4a90e21a;color:#4a90e2;cursor:pointer;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:44px}.refresh-btn:before{background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.refresh-btn:hover{border-color:#0000;box-shadow:0 8px 24px #4a90e24d,0 4px 12px #4a90e233;transform:translateY(-2px) scale(1.05)}.refresh-btn:hover:before{opacity:1}.refresh-btn:hover svg{color:#fff;transform:rotate(180deg)}.refresh-btn:active{transform:translateY(-1px) scale(1.02)}.refresh-btn svg{height:20px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:20px;z-index:2}.dashboard-nav .container{align-items:center;display:flex;gap:24px;justify-content:space-between}.tab-count{background:linear-gradient(135deg,#dc143c,#ff4757);border-radius:12px;box-shadow:0 2px 4px #dc143c33;color:#fff;font-size:.7rem;font-weight:700;line-height:1.2;margin-left:4px;min-width:18px;padding:2px 8px;text-align:center}.nav-tab.active .tab-count{background:#fff3;box-shadow:0 2px 4px #0000001a;color:#fff}.refresh-btn.loading{pointer-events:none}.refresh-btn.loading svg{animation:spin 1s linear infinite}.refresh-btn.loading:before{opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-content{padding:40px 0 80px}.overview-content{display:flex;flex-direction:column;gap:40px}.stats-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.stat-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.stat-card:before{background:linear-gradient(90deg,#4a90e2,#dc143c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.stat-card:hover:before{transform:translateX(0)}.stat-card:hover{box-shadow:0 20px 60px #0000001f,0 8px 32px #00000014;transform:translateY(-4px)}.stat-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.stat-icon{background:#4a90e21a;border-radius:16px;color:#4a90e2;height:48px;padding:12px;width:48px}.stat-card-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0}.stat-metrics{display:flex;gap:32px}.metric{flex:1 1;text-align:center}.metric-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc143c,#ff4757);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1;margin-bottom:8px}.metric-label{color:#6c757d;font-size:.9rem;font-weight:600}.recent-overview{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:32px}.recent-overview h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:24px}.activity-preview{display:flex;flex-direction:column;gap:20px}.activity-item{align-items:center;background:#f8f9fa;border-radius:16px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.activity-item:hover{background:#4a90e20d;transform:translateX(8px)}.activity-icon{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:12px;width:44px}.activity-content{flex:1 1}.activity-content p{color:#1a1a1a;font-weight:500;line-height:1.4;margin:0 0 4px}.activity-time{color:#6c757d;font-size:.85rem}.quick-actions{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:32px}.quick-actions h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:24px}.action-buttons{display:flex;flex-wrap:wrap}.action-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:-.01em;padding:14px 24px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.action-btn.primary{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 4px 16px #dc143c4d;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px) scale(1.02)}.action-btn.secondary{background:#4a90e21a;border:2px solid #4a90e233;color:#4a90e2}.action-btn.secondary:hover{background:#4a90e226;box-shadow:0 4px 16px #4a90e233;transform:translateY(-2px) scale(1.02)}.saved-content{display:flex;flex-direction:column;gap:32px}.saved-header{align-items:center;display:flex;gap:20px;justify-content:space-between}.saved-header h3{color:#1a1a1a;font-size:1.75rem;font-weight:700}.saved-controls{gap:16px}.saved-controls,.search-box{align-items:center;display:flex}.search-box{position:relative}.search-box svg{color:#6c757d;left:16px;position:absolute}.search-box input{background:#fff;border:2px solid #e9ecef;border-radius:50px;font-size:.95rem;min-width:280px;padding:12px 20px 12px 48px;transition:all .3s ease}.search-box input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.filter-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50px;color:#1a1a1a;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.filter-btn:hover{background:#4a90e20d;border-color:#4a90e2;color:#4a90e2}.saved-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.saved-story-card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005;padding:24px;transition:all .3s ease}.saved-story-card:hover{box-shadow:0 12px 32px #00000014,0 4px 16px #0000000a;transform:translateY(-2px)}.saved-story-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.category-tag{background:#4a90e21a;border-radius:12px;color:#4a90e2;font-size:.75rem;font-weight:600;padding:4px 12px}.bookmark-btn{background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;padding:8px;transition:all .3s ease}.bookmark-btn.active,.bookmark-btn:hover{background:#dc143c1a;color:#dc143c}.saved-story-title{color:#1a1a1a;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 12px}.saved-story-meta{align-items:center;color:#6c757d;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px}.saved-story-stats{color:#4a90e2;display:flex;font-size:.85rem;font-weight:600;gap:16px}.saved-story-stats span{align-items:center;display:flex;gap:4px}.verification-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-top:12px;padding:8px 16px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.verification-status.verified{background:linear-gradient(135deg,#28a745e6,#20c997e6);box-shadow:0 4px 16px #28a7454d,0 2px 8px #20c99733;color:#fff}.verification-status.verified:hover{box-shadow:0 6px 20px #28a74566,0 3px 12px #20c9974d;transform:translateY(-1px)}.verification-status.unverified{animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#ff8c00e6,#ffa500e6);box-shadow:0 4px 16px #ff8c004d,0 2px 8px #ffa50033;color:#fff}.verification-status.unverified:hover{animation:none;box-shadow:0 6px 20px #ff8c0066,0 3px 12px #ffa5004d;transform:translateY(-1px)}.verification-status svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.verification-status span{font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 2px #0000001a}@keyframes pulse-warning{0%,to{box-shadow:0 4px 16px #ff8c004d,0 2px 8px #ffa50033}50%{box-shadow:0 4px 20px #ff8c0066,0 2px 10px #ffa5004d}}.welcome-text{display:flex;flex-direction:column;gap:4px}.welcome-text p{color:#ffffffe6;font-size:1.25rem;font-weight:500;margin-bottom:8px}.empty-state{align-items:center;background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-state svg{color:#6c757d;margin-bottom:24px}.empty-state h4{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:12px}.empty-state p{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:32px;max-width:400px}.empty-state .btn-primary{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:50px;box-shadow:0 4px 16px #dc143c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.empty-state .btn-primary:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px) scale(1.02)}.save-status{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.save-status.saving{background:#4a90e21a;color:#4a90e2}.save-status.saved{background:#28a7451a;color:#28a745}.save-status.error{background:#dc143c1a;color:#dc143c}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.settings-header h3{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0}.settings-actions{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;margin-top:40px;padding-top:32px}.btn-primary{align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);border:none;border-radius:50px;box-shadow:0 4px 16px #dc143c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.btn-primary:hover{box-shadow:0 8px 24px #dc143c66;transform:translateY(-2px) scale(1.02)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:#4a90e21a;border:2px solid #4a90e233;border-radius:50px;color:#4a90e2;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#4a90e226;transform:translateY(-1px)}.btn-danger{align-items:center;background:#dc143c1a;border:2px solid #dc143c33;border-radius:50px;color:#dc143c;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-danger:hover{background:#dc143c26;transform:translateY(-1px)}.settings-content{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:40px}.settings-sections{display:flex;flex-direction:column;gap:40px}.settings-section{border-bottom:2px solid #f0f0f0;padding-bottom:32px}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section h4{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:24px}.setting-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-item label{color:#1a1a1a;font-size:1rem;font-weight:600}.setting-item input[type=email],.setting-item input[type=text]{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-size:.95rem;min-width:250px;padding:12px 16px;transition:all .3s ease}.setting-item input[type=email]:focus,.setting-item input[type=text]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.setting-item input[type=email]:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.setting-item small{color:#6c757d;display:block;font-size:.8rem;margin-top:4px}.setting-toggle{align-items:center;display:flex;gap:16px}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+label{background:linear-gradient(135deg,#4a90e2,#6bb8e8)}.toggle-switch input:focus+label{box-shadow:0 0 1px #4a90e2}.toggle-switch input:checked+label:before{transform:translateX(26px)}.dashboard-error,.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:60px 20px}.error-content,.loading-content{max-width:400px;text-align:center}.error-content h3,.loading-content h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:24px 0 12px}.error-content p,.loading-content p{color:#6c757d;font-size:1rem;line-height:1.5}.spinner{animation:spin 1s linear infinite;color:#4a90e2}.error-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.view-all-activity{align-items:center;background:#4a90e21a;border:2px solid #4a90e233;border-radius:50px;color:#4a90e2;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;margin-top:20px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.view-all-activity:hover{background:#4a90e226;transform:translateY(-1px)}.member-info{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;padding:32px}.member-info h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:24px}.member-details{display:flex;flex-direction:column;gap:16px}.member-date{align-items:center;color:#4a90e2;display:flex;font-size:1.1rem;font-weight:600;gap:12px}.member-stats{color:#6c757d;display:flex;flex-direction:column;font-size:.95rem;gap:8px}@media (max-width:768px){.container{padding:0 20px}.dashboard-header{padding:100px 0 40px}.dashboard-header-content{flex-direction:column;gap:32px;padding:0 20px;text-align:center}.welcome-text h1{font-size:2rem}.welcome-text p{font-size:1.125rem}.quick-stats{flex-wrap:wrap;gap:16px;justify-content:center}.quick-stat{min-width:140px;padding:20px 24px}.nav-tabs{gap:4px;justify-content:flex-start}.nav-tab{font-size:.85rem;padding:10px 16px}.stats-grid{gap:20px;grid-template-columns:1fr}.stat-card{padding:24px}.stat-card-header{flex-direction:column;gap:12px;text-align:center}.stat-metrics{gap:20px}.saved-header{align-items:flex-start;flex-direction:column;gap:16px}.saved-controls{flex-direction:column;gap:12px;width:100%}.search-box input{min-width:100%}.saved-grid{gap:16px;grid-template-columns:1fr}.action-btn,.action-buttons{justify-content:center}.action-btn{flex:1 1;min-width:140px}.settings-section{padding-bottom:24px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 0}.setting-item input[type=email],.setting-item input[type=text]{min-width:auto;width:100%}.dashboard-nav .container{align-items:stretch;flex-direction:column;gap:16px}.nav-actions{justify-content:center;margin-left:0}.refresh-btn{height:40px;width:40px}.refresh-btn svg{height:18px;width:18px}.verification-status{font-size:.8rem;margin-top:8px;padding:6px 14px}.verification-status svg{height:14px;width:14px}}@media (max-width:480px){.dashboard-header{padding:80px 0 30px}.dashboard-header-content{align-items:center;padding:0 16px;text-align:center}.welcome-text h1{font-size:1.75rem}.welcome-text p{font-size:1rem}.user-avatar{height:60px;width:60px}.quick-stats{gap:12px}.quick-stat{flex-direction:column;gap:8px;min-width:120px;padding:16px 20px;text-align:center}.quick-stat svg{height:36px;padding:8px;width:36px}.nav-tabs{gap:2px}.nav-tab{font-size:.8rem;padding:8px 12px}.quick-actions,.recent-overview,.saved-story-card,.stat-card{padding:20px}.dashboard-nav .container{gap:12px}.refresh-btn{height:36px;width:36px}.refresh-btn svg{height:16px;width:16px}.nav-actions{margin-top:8px}.verification-status{align-self:center;font-size:.75rem;padding:5px 12px}}.export-quick-btn{background:linear-gradient(135deg,#28a7451a,#34ce571a)!important;border:2px solid #28a74533!important;color:#28a745!important}.export-quick-btn:hover{background:linear-gradient(135deg,#28a74526,#34ce5726)!important;border-color:#28a745!important;box-shadow:0 4px 16px #28a74533;transform:translateY(-2px) scale(1.02)}.action-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center}@media (max-width:768px){.action-buttons{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:480px){.action-buttons{gap:12px;grid-template-columns:1fr 1fr}.action-btn{font-size:.85rem;padding:12px 16px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em;line-height:1.6}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.main-content{min-height:calc(100vh - 140px);padding:2rem 0}.page-header{margin-bottom:2rem;text-align:center}.page-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.hero{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8 25%,#87ceeb 50%,#b0e0e6 75%,#e8f4fd);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.chicago-stars{display:flex;gap:100px;left:50%;opacity:.08;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.star{animation:float 8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(220,20,60,.2));height:140px;width:140px}.star1{animation-delay:0s}.star2{animation-delay:2s}.star3{animation-delay:4s}.star4{animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-content{max-width:900px;padding:60px 32px;position:relative;text-align:center;z-index:2}.hero-title{color:#fff;font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;text-shadow:0 4px 20px #00000026}.chicago-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#dc143c,#ff4757,#ff6b6b);-webkit-background-clip:text;background-clip:text;display:inline;position:relative;vertical-align:initial}.chicago-flag{border-radius:8px;box-shadow:0 4px 12px #0003,0 2px 6px #0000001a;display:inline;filter:drop-shadow(0 2px 8px rgba(220,20,60,.3));height:1.2em;margin-left:12px;transition:all .3s ease;vertical-align:middle;width:auto}.chicago-flag:hover{box-shadow:0 6px 20px #00000040,0 4px 10px #00000026;transform:scale(1.05)}.hero-subtitle{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:48px;text-shadow:0 2px 10px #0000001a}.heart-icon{animation:heartbeat 2.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(220,20,60,.3));height:28px;width:28px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.hero-description{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #0000001a,0 8px 32px #0000000d,inset 0 1px 0 #fffc;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:700px;padding:48px;text-align:left}.description-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.alert-icon{background:#dc143c1a;border-radius:12px;color:#dc143c;padding:8px}.description-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.hero-description p{color:#2c2c2c;font-size:1.125rem;line-height:1.7;margin-bottom:20px}.hero-description p:last-of-type{margin-bottom:24px}.hero-description strong{color:#dc143c;font-weight:700}.hero-description em{color:#666;font-style:italic}.commitment-badge{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border-radius:50px;box-shadow:0 4px 16px #4a90e24d;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:10px;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;padding:12px 20px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:32px}.cta-primary,.cta-secondary{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:10px;letter-spacing:-.01em;padding:18px 36px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.cta-primary{background:linear-gradient(135deg,#dc143c,#ff4757);box-shadow:0 8px 32px #dc143c66;color:#fff}.cta-primary:hover{box-shadow:0 16px 48px #dc143c80;transform:translateY(-3px) scale(1.02)}.cta-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #ffffff80;box-shadow:0 4px 20px #0000001a;color:#1a1a1a}.cta-secondary:hover{background:#fff;box-shadow:0 12px 36px #00000026;transform:translateY(-3px) scale(1.02)}.privacy-notice{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;color:#fffffff2;display:flex;font-size:.95rem;font-weight:500;gap:10px;justify-content:center;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;padding:16px 28px}.stats{background:linear-gradient(180deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef;padding:120px 0}.stats-container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px;padding:0 32px}.stat-item{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;overflow:hidden;padding:48px 32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.stat-item:before{background:linear-gradient(90deg,#4a90e2,#6bb8e8,#dc143c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.stat-item:hover:before{transform:translateX(0)}.stat-item:hover{box-shadow:0 20px 60px #0000001f,0 8px 32px #00000014;transform:translateY(-8px) scale(1.02)}.stat-item svg{background:#4a90e21a;border-radius:16px;color:#4a90e2;height:56px;margin-bottom:20px;padding:16px;width:56px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc143c,#ff4757);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1;margin-bottom:12px}.stat-label{color:#6c757d;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.board-preview{background:linear-gradient(135deg,#fafafa,#f1f3f4);padding:120px 0}.section-title{color:#1a1a1a;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;text-align:center}.section-subtitle{color:#6c757d;font-size:1.25rem;font-weight:500;max-width:600px;text-align:center}.posts-container,.section-subtitle{margin-bottom:80px;margin-left:auto;margin-right:auto}.posts-container{display:flex;flex-direction:column;gap:32px;max-width:800px}.post-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 8px 32px #0000000f,0 4px 16px #0000000a;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.post-card:before{background:linear-gradient(90deg,#4a90e2,#dc143c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.post-card:hover:before{transform:translateX(0)}.post-card:hover{box-shadow:0 20px 60px #0000001f,0 8px 32px #00000014;transform:translateY(-4px)}.post-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.post-badges{display:flex;flex-wrap:wrap;gap:12px}.severity-badge{border-radius:20px;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:6px 16px;text-transform:uppercase}.severity-badge.high{background:linear-gradient(135deg,#dc143c,#ff4757);color:#fff}.severity-badge.medium{background:linear-gradient(135deg,#ff8c00,orange);color:#fff}.severity-badge.low{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.category-badge{background:#4a90e21a;border:1px solid #4a90e233;border-radius:20px;color:#4a90e2;font-size:.875rem;font-weight:600;gap:6px;padding:6px 16px}.category-badge,.post-voting{align-items:center;display:flex}.post-voting{flex-direction:column;gap:8px;min-width:70px}.vote-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#6c757d;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.vote-btn:hover{background:#4a90e20d;border-color:#4a90e2;color:#4a90e2;transform:scale(1.1)}.vote-btn.active{background:#dc143c1a;border-color:#dc143c;color:#dc143c}.vote-up.active{background:#28a7451a;border-color:#28a745;color:#28a745}.vote-count{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#dc143c,#ff4757);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;display:flex;font-size:1.25rem;font-weight:800;min-height:30px}.post-content{flex:1 1}.post-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:16px}.post-text{color:#495057;font-size:1.0625rem;line-height:1.7}.post-details,.post-text{margin-bottom:20px}.post-location{background:#6c757d1a;border-radius:20px;font-weight:500;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.post-location,.post-meta{align-items:center;color:#6c757d;display:flex;font-size:.9375rem}.post-meta{border-top:1px solid #f1f3f4;justify-content:space-between;padding-top:16px}.comment-count,.post-time{align-items:center;display:flex;font-weight:500;gap:6px}.comment-count{color:#4a90e2}.view-all{text-align:center}.view-all-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#6bb8e8);border:none;border-radius:50px;box-shadow:0 8px 32px #4a90e24d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:12px;letter-spacing:-.01em;padding:20px 40px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.view-all-btn:hover{box-shadow:0 16px 48px #4a90e266;transform:translateY(-3px) scale(1.02)}.footer{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);color:#fff;padding:80px 0 40px}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:48px}.footer-section h4{color:#fff;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin-bottom:20px}.footer-section p{color:#adb5bd;font-size:1.0625rem;line-height:1.7}.footer-bottom{border-top:1px solid #404040;color:#adb5bd;font-size:1rem;padding-top:40px;text-align:center}@media (max-width:768px){.container{padding:0 20px}.page-header h1{font-size:2rem}.main-content{padding:1rem 0}.chicago-stars{gap:50px}.star{height:80px;width:80px}.hero-content{padding:40px 20px}.hero-description{margin-bottom:40px;padding:32px 24px}.hero-description p{font-size:1rem}.description-header{flex-direction:column;gap:12px;text-align:center}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{justify-content:center;max-width:320px;width:100%}.stats-container{gap:32px;grid-template-columns:1fr;padding:0 20px}.posts-container{padding:0 20px}.post-card{padding:24px}.post-header{flex-direction:column;gap:16px}.post-voting{flex-direction:row;justify-content:center;min-width:auto}.section-title{font-size:2.25rem}.post-meta{align-items:flex-start;flex-direction:column;gap:12px}.chicago-flag{height:1em;margin-right:10px}}@media (max-width:480px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.375rem}.hero-description{padding:24px 20px}.post-badges{justify-content:center}.chicago-flag{height:.8em;margin-right:8px}.hero{padding-top:60px}}
/*# sourceMappingURL=main.3ce1f60a.css.map*/