.side-nav{position:fixed;top:0;left:0;bottom:0;width:var(--nav-width);background:var(--color-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-4) 0;gap:var(--space-1);z-index:100}.side-nav-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--color-accent);text-decoration:none;font-size:var(--text-lg);font-weight:700;position:relative}.side-nav-brand:after,.side-nav-brand:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(to right,#31c50c,#212222);bottom:-5px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out}.side-nav-brand:before{top:-5px;transform-origin:left}.side-nav-brand:hover{text-decoration:none}.side-nav-brand:hover:after,.side-nav-brand:hover:before{transform:scaleX(1)}.side-nav-brand-bar{width:4px;height:20px;background:var(--color-accent);border-radius:2px}.top-auth-bar{display:none}@media(max-width:768px){.top-auth-bar{position:fixed;top:0;left:auto;right:0;display:flex;height:var(--nav-height);align-items:center;gap:var(--space-2);padding:0 var(--space-3);z-index:200;background:transparent}}.top-auth-btn{padding:var(--space-2) var(--space-4);border-radius:8px;font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.top-auth-signup{background:var(--color-accent);color:#111}.top-auth-signup:hover{background:var(--color-accent-hover);text-decoration:none}.top-auth-login{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.top-auth-login:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.side-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);border-radius:10px;position:relative}.side-nav-link:hover{color:var(--color-text);text-decoration:none}.side-nav-link.active{color:var(--color-accent);font-weight:600;background:var(--color-bg-elevated)}.side-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--color-accent);border-radius:0 2px 2px 0}.side-nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem}.side-nav-svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:currentColor}.side-nav-icon-with-badge{position:relative}.side-nav-badge{position:absolute;top:-4px;right:-6px;min-width:1rem;height:1rem;padding:0 .25rem;background:var(--color-accent);color:#111;font-size:.6rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1}.side-nav-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;display:block;flex-shrink:0;border:1.5px solid var(--color-border)}.side-nav-avatar-fallback{background:var(--color-accent);color:var(--color-bg);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.side-nav-label{font-size:var(--text-sm)}.side-nav-label-desktop{display:inline}.side-nav-label-mobile{display:none}@media(max-width:768px){.side-nav-label-desktop{display:none}.side-nav-label-mobile{display:inline}.side-nav{inset:0 0 auto;width:100%;height:var(--nav-height);flex-direction:row;align-items:center;padding:0 var(--space-4);border-right:none;border-bottom:1px solid var(--color-border)}.side-nav-brand{margin-bottom:0;margin-right:auto;padding:var(--space-2) var(--space-3)}.side-nav-brand-bar{width:3px;height:16px}.side-nav-brand-text{font-size:var(--text-base)}.side-nav-brand:after,.side-nav-brand:before{display:none}.top-auth-bar+.side-nav{padding-right:165px}.side-nav-link{flex:1;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:var(--space-1) var(--space-2);margin:0;min-width:0}.side-nav-link-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center}.side-nav-link.active:before{left:50%;bottom:0;transform:translate(-50%);width:24px;height:3px;border-radius:2px 2px 0 0}.side-nav-label{font-size:.6rem}.side-nav-icon,.side-nav-icon-with-badge{width:1.3rem;height:1.3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.side-nav-icon{font-size:1.1rem}.side-nav-svg{width:1.1rem;height:1.1rem}.side-nav-label-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.side-nav-avatar{width:1.3rem;height:1.3rem}.side-nav-avatar-fallback{font-size:.65rem}.side-nav-badge{top:-2px;right:-4px;min-width:.85rem;height:.85rem;font-size:.5rem}.top-auth-btn{padding:var(--space-1) var(--space-3);font-size:.75rem}}@media(max-width:480px){.top-auth-bar+.side-nav{padding-right:var(--space-4)}.top-auth-bar{position:fixed;top:var(--nav-height);left:0;right:0;height:auto;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--color-sidebar);border-bottom:1px solid var(--color-border);z-index:200}.top-auth-btn{padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}}@media(max-width:360px){.side-nav{flex-wrap:wrap;height:auto;padding:var(--space-1) var(--space-2)}.side-nav-brand{width:100%;justify-content:center;margin-right:0;padding:var(--space-1) 0}.side-nav-link{padding:var(--space-2) var(--space-3)}.side-nav-label{font-size:.55rem}.top-auth-bar{top:88px}}.auth-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-bottom:10vh;background:var(--color-bg);z-index:50}.auth-card{width:100%;max-width:400px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-8)}.auth-logo{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin:0 0 var(--space-2);text-align:center}.auth-tagline{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin:0 0 var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-input{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);min-height:var(--tap-min)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:focus{outline:none;border-color:var(--color-accent)}.auth-forgot{font-size:var(--text-sm);color:var(--color-accent);align-self:flex-end}.auth-submit{padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#111;border:none;border-radius:8px;font-weight:600;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer}.auth-submit:hover:not(:disabled){background:var(--color-accent-hover)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-submit-secondary{margin-top:var(--space-2);background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.auth-submit-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.auth-password-requirements{list-style:none;margin:var(--space-2) 0 0;padding:0;font-size:var(--text-xs);color:var(--color-text-muted)}.auth-password-requirements li{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.auth-password-requirements li.met{color:var(--color-success)}.auth-req-icon{font-size:.75em;width:1.2em;text-align:center}.auth-password-requirements li.met .auth-req-icon{color:var(--color-success)}.auth-error{color:var(--color-error);font-size:var(--text-sm);margin:0}.auth-success{color:var(--color-text);font-size:var(--text-sm);margin:0;line-height:1.5;padding:var(--space-3);background:#4caf501f;border:1px solid var(--color-border);border-radius:8px}.auth-success-hint{color:var(--color-text-muted);font-size:var(--text-xs);margin:0;line-height:1.5}.auth-success-continuing{color:var(--color-accent);font-size:var(--text-sm);font-weight:600;margin:0;text-align:center}.auth-switch{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.auth-switch a{color:var(--color-accent);font-weight:500}.auth-link-btn{background:none;border:none;color:var(--color-accent);font-weight:500;cursor:pointer;font-size:inherit;padding:0}.auth-role-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.auth-role-btn{flex:1;min-width:90px;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.auth-role-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#111}.auth-role-btn:hover:not(.active){border-color:var(--color-accent);color:var(--color-accent)}.welcome-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg)}.welcome-card{text-align:center;max-width:360px}.welcome-logo{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-4)}.welcome-text{color:var(--color-text-muted);margin:0;line-height:1.5}.welcome-error{color:var(--color-error)}.welcome-actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.welcome-link{color:var(--color-accent);font-weight:600;text-decoration:none}.welcome-link:hover{text-decoration:underline}.welcome-link-button{background:none;border:none;cursor:pointer;font:inherit;padding:0}.loc-ac-wrap{position:relative;width:100%}.loc-ac-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:loc-ac-spin .6s linear infinite;pointer-events:none}@keyframes loc-ac-spin{to{transform:translateY(-50%) rotate(360deg)}}.loc-ac-list{z-index:9999;margin:0;padding:4px 0;list-style:none;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000059;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.loc-ac-list::-webkit-scrollbar{width:6px}.loc-ac-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.loc-ac-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.loc-ac-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.loc-ac-item{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background .1s}.loc-ac-item.active,.loc-ac-item:hover{background:var(--color-bg-card)}.crop-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.crop-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-6);width:min(480px,100%);display:flex;flex-direction:column;gap:var(--space-4)}.crop-title{margin:0;font-size:var(--text-lg);font-weight:600}.crop-subtitle{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.crop-container{position:relative;width:100%;height:320px;border-radius:8px;overflow:hidden;background:var(--color-bg)}.crop-controls{display:flex;align-items:center;gap:var(--space-4)}.crop-slider-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex:1}.crop-slider-row input[type=range]{flex:1;accent-color:var(--color-accent)}.crop-rotate-btn{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;flex-shrink:0}.crop-rotate-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.crop-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.crop-btn{padding:var(--space-2) var(--space-5);border-radius:8px;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:var(--tap-min)}.crop-btn-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.crop-btn-cancel:hover{border-color:var(--color-accent);color:var(--color-accent)}.crop-btn-apply{background:var(--color-accent);border:none;color:#111}.crop-btn-apply:hover{background:var(--color-accent-hover)}.crop-btn-apply:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.crop-container{height:260px}.crop-modal{padding:var(--space-4)}}.dwp-toggle-btn{text-align:left;cursor:pointer;font-size:var(--text-base)}.dwp-toggle-btn:empty:after{content:"Select date";color:var(--color-text-muted)}.dwp-wrapper{display:flex;gap:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;height:200px;-webkit-user-select:none;user-select:none}.dwp-column{flex:1;position:relative;overflow:hidden}.dwp-column:first-child{flex:1.5}.dwp-highlight{position:absolute;top:50%;left:4px;right:4px;height:40px;transform:translateY(-50%);background:var(--color-bg-elevated);border-radius:8px;pointer-events:none;z-index:1}.dwp-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.dwp-scroll::-webkit-scrollbar{display:none}.dwp-pad{height:80px;flex-shrink:0}.dwp-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;scroll-snap-align:start;position:relative;z-index:2;transition:color .15s,font-weight .15s;padding:0 var(--space-2);white-space:nowrap}.dwp-item-active{color:var(--color-text);font-weight:600}.dwp-item:hover:not(.dwp-item-active){color:var(--color-accent)}.dwp-column:before,.dwp-column:after{content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:3}.dwp-column:before{top:0;background:linear-gradient(to bottom,var(--color-bg) 0%,transparent 100%)}.dwp-column:after{bottom:0;background:linear-gradient(to top,var(--color-bg) 0%,transparent 100%)}.profile-setup-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.profile-setup-card{max-width:560px;margin:0 auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-6)}@media(min-width:900px){.profile-setup-card{max-width:720px}}@media(min-width:1200px){.profile-setup-card{max-width:860px}}.ps-progress{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-6)}.ps-progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ps-progress-dot{width:32px;height:32px;border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.ps-progress-step.active .ps-progress-dot{background:var(--color-accent);border-color:var(--color-accent);color:#111}.ps-progress-step.current .ps-progress-dot{outline:2px solid var(--color-accent);outline-offset:2px}.ps-progress-label{font-size:var(--text-xs);color:var(--color-text-muted)}.ps-progress-step.active .ps-progress-label{color:var(--color-text)}.ps-title,.profile-setup-card h1{font-size:var(--text-xl);margin:0 0 var(--space-2)}.ps-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.ps-back{padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer}.ps-back:hover{border-color:var(--color-accent);color:var(--color-accent)}.ps-skip{display:block;margin:var(--space-4) auto 0;padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ps-skip:hover{color:var(--color-accent)}.ps-skip:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.ps-next{padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#111;border:none;border-radius:8px;font-weight:600;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer}.ps-next:hover:not(:disabled){background:var(--color-accent-hover)}.ps-next:disabled{opacity:.5;cursor:not-allowed}.ps-skip-msg{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.profile-setup-sub{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-6)}.ps-error,.auth-error{color:var(--color-error);font-size:var(--text-sm);margin:0}.ps-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.ps-hint-error{color:var(--color-error)}.profile-setup-form{display:flex;flex-direction:column;gap:var(--space-5)}.ps-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.ps-required-hint{font-weight:400;color:var(--color-text-muted);opacity:.9}.ps-input{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);min-height:var(--tap-min)}.ps-textarea{min-height:80px;resize:vertical}.ps-input:focus{outline:none;border-color:var(--color-accent)}.ps-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ps-chip{padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;min-height:36px}.ps-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#111}.ps-chip:hover:not(.active){border-color:var(--color-accent)}.ps-submit{padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#111;border:none;border-radius:8px;font-weight:600;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer;margin-top:var(--space-2)}.ps-submit:hover{background:var(--color-accent-hover)}.ps-cancel{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer;width:100%}.ps-cancel:hover{border-color:var(--color-text-muted);color:var(--color-text)}.ps-avatar-upload{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.ps-avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--color-bg);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center}.ps-avatar-img{width:100%;height:100%;object-fit:cover}.ps-avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.ps-avatar-icon{font-size:2rem}.ps-avatar-label{padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#111;border-radius:8px;font-size:var(--text-sm);font-weight:600;cursor:pointer;min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.ps-avatar-label:hover{background:var(--color-accent-hover)}.ps-avatar-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.ps-avatar-edit{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;font-size:var(--text-sm);cursor:pointer}.ps-avatar-edit:hover{border-color:var(--color-accent);color:var(--color-accent)}.ps-avatar-remove{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;font-size:var(--text-sm);cursor:pointer}.ps-avatar-remove:hover{border-color:var(--color-error);color:var(--color-error)}.ps-chips-collapsed .ps-chip:nth-child(n+13){display:none}.ps-show-more{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--color-border);color:var(--color-accent);border-radius:8px;font-size:var(--text-sm);cursor:pointer;align-self:flex-start;transition:background .15s,border-color .15s}.ps-show-more:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.ps-member-row{display:flex;gap:var(--space-2);align-items:center}.ps-member-name{flex:1;min-width:0}.ps-member-role-wrap{position:relative}.ps-member-role-btn{min-width:120px;text-align:left;cursor:pointer}.ps-member-role-btn.has-value{color:var(--color-text)}.ps-member-role-backdrop{position:fixed;inset:0;background:#00000080;z-index:99}.ps-member-role-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-5);z-index:100;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 8px 32px #00000080;max-width:min(90vw,600px);max-height:min(85vh,520px)}.ps-member-role-title{font-size:var(--text-lg);font-weight:600;margin:0}.ps-member-role-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);overflow-y:auto;flex:1;min-height:0;align-content:flex-start}.ps-member-role-apply{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#111;border:none;border-radius:8px;font-size:var(--text-sm);font-weight:600;cursor:pointer;align-self:flex-start}.ps-member-role-apply:hover{background:var(--color-accent-hover)}.ps-member-remove{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer}.ps-member-remove:hover{border-color:var(--color-error);color:var(--color-error)}.ps-member-add{padding:var(--space-2) var(--space-4);background:transparent;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;align-self:flex-start}.ps-member-add:hover{border-color:var(--color-accent);background:#4caf501a}@media(min-width:900px){.ps-chips-collapsed .ps-chip:nth-child(n+13){display:inline-flex}.ps-show-more{display:none}}.profile-card{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);transition:border-color .2s,box-shadow .2s,height .2s ease-out;height:100%;min-height:0}.profile-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000004d}.hero-card-list>li:hover .profile-card{position:absolute;top:0;left:0;right:0;width:100%;height:auto;min-height:100%;overflow-x:hidden;z-index:1}.profile-card-image{aspect-ratio:1;flex-shrink:1;min-height:40px;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-card-image img{width:100%;height:100%;object-fit:cover}.profile-card-initial{font-size:clamp(2rem,8vw,4rem);font-weight:700;color:var(--color-accent);opacity:.8}.profile-card-body{padding:clamp(var(--space-1),1.5vw,var(--space-2)) clamp(var(--space-2),2vw,var(--space-3));padding-bottom:var(--space-2);flex:1;min-height:0;min-width:0;overflow:hidden;flex-shrink:1}.hero-card-list>li:hover .profile-card-body{overflow-x:hidden;overflow-y:visible;flex:0 0 auto}.profile-card-name{font-size:clamp(.8rem,2vw,1rem);font-weight:600;color:var(--color-text);margin:0 0 clamp(var(--space-2),1.5vw,var(--space-3));white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis}.profile-card-details{list-style:none;margin:0;padding:0;min-width:0}.profile-card-details li{position:relative;padding-left:1.25em;margin-bottom:clamp(var(--space-1),.5vw,var(--space-1));font-size:clamp(.65rem,1.5vw,.8rem);color:var(--color-text-muted);line-height:1.35;overflow:hidden;min-width:0;text-indent:-.5em}.hero-card-list>li:hover .profile-card-details li{overflow-x:hidden;overflow-y:visible}.profile-card-details li:before{content:"";position:absolute;left:0;top:.45em;width:clamp(4px,1vw,6px);height:clamp(4px,1vw,6px);background:var(--color-accent);border-radius:50%}.profile-card-details li:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 var(--space-4);border-radius:8px;font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;font-family:inherit}.btn--full{width:100%}.btn--icon{width:var(--tap-min);min-width:var(--tap-min);padding:0}.btn--disabled,.btn:disabled{opacity:.7;cursor:not-allowed}.btn--default{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}.btn--default:hover:not(:disabled):not(.btn--disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#111}.btn--primary:hover:not(:disabled):not(.btn--disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#111}.btn--danger{background:transparent;border-color:var(--color-error);color:var(--color-error)}.btn--danger:hover:not(:disabled):not(.btn--disabled){background:#f443361a}.btn--dangerFilled{background:var(--color-error);border:none;color:#fff}.btn--dangerFilled:hover:not(:disabled):not(.btn--disabled){opacity:.9}.matches-section{margin-bottom:var(--space-12)}.matches-header{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4)}.matches-header h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0}.matches-count{background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:99px}.matches-loading,.matches-empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-6)}.matches-empty p{margin:0}.hero-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-6);padding-top:var(--space-0);min-width:0}@media(max-width:1024px){.hero-page{padding:var(--space-5);padding-top:var(--space-0)}}@media(max-width:768px){.hero-page{padding:var(--space-6);padding-top:var(--space-0)}}@media(max-width:520px){.hero-page{padding:var(--space-5) var(--space-6);padding-bottom:var(--space-8);padding-top:var(--space-1)}}.hero-header{margin-bottom:var(--space-4)}.hero-header-top{display:flex;align-items:center;gap:var(--space-3)}.hero-search-wrap{position:relative;flex:1;min-width:0}.hero-auth-inline{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:768px){.hero-auth-inline{display:none}}.hero-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:var(--text-base);min-height:var(--tap-min)}.hero-search::placeholder{color:var(--color-text-muted)}.hero-search:focus{outline:none;border-color:var(--color-accent)}.hero-header-top .btn{flex-shrink:0}.hero-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--color-text-muted);pointer-events:none}.hero-heading{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0;padding:var(--space-2) 0}.hero-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.hero-filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-xs);color:var(--color-text);white-space:nowrap}.hero-filter-chip-btn{cursor:pointer;transition:border-color .15s,color .15s}.hero-filter-chip-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero-filter-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:var(--color-bg-card);color:var(--color-text-muted);border-radius:50%;font-size:.75rem;line-height:1;cursor:pointer;flex-shrink:0}.hero-filter-chip-x:hover{background:var(--color-accent);color:var(--color-bg)}.hero-filter-clear-all{padding:var(--space-1) var(--space-3);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hero-filter-clear-all:hover{color:var(--color-accent)}.hero-setup-banner{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);border:1px solid var(--color-border);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:0 2px 8px #0003}.hero-setup-icon{font-size:1.25rem;line-height:1}.hero-setup-text{color:var(--color-text);font-size:var(--text-sm);line-height:1.5;margin:0;max-width:320px}.hero-setup-text strong{color:var(--color-accent)}.hero-setup-link{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:8px;font-weight:600;font-size:var(--text-xs);text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px #4caf504d}.hero-setup-link:hover{background:var(--color-accent-hover);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px #4caf5066}.hero-feed{margin-top:var(--space-8);min-width:0}.hero-feed-heading{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-4)}.hero-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.hero-card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}@media(max-width:1024px){.hero-card-list{gap:var(--space-5)}}@media(max-width:768px){.hero-card-list{gap:var(--space-5)}}@media(max-width:480px){.hero-card-list{gap:var(--space-6)}}.hero-card-list>li{aspect-ratio:3 / 5;min-height:0;overflow:hidden;position:relative;align-self:start}.hero-card-list>li:hover{overflow:visible;z-index:20}.hero-card-list>li:hover .hero-card-link{overflow:visible}@media(max-width:1400px){.hero-card-list{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.hero-card-list{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.hero-card-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.hero-card-list{grid-template-columns:repeat(2,1fr)}}.hero-card-link{text-decoration:none;color:inherit;display:block;height:100%;min-height:0;overflow:hidden}.hero-card-link:hover{text-decoration:none}.hero-filters-overlay{position:fixed;inset:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.hero-filters-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.hero-filters-modal::-webkit-scrollbar{width:6px}.hero-filters-modal::-webkit-scrollbar-track{background:transparent;margin:12px 0}.hero-filters-modal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.hero-filters-modal::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.hero-filters-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.hero-filters-header h2{font-size:var(--text-lg);font-weight:600;margin:0}.hero-filters-close{width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.hero-filters-close:hover{background:var(--color-bg-card);color:var(--color-text)}.hero-filters-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.hero-filters-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.hero-filters-input{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);min-height:var(--tap-min)}.hero-filters-input:focus{outline:none;border-color:var(--color-accent)}.hero-filters-error{font-size:var(--text-xs);color:var(--color-accent);margin-top:var(--space-1)}.hero-filters-slider-wrap{position:relative;padding-top:var(--space-8)}.hero-filters-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--color-bg-card);border-radius:4px;outline:none}.hero-filters-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:2px solid var(--color-bg-elevated);box-shadow:0 1px 3px #0000004d}.hero-filters-slider::-moz-range-thumb{width:24px;height:24px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:2px solid var(--color-bg-elevated);box-shadow:0 1px 3px #0000004d}.hero-filters-slider-marks{position:absolute;top:0;left:0;right:0;height:1.5rem;pointer-events:none}.hero-filters-mark{position:absolute;transform:translate(-50%);font-size:var(--text-xs);color:var(--color-text-muted);transition:color .2s}.hero-filters-mark.active{color:var(--color-accent);font-weight:600}.hero-filters-chips-scroll{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.hero-filters-chips-scroll::-webkit-scrollbar{width:5px}.hero-filters-chips-scroll::-webkit-scrollbar-track{background:transparent}.hero-filters-chips-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.hero-filters-chips-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.hero-filters-chip-option{padding:5px 12px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all .15s}.hero-filters-chip-option:hover{border-color:var(--color-accent);color:var(--color-text)}.hero-filters-chip-option.active{background:var(--color-accent);border-color:var(--color-accent);color:#111;font-weight:600}.hero-filters-age-row{display:flex;align-items:center;gap:var(--space-2)}.hero-filters-age-input{flex:1;min-width:0}.hero-filters-age-sep{color:var(--color-text-muted);flex-shrink:0}.hero-filters-sort-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.hero-filters-sort-btn{padding:var(--space-2) var(--space-4);border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.hero-filters-sort-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.hero-filters-sort-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#111;font-weight:600}.hero-filters-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.profile-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.profile-page a:hover{text-decoration:none}.profile-page-header{text-align:center;margin-bottom:var(--space-8)}.profile-page-avatar{width:120px;height:120px;margin:0 auto var(--space-4);border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-page-avatar img{width:100%;height:100%;object-fit:cover}.profile-page-initial{font-size:3rem;font-weight:700;color:var(--color-accent)}.profile-page-name{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-1)}.profile-page-type{color:var(--color-accent);font-size:var(--text-sm);margin:0 0 var(--space-2)}.profile-page-location{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2)}.profile-page-stats{display:flex;justify-content:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.profile-page-stat{color:var(--color-text-muted);text-decoration:none}.profile-page-stat:hover{color:var(--color-accent)}.profile-page-stats strong{color:var(--color-text);font-weight:600}.profile-page-stat:hover strong{color:var(--color-accent)}.profile-page-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.profile-page-section{max-width:560px;margin:0 auto}.profile-page-block{margin-bottom:var(--space-6)}.profile-page-block h2{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.profile-page-block p{margin:0;font-size:var(--text-base)}.profile-page-link{display:inline-block;color:var(--color-accent);font-size:var(--text-sm);text-decoration:none}.profile-page-events-actions{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.profile-page-link:hover{text-decoration:none}.profile-page-back{display:inline-block;color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--space-4);text-decoration:none}.profile-page-back:hover{text-decoration:none}.profile-page-note{font-size:var(--text-xs);color:var(--color-text-muted);align-self:center}.profile-view-page{min-height:100dvh;padding:var(--space-6) var(--space-6) var(--space-8);position:relative}.profile-view-nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text);font-size:2rem;text-decoration:none;border-radius:50%;z-index:50;transition:background .2s,border-color .2s}.profile-view-nav:focus{outline:2px solid var(--color-accent);outline-offset:2px}.profile-view-nav:hover{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.profile-view-nav-prev{left:calc(var(--nav-width) + var(--space-4))}.profile-view-nav-next{right:var(--space-4)}@media(max-width:768px){.profile-view-nav{display:none}}.profile-view-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:var(--space-8);max-width:1300px;margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.profile-view-images{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:var(--space-4);align-self:start}.profile-view-main-image{width:100%;aspect-ratio:1;border-radius:12px;background:var(--color-bg-card);border:1px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-view-image-clickable{cursor:pointer}.profile-view-image-clickable:hover{opacity:.95}.profile-view-main-image img{width:100%;height:100%;object-fit:cover}.profile-view-main-image .profile-view-initial{font-size:4rem;font-weight:700;color:var(--color-accent);opacity:.8}.profile-view-gallery{display:flex;flex-direction:column;gap:var(--space-3)}.profile-view-gallery-item{width:100%;aspect-ratio:1;border-radius:8px;background:var(--color-bg-card);border:1px solid var(--color-border);overflow:hidden}.profile-view-gallery-item img{width:100%;height:100%;object-fit:cover}.profile-view-content{min-width:0}.profile-view-header{margin-bottom:var(--space-6)}.profile-view-back{display:inline-block;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;padding:var(--space-1) 0;margin-bottom:var(--space-4)}.profile-view-back:hover{color:var(--color-accent)}.profile-view-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.profile-view-filters-btn{flex-shrink:0;min-height:var(--tap-min);padding:0 var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:var(--text-sm);font-weight:500;cursor:pointer}.profile-view-filters-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.profile-view-name{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-1)}.profile-view-type{color:var(--color-accent);font-size:var(--text-sm);margin:0 0 var(--space-2)}.profile-view-location{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2)}.profile-view-stats{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.profile-view-stat{color:var(--color-text-muted);text-decoration:none}.profile-view-stat:hover{color:var(--color-accent)}.profile-view-stats strong{color:var(--color-text);font-weight:600}.profile-view-stat:hover strong{color:var(--color-accent)}.profile-view-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.profile-view-note{font-size:var(--text-xs);color:var(--color-text-muted);align-self:center}.profile-view-section{margin-top:var(--space-4)}.profile-view-block{margin-bottom:var(--space-6)}.profile-view-block h2{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.profile-view-block p{margin:0;font-size:var(--text-base)}.profile-view-lightbox{position:fixed;inset:0;z-index:100;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.profile-view-lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;border:none;background:#ffffff1a;color:#fff;font-size:2rem;line-height:1;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.profile-view-lightbox-close:hover{background:#fff3}.profile-view-lightbox-prev,.profile-view-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:#ffffff26;color:#fff;font-size:2.5rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.profile-view-lightbox-prev:hover,.profile-view-lightbox-next:hover{background:#ffffff4d}.profile-view-lightbox-prev{left:35%}.profile-view-lightbox-next{right:35%}.profile-view-lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.profile-view-lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}@media(max-width:768px){.profile-view-layout{grid-template-columns:1fr}.profile-view-images{position:static;flex-direction:row;flex-wrap:wrap}.profile-view-main-image{width:100%;max-width:320px;margin:0 auto}.profile-view-gallery{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center}.profile-view-gallery-item{width:80px;aspect-ratio:1;flex-shrink:0}}.follow-list-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.follow-list-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.follow-list-header .btn--icon{flex-shrink:0}.follow-list-title{font-size:var(--text-xl);font-weight:700;margin:0}.follow-list-loading,.follow-list-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.follow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.follow-list-card-link{text-decoration:none;color:inherit}.follow-list-card-link:hover{text-decoration:none}.events-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.events-header{margin-bottom:var(--space-6)}.events-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.events-header-text{min-width:0}.events-header h1{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2)}.events-sub{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.events-auth-inline{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:768px){.events-auth-inline{display:none}}.events-list{margin-top:var(--space-4)}.events-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.events-error{color:var(--color-error)}.events-card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.events-card-list>li{aspect-ratio:3 / 4.5;min-height:0}@media(max-width:1024px){.events-card-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.events-card-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.events-card-list{grid-template-columns:1fr}}.events-card-link{text-decoration:none;color:inherit;display:block;height:100%}.events-card-link:hover{text-decoration:none}.events-card{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);transition:border-color .2s,box-shadow .2s;height:100%;min-width:0;isolation:isolate}.events-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000004d}.events-card-image{aspect-ratio:1;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px 12px 0 0;flex-shrink:0}.events-card-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.events-card-placeholder{font-size:3rem;opacity:.5}.events-card-name-banner{background:var(--color-bg);padding:var(--space-3) var(--space-5) var(--space-2);display:flex;align-items:center;justify-content:center;min-height:48px}.events-card-name{font-size:var(--text-sm);font-weight:700;color:#fff;margin:0;letter-spacing:.05em;text-align:center;line-height:1.2}.events-card-details{background:var(--color-bg);padding:var(--space-2) var(--space-5) var(--space-5);flex:1}.events-card-row{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.75rem;color:var(--color-text);margin:0 0 var(--space-2);line-height:1.4;word-break:break-word}.events-card-row:last-child{margin-bottom:0}.events-card-icon{flex-shrink:0;width:14px;height:14px;color:var(--color-accent);display:flex;align-items:center;justify-content:center}.events-card-icon svg{width:100%;height:100%}.events-back{display:inline-block;color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--space-4);text-decoration:none}.events-back:hover{text-decoration:underline}.events-header .btn{margin-top:var(--space-3)}.event-detail-page{min-height:100dvh;padding-bottom:var(--space-12)}.event-detail-back{display:inline-block;padding:var(--space-4);color:var(--color-accent);font-size:var(--text-sm);text-decoration:none;position:relative;z-index:2}.event-detail-back:hover{text-decoration:underline}.event-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);color:var(--color-text-muted)}.event-detail-loading-dots{display:flex;gap:var(--space-2)}.event-detail-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:event-detail-pulse 1.4s ease-in-out infinite both}.event-detail-loading-dots span:nth-child(1){animation-delay:0s}.event-detail-loading-dots span:nth-child(2){animation-delay:.2s}.event-detail-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes event-detail-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.event-detail-error{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.event-detail-error p{margin:0 0 var(--space-4)}.event-detail-hero{position:relative;margin:0 calc(-1 * var(--space-4));margin-bottom:var(--space-6)}.event-detail-image{aspect-ratio:16 / 9;max-width:560px;margin:0 auto var(--space-4);background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.event-detail-image img{width:100%;height:100%;object-fit:cover}.event-detail-placeholder-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 100%)}.event-detail-placeholder{font-size:4rem;opacity:.4}.event-detail-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-4);background:linear-gradient(transparent 0%,#000000d9)}.event-detail-name{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.event-detail-date-badge{font-size:var(--text-sm);color:#ffffffe6;margin:0}.event-detail-body{padding:0 var(--space-4);max-width:560px;margin:0 auto}.event-detail-meta{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px;margin-bottom:var(--space-6)}.event-detail-meta-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text)}.event-detail-meta-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0;display:flex;align-items:center;justify-content:center}.event-detail-meta-icon svg{width:100%;height:100%}.event-detail-price{font-weight:600;color:var(--color-accent)}.event-detail-attendees{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.event-detail-rsvp{margin-bottom:var(--space-5)}.event-detail-rsvp-btn{font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-5);border-radius:10px;border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);cursor:pointer;transition:background .15s,color .15s}.event-detail-rsvp-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.event-detail-rsvp-btn:disabled{opacity:.6;cursor:not-allowed}.event-detail-rsvp-btn[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 25%,transparent)}.event-detail-rsvp-error{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-error)}.event-detail-description{margin-bottom:var(--space-6)}.event-detail-description h2{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.event-detail-description p{margin:0;line-height:1.6}.event-detail-host{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-3) var(--space-3);margin-top:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s}.event-detail-host:hover{border-color:var(--color-accent);background:#4caf5014}.event-detail-host-label{position:absolute;top:var(--space-1);left:var(--space-3);font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.event-detail-host-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-bg-card);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.event-detail-host-avatar img{width:100%;height:100%;object-fit:cover}.event-detail-host-initial{font-size:1rem;font-weight:700;color:var(--color-accent)}.event-detail-host-info{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.event-detail-host-name{font-weight:600;font-size:var(--text-sm)}.event-detail-host-arrow{color:var(--color-accent);font-size:var(--text-base)}.event-detail-host-loading{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-picture{border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center}.profile-picture--sm{width:32px;height:32px}.profile-picture--md{width:48px;height:48px}.profile-picture--lg{width:80px;height:80px}.profile-picture-img{width:100%;height:100%;object-fit:cover}.profile-picture-initial{font-weight:600;color:var(--color-text-muted)}.profile-picture--sm .profile-picture-initial{font-size:.75rem}.profile-picture--md .profile-picture-initial{font-size:1rem}.profile-picture--lg .profile-picture-initial{font-size:1.5rem}.create-event-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.create-event-card{max-width:560px;margin:0 auto;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-6)}.ce-creator{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.ce-creator-text{flex:1;min-width:0}.ce-creator-text h1{font-size:var(--text-xl);margin:0 0 var(--space-1)}.ce-creator-as{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.ce-image-upload{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.ce-image-preview{width:100%;max-width:280px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--color-bg);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center}.ce-image-img{width:100%;height:100%;object-fit:cover}.ce-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.ce-image-icon{font-size:2rem}.ce-label-text{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.create-event-form{display:flex;flex-direction:column;gap:var(--space-4)}.ce-error{color:var(--color-error);font-size:var(--text-sm);margin:0;padding:var(--space-3);background:#f443361a;border-radius:8px}.ce-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.ce-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.ce-hint-error{color:var(--color-error)}.ce-input{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);min-height:var(--tap-min)}.ce-textarea{min-height:100px;resize:vertical}.ce-input:focus{outline:none;border-color:var(--color-accent)}.ce-submit{padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#111;border:none;border-radius:8px;font-weight:600;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer}.ce-submit:hover:not(:disabled){background:var(--color-accent-hover)}.ce-submit:disabled{opacity:.7}.ce-cancel{margin-top:var(--space-2);padding:var(--space-3);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:8px;font-size:var(--text-base);min-height:var(--tap-min);cursor:pointer}.ce-cancel:hover{border-color:var(--color-text-muted);color:var(--color-text)}.my-events-card{position:relative}.my-events-card .events-card-link{display:block;height:100%}.my-events-card .events-card-image{position:relative}.my-events-card--expired .events-card-image{opacity:.7}.my-events-expired-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:#000000b3;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.my-events-delete{position:absolute;top:var(--space-2);left:var(--space-2);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;transition:background .2s,color .2s;z-index:1}.my-events-delete:hover{background:var(--color-error);color:#fff}.my-events-delete svg{width:18px;height:18px}.more-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.more-page a:hover{text-decoration:none}.more-header{margin-bottom:var(--space-6)}.more-header h1{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2)}.more-email{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.more-nav{display:flex;flex-direction:column;gap:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.more-link{display:block;padding:var(--space-4);color:var(--color-text);text-decoration:none;font-size:var(--text-base);min-height:var(--tap-min);display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.more-link:last-child{border-bottom:none}.more-link:hover{background:var(--color-bg-elevated);color:var(--color-accent);text-decoration:none}.more-logout{color:var(--color-error)}.more-logout:hover{color:var(--color-error);background:#f443361a;text-decoration:none}.settings-back{display:inline-block;color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--space-4);text-decoration:none}.settings-back:hover{text-decoration:none}.more-link.disabled{color:var(--color-text-muted);cursor:default}.more-link.disabled:hover{background:transparent;color:var(--color-text-muted)}.settings-password-section{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px}.settings-password-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-4) 0 0}.settings-password-hint a{color:var(--color-accent);text-decoration:none}.settings-password-hint a:hover{text-decoration:none}.settings-notif-section{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px}.settings-notif-toggles{display:flex;flex-direction:column;gap:var(--space-3)}.settings-notif-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-base);color:var(--color-text)}.settings-notif-toggle input{width:20px;height:20px;accent-color:var(--color-accent)}.settings-logout{margin-top:var(--space-6)}.settings-danger{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.settings-section-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2)}.settings-section-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.settings-confirm-overlay{position:fixed;inset:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.settings-confirm-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-6);max-width:400px;width:100%}.settings-confirm-modal h2{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-3)}.settings-confirm-modal p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5)}.settings-confirm-modal .auth-error{color:var(--color-error);font-size:var(--text-sm);margin:0 0 var(--space-4)}.settings-confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.inbox-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-8)}.inbox-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.inbox-header .btn--icon{flex-shrink:0}.inbox-title{font-size:var(--text-xl);font-weight:700;margin:0}.inbox-error{color:var(--color-error);padding:var(--space-4)}.inbox-loading,.inbox-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.inbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.inbox-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border);min-height:var(--tap-min)}.inbox-item:hover{background:var(--color-bg-elevated)}.inbox-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-card)}.inbox-avatar img{width:100%;height:100%;object-fit:cover}.inbox-avatar-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-lg);font-weight:600;color:var(--color-text-muted)}.inbox-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.inbox-item-name{font-weight:600;color:var(--color-text)}.inbox-item-preview{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-time{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.thread-page{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.thread-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.thread-header .btn--icon{flex-shrink:0}.thread-header-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.thread-header-link{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;color:inherit;text-decoration:none}.thread-header-link:hover{color:inherit;text-decoration:none}.thread-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.thread-header-initial{width:40px;height:40px;border-radius:50%;background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.thread-header-name{font-size:var(--text-lg);font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:none;-ms-overflow-style:none}.thread-messages::-webkit-scrollbar{display:none}.thread-loading,.thread-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-8)}.thread-message{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:16px;align-self:flex-start}.thread-message.sent{align-self:flex-end;background:var(--color-accent);color:#111}.thread-message.received{background:var(--color-bg-elevated);border:1px solid var(--color-border)}.thread-message-content{margin:0 0 var(--space-1);font-size:var(--text-base);line-height:1.4}.thread-date-separator{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-3) 0;flex-shrink:0}.thread-compose{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}.thread-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:24px;color:var(--color-text);font-size:var(--text-base);min-height:var(--tap-min)}.thread-input:focus{outline:none;border-color:var(--color-accent)}.thread-input::placeholder{color:var(--color-text-muted)}.notifications-page{min-height:100dvh;padding:var(--space-4);padding-bottom:var(--space-12);max-width:640px;margin:0 auto}.notifications-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.notifications-header .btn--icon{flex-shrink:0}.notifications-title{font-size:var(--text-2xl);font-weight:700;margin:0;flex:1;letter-spacing:-.02em}.notifications-mark-all{flex-shrink:0;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);color:var(--color-text-muted)}.notifications-loading-dots{display:flex;gap:var(--space-2)}.notifications-loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:notif-dot-pulse 1.4s ease-in-out infinite both}.notifications-loading-dots span:nth-child(1){animation-delay:0s}.notifications-loading-dots span:nth-child(2){animation-delay:.2s}.notifications-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes notif-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.notifications-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.notifications-empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.6}.notifications-empty p{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:500;color:var(--color-text)}.notifications-empty span{font-size:var(--text-sm);line-height:1.5}.notifications-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.notifications-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;color:inherit;transition:background .2s,border-color .2s,transform .15s}.notifications-item:hover{background:var(--color-bg-card);border-color:#4caf504d}.notifications-item:active{transform:scale(.99)}.notifications-item.unread{background:linear-gradient(135deg,#4caf501f,#4caf500a);border-color:#4caf5059}.notifications-item.unread:hover{background:linear-gradient(135deg,#4caf5029,#4caf5014)}.notifications-item-avatar-wrap{position:relative;flex-shrink:0}.notifications-item-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.notifications-item-initial{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,#388e3c 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);color:#111}.notifications-item-type-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-bg-elevated);display:flex;align-items:center;justify-content:center}.notifications-item-type-badge .notif-type-icon{width:12px;height:12px;color:var(--color-accent)}.notifications-item.unread .notifications-item-type-badge .notif-type-icon{color:var(--color-accent)}.notifications-item-body{flex:1;min-width:0}.notifications-item-text{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:500;line-height:1.4}.notifications-item-time{font-size:var(--text-xs);color:var(--color-text-muted)}.notifications-item-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);flex-shrink:0;box-shadow:0 0 0 2px #4caf504d}:root{--color-bg: #1e1e1e;--color-bg-elevated: #2a2a2a;--color-bg-card: #333333;--color-sidebar: #1a1a1a;--color-accent: #4caf50;--color-accent-hover: #66bb6a;--color-text: #f5f5f5;--color-text-muted: #b0b0b0;--color-border: #404040;--color-error: #f44336;--color-success: #22c55e;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--tap-min: 44px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--nav-height: 64px;--nav-width: 200px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);min-height:100dvh}#root{min-height:100dvh;padding-left:var(--nav-width)}@media(max-width:768px){#root{padding-left:0;padding-top:var(--nav-height)}}@media(max-width:360px){#root{padding-top:128px}}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;min-height:var(--tap-min);min-width:var(--tap-min)}input,textarea,select{font-family:inherit;font-size:var(--text-base)}img{max-width:100%;height:auto;display:block}@media(max-width:480px){main.has-auth-bar{padding-top:44px}}@media(max-width:360px){main.has-auth-bar{padding-top:48px}}