@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: #8B5CF6;--primary-hover: #7C3AED;--accent-green: #00CC66;--accent-yellow: #FFD600;--accent-pink: #FF00FF;--accent-blue: #2563EB;--bg-main: #121212;--bg-card: #FFFFFF;--bg-card-dark: #1E1E1E;--text-main: #000000;--text-inverse: #FFFFFF;--text-muted: #666666;--border-color: #000000;--border-width: 3px;--shadow-color: #000000;--shadow-offset: 4px;--font-main: "Space Mono", monospace;--font-header: "Work Sans", sans-serif;--font-display: "Oswald", "Impact", sans-serif;--radius-sm: 0px;--radius-md: 4px;--radius-lg: 12px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-header);background-color:var(--accent-green);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}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:#fff;color:#000;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);transition:all .1s ease;font-size:.9rem}button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow-color)}button.primary{background-color:var(--primary);color:var(--text-inverse);border-color:var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color)}.card{background-color:var(--bg-card);border:var(--border-width) solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);color:var(--text-main)}.dark-mode .card{background-color:var(--bg-card-dark);color:var(--text-inverse);border-color:var(--text-inverse);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-inverse)}input,select,textarea{width:100%;padding:.75rem;font-family:var(--font-main);border:var(--border-width) solid var(--border-color);background-color:#fff;color:#000;font-size:1rem;margin-bottom:1rem;outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:#999}input:focus,select:focus,textarea:focus{background-color:#fffbeb}.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(--accent-green);border-left:var(--border-width) solid black;border-right:var(--border-width) solid black;position:relative}.bottom-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:440px;background:#fff;border:var(--border-width) solid black;border-radius:50px;display:flex;justify-content:space-around;padding:.5rem;z-index:100;box-shadow:0 4px 10px #0003}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:30px;font-family:var(--font-header);font-weight:700;font-size:.75rem;color:#666;text-decoration:none;border:2px solid transparent;background:transparent;gap:0;text-transform:uppercase;letter-spacing:.3px;transition:all .15s ease;cursor:pointer}.nav-item:hover:not(.active){color:#1a1a1a;background-color:#0000000a}.nav-item.active{background-color:var(--accent-yellow);border:2px solid #1a1a1a;color:#1a1a1a;box-shadow:inset 0 2px 4px #0000001a}.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%,#7C3AED 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:6px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;font-family:var(--font-main);letter-spacing:.5px}.rsvp-button:hover{transform:translateY(-1px)}.rsvp-button:active{transform:translateY(1px)}.rsvp-button.selected{box-shadow:0 3px 12px #00000040}.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:#000}.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:#fff}.rsvp-button--maybe{border-color:var(--accent-yellow);color:#b8860b;background-color:transparent}.rsvp-button--maybe.selected{background-color:var(--accent-yellow);color:#000}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;background-color:transparent;border-radius:6px;cursor:pointer;margin-top:.75rem;border:1px solid var(--border-color, #e0e0e0);transition:all .2s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background-color:#00000008}.section-header.expanded{background-color:#f5f5f5;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:#f9fafb;border-radius:8px;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:#fff}.chat-preview__input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;margin-bottom:0}.chat-preview__send{padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:none}.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:#fff}.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:#fef3c7;border:1px solid var(--accent-yellow);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 #8b5cf626;background-color:#fefefe}input:not([type=checkbox]):not([type=radio]):hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#888}.bottom-nav{background:#fafafa;border:3px solid #1a1a1a;box-shadow:0 -2px #e5e5e5 inset,0 4px 12px #00000026}.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-yellow);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-yellow);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:#fff;border:3px solid #1a1a1a;border-radius:8px;min-width:68px;overflow:hidden;box-shadow:4px 4px #1a1a1a,0 1px #e5e5e5 inset;flex-shrink:0;position:relative}.date-block-3d:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,#ccc 8px,#ccc 10px)}.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:#1a1a1a;line-height:1;background:#fff;width:100%;text-align:center}.crew-card{display:flex;align-items:stretch;background:#fff;border:3px solid #1a1a1a;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px #00000026;position:relative}.crew-card:hover{transform:translateY(-3px) translate(-1px);box-shadow:6px 7px #0003}.crew-card:active{transform:translateY(0);box-shadow:2px 2px #00000026}.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:#1a1a1a;font-weight:700}.crew-card__info p{margin:.25rem 0 0;font-size:.85rem;color:#666}.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:#e5e5e5;background-image:linear-gradient(90deg,#e5e5e5,#f5f5f5,#e5e5e5);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:#fff;border:3px dashed #ccc;border-radius:12px}.empty-state__icon{width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#f5f5f5;border:3px solid #ddd;border-radius:50%}.empty-state__title{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.empty-state__text{font-size:.9rem;color:#666;margin-bottom:1.5rem;line-height:1.5}.empty-state--static{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),#fff}.empty-state--static .empty-state__icon{background:#1a1a1a;border-color:#1a1a1a;color:#fff;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:#8b5cf60d;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}}