@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary: #FF6B54;--primary-hover: #FF5A40;--primary-light: rgba(255, 107, 84, .15);--accent-green: #34D399;--accent-yellow: #FBBF24;--accent-teal: #14B8A6;--accent-pink: #F472B6;--accent-blue: #60A5FA;--bg-main: #121212;--bg-card: #1E1E1E;--bg-card-elevated: #262626;--bg-card-dark: #1E1E1E;--bg-input: #2A2A2A;--text-main: #FFFFFF;--text-secondary: #A3A3A3;--text-inverse: #121212;--text-muted: #737373;--border-color: #333333;--border-color-light: #404040;--border-width: 1px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-color: rgba(0, 0, 0, .4);--shadow-offset: 0px;--font-main: "Space Mono", monospace;--font-header: "Work Sans", sans-serif;--font-display: "Oswald", "Impact", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-header);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}body.dark-theme{background-color:var(--bg-main);color:var(--text-inverse)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;color:inherit}.font-mono{font-family:var(--font-main)}.text-outline{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;color:#fff}button{cursor:pointer;border:var(--border-width) solid var(--border-color);font-family:var(--font-main);font-weight:700;text-transform:uppercase;padding:.75rem 1.5rem;background-color:var(--bg-card);color:var(--text-main);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);font-size:.9rem}button:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.primary{background-color:var(--primary);color:var(--text-inverse);border-color:var(--primary);box-shadow:var(--shadow-md)}button.primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 16px #ff6b5466}.card{background-color:var(--bg-card);border:var(--border-width) solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-main);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.dark-mode .card{background-color:var(--bg-card-dark);color:var(--text-inverse);border-color:var(--border-color-light);box-shadow:var(--shadow-md)}input,select,textarea{width:100%;padding:.75rem;font-family:var(--font-main);border:var(--border-width) solid var(--border-color);background-color:var(--bg-input);color:var(--text-main);border-radius:var(--radius-md);font-size:1rem;margin-bottom:1rem;outline:none;transition:all var(--transition-base)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{background-color:var(--bg-input);border-color:var(--primary)}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.dashboard-container{max-width:480px;margin:0 auto;min-height:100vh;padding:1rem;padding-bottom:80px;background-color:var(--bg-main);position:relative}.bottom-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:440px;background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);display:flex;justify-content:space-around;padding:.5rem;z-index:100;box-shadow:var(--shadow-lg)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:var(--radius-full);font-family:var(--font-header);font-weight:700;font-size:.75rem;color:var(--text-muted);text-decoration:none;border:2px solid transparent;background:transparent;gap:0;text-transform:uppercase;letter-spacing:.3px;transition:all var(--transition-base);cursor:pointer}.nav-item:hover:not(.active){color:var(--text-main);background-color:var(--bg-card-elevated)}.nav-item.active{background-color:var(--primary);border:2px solid var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.nav-item:active{transform:scale(.96)}h1,h2,h3{font-weight:700;letter-spacing:.02em}h4,h5,h6{font-weight:600;letter-spacing:.01em}.font-display{font-family:var(--font-display)}.date-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1}.tab-button{background:linear-gradient(180deg,#f8f8f8,#e0e0e0);border:2px solid #333;border-radius:6px;box-shadow:inset 0 1px #fffc,inset 0 -2px #0000001a,2px 3px #0000004d;font-family:var(--font-main);font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1.25rem;cursor:pointer;transition:all .1s ease;color:#333}.tab-button:hover{background:linear-gradient(180deg,#fff,#f0f0f0)}.tab-button:active{box-shadow:inset 0 2px 4px #0003;transform:translateY(1px)}.tab-button.active{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-color:#333;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0003,2px 3px #0006}.retro-checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #333;border-radius:3px;background:#fff;cursor:pointer;position:relative;vertical-align:middle}.retro-checkbox:checked{background:var(--primary)}.retro-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px}.bg-secondary{background-color:#f9fafb}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.date-block{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:2px solid black;border-radius:8px;min-width:65px;overflow:hidden;box-shadow:4px 4px #0003;flex-shrink:0}.date-block-month{background-color:var(--primary);color:#fff;width:100%;text-align:center;font-size:.7rem;font-weight:700;padding:3px 0;text-transform:uppercase;font-family:var(--font-main);letter-spacing:.5px}.date-block-day{font-family:var(--font-display);font-size:2rem;font-weight:700;padding:6px 0;color:#000;line-height:1}.rsvp-button{flex:1;padding:.8rem 1rem;font-size:1rem;font-weight:700;border-width:2px;border-style:solid;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;font-family:var(--font-main);letter-spacing:.5px}.rsvp-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.rsvp-button:active{transform:translateY(0)}.rsvp-button.selected{box-shadow:0 4px 16px #0006}.rsvp-button--in{border-color:var(--accent-green);color:var(--accent-green);background-color:transparent}.rsvp-button--in.selected{background-color:var(--accent-green);color:var(--text-inverse);box-shadow:0 4px 16px #34d39966}.rsvp-button--out{border-color:var(--accent-pink);color:var(--accent-pink);background-color:transparent}.rsvp-button--out.selected{background-color:var(--accent-pink);color:var(--text-inverse);box-shadow:0 4px 16px #f472b666}.rsvp-button--maybe{border-color:var(--accent-teal);color:#b8860b;background-color:transparent}.rsvp-button--maybe.selected{background-color:var(--accent-teal);color:var(--text-inverse);box-shadow:0 4px 16px #14b8a666}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;background-color:var(--bg-card-elevated);border-radius:var(--radius-md);cursor:pointer;margin-top:.75rem;border:1px solid var(--border-color);transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.section-header:hover{background-color:var(--bg-card-elevated);box-shadow:var(--shadow-sm)}.section-header.expanded{background-color:var(--bg-card-elevated);border-bottom-left-radius:0;border-bottom-right-radius:0}.section-header__arrow{font-size:.75rem;transition:transform .2s ease;color:var(--text-muted)}.section-header__arrow.expanded{transform:rotate(90deg)}.section-header__title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:var(--text-main)}.section-header__badge{background-color:var(--primary);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700;min-width:20px;text-align:center}.save-contact-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:2px solid #333;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:#333;box-shadow:2px 2px #0003}.save-contact-btn:hover{background:linear-gradient(180deg,#fff,#f0f0f0)}.save-contact-btn:active{transform:translateY(1px);box-shadow:1px 1px #0003}.friend-card{padding:1rem;background:#fff;border-radius:8px;border:2px solid black;box-shadow:3px 3px #000;cursor:pointer;transition:all .2s ease}.friend-card:hover{transform:translateY(-2px);box-shadow:5px 5px #000}.friend-card:active{transform:translateY(0);box-shadow:2px 2px #000}.chat-preview{background-color:var(--bg-card-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;margin-top:.5rem}.chat-preview__messages{max-height:150px;overflow-y:auto;padding:.75rem}.chat-preview__empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem;font-style:italic}.chat-preview__form{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--border-color);background-color:var(--bg-card-elevated)}.chat-preview__input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-main);font-size:.85rem;margin-bottom:0}.chat-preview__send{padding:.5rem 1rem;background-color:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}.chat-preview__send:disabled{background-color:var(--text-muted);cursor:not-allowed}.chat-preview__link{padding:.5rem .75rem;text-align:right;border-top:1px solid var(--border-color);background-color:var(--bg-card-elevated)}.chat-preview__link span{font-size:.8rem;color:var(--primary);cursor:pointer;font-weight:500}.chat-preview__link span:hover{text-decoration:underline}.nudge-btn{padding:.4rem .8rem;font-size:.75rem;font-weight:600;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;box-shadow:none}.nudge-btn:hover:not(:disabled){background-color:var(--primary-hover)}.nudge-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.warning-box{padding:.6rem .8rem;background-color:#14b8a626;border:1px solid var(--accent-teal);border-radius:4px;font-size:.8rem;color:#92400e;display:flex;align-items:center;gap:.5rem}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pressDown{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;border-radius:6px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b5426;background-color:var(--bg-input)}input:not([type=checkbox]):not([type=radio]):hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#888}.bottom-nav{background:var(--bg-card);border:var(--border-width) solid var(--border-color);box-shadow:0 -2px #ffffff0d inset,0 4px 12px #0000004d}.rsvp-btn{position:relative;flex:1;padding:.9rem 1rem;font-size:.95rem;font-weight:700;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.5px;border:3px solid;border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);overflow:hidden}.rsvp-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff1a;pointer-events:none}.rsvp-btn:hover:not(:disabled){transform:translateY(-2px)}.rsvp-btn:active:not(:disabled){transform:translateY(1px);animation:pressDown .1s ease}.rsvp-btn--in{border-color:var(--accent-green);color:var(--accent-green);background-color:#fff;box-shadow:3px 3px #00cc664d}.rsvp-btn--in:hover:not(:disabled){background-color:#00cc6614}.rsvp-btn--in.selected{background-color:var(--accent-green);color:#1a1a1a;box-shadow:inset 0 2px 4px #00000026,0 2px 8px #0c66}.rsvp-btn--out{border-color:var(--accent-pink);color:var(--accent-pink);background-color:#fff;box-shadow:3px 3px #f0f3}.rsvp-btn--out:hover:not(:disabled){background-color:#ff00ff0d}.rsvp-btn--out.selected{background-color:var(--accent-pink);color:#fff;box-shadow:inset 0 2px 4px #00000026,0 2px 8px #f0f6}.rsvp-btn--maybe{border-color:var(--accent-teal);color:#b8860b;background-color:#fff;box-shadow:3px 3px #ffd60066}.rsvp-btn--maybe:hover:not(:disabled){background-color:#ffd6001a}.rsvp-btn--maybe.selected{background-color:var(--accent-teal);color:#1a1a1a;box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #ffd60080}.date-block-3d{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);min-width:68px;overflow:hidden;box-shadow:var(--shadow-md);flex-shrink:0;position:relative}.date-block-3d__month{background-color:var(--primary);color:#fff;width:100%;text-align:center;font-size:.7rem;font-weight:700;padding:5px 0 3px;text-transform:uppercase;font-family:var(--font-main);letter-spacing:1px;border-bottom:2px solid rgba(0,0,0,.2)}.date-block-3d__day{font-family:var(--font-display);font-size:2.2rem;font-weight:700;padding:8px 0 10px;color:var(--text-main);line-height:1;background:var(--bg-card);width:100%;text-align:center}.crew-card{display:flex;align-items:stretch;background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative}.crew-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.crew-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.crew-card__accent{width:8px;flex-shrink:0}.crew-card__content{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.crew-card__icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid #1a1a1a;flex-shrink:0;box-shadow:2px 2px #0000001a}.crew-card__info h3{margin:0;font-size:1.1rem;color:var(--text-main);font-weight:700}.crew-card__info p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.crew-card__badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:10px;border:2px solid white;box-shadow:0 2px 4px #0003;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.skeleton{background:var(--bg-card-elevated);background-image:linear-gradient(90deg,var(--bg-card-elevated) 0%,var(--bg-input) 50%,var(--bg-card-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-text:last-child{width:70%}.skeleton-circle{border-radius:50%}.skeleton-card{padding:1.25rem;background:#fff;border:3px solid #e5e5e5;border-radius:12px}.empty-state{text-align:center;padding:2.5rem 1.5rem;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.empty-state__icon{width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--bg-card-elevated);border:2px solid var(--border-color);border-radius:50%}.empty-state__title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.empty-state__text{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.empty-state--static{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px),var(--bg-card)}.empty-state--static .empty-state__icon{background:var(--bg-card-elevated);border-color:var(--border-color);color:var(--text-main);position:relative;overflow:hidden}.empty-state--static .empty-state__icon:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.1) 1px,rgba(255,255,255,.1) 2px)}.card{transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--shadow-color)}.card:active{transform:translateY(0);box-shadow:3px 3px 0 var(--shadow-color)}.create-crew-btn{height:auto;min-height:120px;border:3px dashed #999;border-radius:12px;background-color:transparent;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:none}.create-crew-btn:hover{border-color:var(--primary);color:var(--primary);background-color:#ff6b540d;box-shadow:none}.create-crew-btn:active{transform:scale(.98)}.create-crew-btn__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:3px dashed currentColor;border-radius:50%;transition:all .2s ease}.create-crew-btn:hover .create-crew-btn__icon{border-style:solid;background-color:var(--primary);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.nudge-btn-enhanced{padding:.5rem 1rem;font-size:.8rem;font-weight:700;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.5px;background-color:var(--primary);color:#fff;border:2px solid #1a1a1a;border-radius:6px;cursor:pointer;transition:all .15s ease;box-shadow:2px 2px #0003}.nudge-btn-enhanced:hover:not(:disabled){transform:translateY(-1px);box-shadow:3px 3px #00000040}.nudge-btn-enhanced:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px #0003}.nudge-btn-enhanced:disabled{background-color:#ccc;border-color:#aaa;cursor:not-allowed;box-shadow:none}@media(max-width:400px){.rsvp-btn{padding:.7rem .5rem;font-size:.85rem;letter-spacing:0}.nav-item{padding:.5rem .75rem;font-size:.65rem}.nav-item span:first-child{font-size:1rem!important}.date-block-3d{min-width:58px}.date-block-3d__day{font-size:1.8rem;padding:6px 0 8px}.crew-card__content{padding:.75rem 1rem;gap:.75rem}.crew-card__icon{width:48px;height:48px;font-size:1.5rem}.section-header__title{font-size:.85rem}}.collapsed-rally-card:hover{transform:translateY(-2px);box-shadow:4px 5px #00000026}.collapsed-rally-card:active{transform:translateY(0);box-shadow:2px 2px #0000001a}@media(hover:none)and (pointer:coarse){.rsvp-btn:hover:not(:disabled){transform:none}.crew-card:hover{transform:none;box-shadow:4px 4px #00000026}.card:hover{transform:none;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color)}.nav-item{min-height:44px;min-width:60px}.rsvp-btn{min-height:48px}}