:root{--bg: #f7f7f4;--fg: #26251e;--fg-light: #555555;--accent: #f54e00;--card: #f2f1ed;--card-01: #f0efeb;--card-02: #ebeae5;--card-03: #e6e5e0;--card-04: #e1e0db}[data-theme=dark]{--bg: #14120b;--fg: #edecec;--fg-light: #d2d1d1;--accent: #f54e00;--card: #1b1913;--card-01: #1d1b15;--card-02: #201e18;--card-03: #26241e;--card-04: #2b2923}*{margin:0;padding:0;box-sizing:border-box}.ph{display:inline-block;vertical-align:middle;line-height:1;font-size:1.25rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg);color:var(--fg);line-height:1.6;transition:background-color .1s ease,color .1s ease;min-height:100vh}::selection{background-color:var(--card-04);color:var(--fg)}::-moz-selection{background-color:var(--card-04);color:var(--fg)}.header{background-color:var(--card);border-bottom:1px solid var(--card-03);position:sticky;top:0;z-index:100}.header-inner{max-width:1200px;padding:1rem 2rem;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h1{flex:1 1 auto;min-width:0}.header h1{font-size:1.5rem;color:var(--fg);font-weight:600}.header h1 a{text-decoration:none;color:inherit;transition:opacity .05s ease}.header h1 a:hover{opacity:.7}.header-controls{display:flex;gap:1rem;align-items:center;flex-shrink:0}.auth-controls{display:flex;align-items:center;gap:.75rem}.auth-user-dropdown{position:relative}.auth-user-container{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background-color .15s ease;font-family:inherit}.auth-user-container:hover{background-color:var(--card-02)}.auth-user-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--card-03);flex-shrink:0;order:2}.auth-user{font-size:.95rem;color:var(--fg);opacity:.8;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1}.auth-user-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--card);border:1px solid var(--card-03);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:1000;padding:.25rem}.auth-user-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.auth-user-dropdown-item{width:100%;padding:.625rem .75rem;border:none;background:transparent;color:var(--fg);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:.5rem;transition:background-color .15s ease;font-family:inherit}.auth-user-dropdown-item:hover{background-color:var(--card-02)}.auth-user-dropdown-item i{font-size:1rem;line-height:1}.main-container{max-width:1200px;margin:0 auto;padding:2rem}.section{margin-bottom:3rem}.section h2{margin-bottom:1.5rem;color:var(--fg);font-weight:600}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.section-heading h2{margin:0}.section-heading .btn{flex-shrink:0}.create-event-cta{transition:background-color .15s ease,color .15s ease}.form{background-color:var(--card);padding:1.5rem;border-radius:8px;border:1px solid var(--card-03)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--fg);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--card-02);border-radius:4px;background-color:var(--bg);color:var(--fg);font-size:1rem;font-family:inherit;transition:border-color .1s ease,background-color .1s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--card-04);background-color:var(--bg)}.form-group textarea{resize:vertical;min-height:80px}#submissionStatus{font-size:.875rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#d94500;box-shadow:0 4px 12px #f54e004d}.btn-primary:active{transform:translateY(0)}#openCreateEventModal,#createEventSubmitBtn,#submitQuestionBtn{background-color:var(--fg);color:var(--bg)}#openCreateEventModal:hover,#createEventSubmitBtn:hover,#submitQuestionBtn:hover{background-color:var(--fg);opacity:.9;box-shadow:0 4px 12px #0003}.btn-secondary{background-color:var(--card-02);color:var(--fg);border:1px solid var(--card-03)}.btn-secondary:hover{background-color:var(--card-03)}.btn-icon{background:transparent;padding:.5rem;font-size:1.5rem;border:none;cursor:pointer;border-radius:4px;transition:background-color .1s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--fg)}.btn-icon i{font-size:1.5rem;line-height:1;color:inherit}.btn-icon:hover{background-color:var(--card-02)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-small i{font-size:.875rem}.keyboard-shortcut{display:inline-flex;align-items:center;gap:.125rem;margin-left:.05rem;opacity:.7}.keyboard-shortcut i{font-size:.875rem;line-height:1}#submitQuestionBtn .btn-text-mobile{display:none}#submitQuestionBtn .btn-text-desktop{display:inline}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.event-card{background-color:var(--card);padding:1.5rem;border-radius:8px;border:1px solid var(--card-03);cursor:pointer;transition:background-color .1s ease}.event-card:hover{background-color:var(--card-01)}.event-card h3{color:var(--fg);margin-bottom:.5rem;font-weight:600}.event-card .event-date{color:var(--fg-light);font-size:.9rem;font-weight:400;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.event-card .event-question-count{color:var(--fg-light);font-size:.875rem;font-weight:400;margin-top:.5rem}.event-date-badge{display:inline-block;background-color:var(--accent);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.025em;opacity:1!important}.event-detail-header{margin-bottom:2.5rem;position:relative}.event-detail-header h2{margin:0 0 .5rem;font-weight:600;color:var(--fg)}.back-to-events-link{display:inline-block;color:var(--fg-light);text-decoration:none;font-size:.875rem;margin-top:.75rem;transition:opacity .15s ease,color .15s ease;position:absolute;right:0;top:0}.back-to-events-link:hover{opacity:.8;color:var(--fg);text-decoration:underline}.event-date{color:var(--fg-light);font-size:1rem;font-weight:400;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#eventDetailSection h3{font-weight:600;color:var(--fg);margin-bottom:1rem}#eventDetailSection h3:first-of-type{margin-top:0}#eventDetailSection .form{margin-bottom:2.5rem}.questions-container{margin-top:0}.questions-container h3{margin-bottom:1.5rem}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.questions-list:empty:before{content:"No questions yet. Be bold and ask the first one!";display:block;color:var(--fg);opacity:.6;font-weight:400;padding:3rem 0;text-align:center;border:2px dotted var(--card-03);border-radius:8px;margin:1rem 0}.empty-state{color:var(--fg);opacity:.6;font-weight:400;padding:3rem 0;text-align:center;margin:1rem 0;border:2px dotted var(--card-03);border-radius:8px}.question-card{background-color:var(--card);padding:2rem;border-radius:12px;border:1px solid var(--card-03);transition:all .15s ease;display:flex;flex-direction:column;gap:1.25rem}.question-card:hover{background-color:var(--card-01);border-color:var(--card-04)}.question-card.answered{opacity:.65;background-color:var(--card-02)}.question-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.question-text{font-size:1.25rem;font-weight:500;color:var(--fg);line-height:1.6;flex:1}.question-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;font-size:1rem;color:var(--fg);opacity:.6;font-weight:500;margin-top:-.5rem}.question-meta span:not(:last-child){display:flex;align-items:center}.question-actions{display:flex;gap:.75rem;align-items:center}.upvote-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--card-01);color:var(--fg);border:1px solid var(--card-03);padding:.625rem 1.125rem;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.875rem;font-weight:500;line-height:1;font-family:inherit;position:relative}.upvote-btn:hover{background-color:var(--card-03);border-color:var(--card-04)}.upvote-btn.upvoted{background-color:var(--accent);color:#fff;border-color:var(--accent)}.upvote-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:0;transform:translate(0);margin-bottom:.5rem;padding:.5rem .75rem;background-color:var(--fg);color:var(--bg);font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.upvote-btn:before{content:"";position:absolute;bottom:100%;right:1rem;transform:translate(0);margin-bottom:.25rem;border:4px solid transparent;border-top-color:var(--fg);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.upvote-btn:hover:after,.upvote-btn:hover:before{opacity:1}.upvote-btn i{font-size:.875rem;line-height:1}.upvote-count{font-weight:500;font-size:.875rem}.answered-btn{background-color:var(--card-02);color:var(--fg);border:1px solid var(--card-03);padding:.625rem 1.125rem;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;font-family:inherit}.answered-btn:hover{background-color:var(--card-03)}.answered-btn.marked{background-color:var(--accent);color:#fff;border-color:var(--accent)}.answered-btn i{font-size:.875rem;line-height:1}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .08s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal.show{display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background-color:var(--card);padding:0;border-radius:12px;max-width:480px;width:90%;border:1px solid var(--card-03);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:slideUp .2s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--card-03)}.modal-header h2{margin:0;color:var(--fg);font-weight:600;font-size:1.25rem;letter-spacing:-.01em}.modal-close{background:transparent;border:none;color:var(--fg);cursor:pointer;line-height:1;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.6;width:32px;height:32px}.modal-close i{font-size:1.25rem}.modal-close:hover{background-color:var(--card-03);opacity:1}.modal-close:active{transform:scale(.95)}.modal-form{padding:1.5rem}.modal-form .form-group{margin-bottom:1.25rem}.modal-form .form-group:last-of-type{margin-bottom:1.5rem}.modal-form .form-group label{display:block;margin-bottom:.5rem;color:var(--fg);font-weight:500;font-size:.875rem;letter-spacing:-.01em}.modal-form .form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--card-03);border-radius:8px;background-color:var(--card-01);color:var(--fg);font-size:.9375rem;font-family:inherit;transition:all .15s ease;margin-bottom:0}.modal-form .form-group input:hover{border-color:var(--card-04);background-color:var(--card)}.modal-form .form-group input:focus{outline:none;border-color:var(--accent);background-color:var(--card);box-shadow:0 0 0 3px #f54e001a}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;filter:brightness(0);transition:opacity .05s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1)}input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;opacity:.7;filter:brightness(0);transition:opacity .05s ease}input[type=date]::-moz-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date]::-moz-calendar-picker-indicator{filter:brightness(0) invert(1)}.modal-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-03)}.modal-form-actions .btn{margin:0;min-width:120px}.modal-content>h2:first-child{margin:0 0 .75rem;color:var(--fg);font-weight:600;font-size:1.25rem;padding:1.5rem 1.5rem 0}.modal-header h2{padding:0!important}.modal-content>p{margin:0 0 1.5rem;color:var(--fg);opacity:.6;font-weight:400;padding:0 1.5rem}.modal-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:0 1.5rem 1.5rem}.modal-buttons .btn{width:100%}@media (max-width: 768px){.main-container,.header-inner{padding:1rem}.header{padding:0;flex-wrap:nowrap}.header h1{font-size:1.25rem}.header-controls{justify-content:flex-end;gap:.5rem;flex-wrap:nowrap}.auth-controls{justify-content:flex-end;gap:.5rem;flex-wrap:nowrap;width:auto;min-width:0}.auth-user{max-width:120px}.auth-user-dropdown-menu{min-width:140px}.events-grid{grid-template-columns:1fr}.question-card{padding:1.5rem;gap:1rem}.question-text{font-size:1.125rem}.question-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.modal-content{max-width:95%;border-radius:12px}.modal-header{padding:1.25rem 1.25rem 1rem}.modal-form{padding:1.25rem}.modal-content>h2:first-child{padding:1.25rem 1.25rem 0}.modal-content>p{padding:0 1.25rem}.modal-buttons{padding:0 1.25rem 1.25rem}.section-heading{flex-direction:row;align-items:center}.create-event-cta{background:unset!important;color:var(--fg);border:none;padding:0;box-shadow:none;min-height:auto;font-size:.95rem;gap:.35rem;text-decoration-thickness:1px;text-underline-offset:.15em;font-weight:500}.create-event-cta:hover{opacity:.8;background:transparent}.create-event-cta i{display:inline-flex;font-size:1rem;color:var(--fg)}#openCreateEventModal,#createEventSubmitBtn{background-color:var(--bg);color:var(--fg);border:1px solid var(--fg);padding:.375rem .5rem}#openCreateEventModal i{text-decoration:none!important;border:none!important}#openCreateEventModal:hover,#createEventSubmitBtn:hover{background-color:var(--fg);opacity:.9;box-shadow:0 4px 12px #0003}#submitQuestionBtn{background-color:var(--fg);color:var(--bg);padding:.5rem 1rem}#submitQuestionBtn:hover{background-color:var(--fg);opacity:.9;box-shadow:0 4px 12px #0003}#submitQuestionBtn .btn-text-desktop{display:none}#submitQuestionBtn .btn-text-mobile{display:inline}#submitQuestionBtn .keyboard-shortcut{display:none}.form{padding:1rem}}
