@import"https://fonts.googleapis.com/css2?family=Oldenburg&display=swap";.navigation{position:sticky;top:0;z-index:1000;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:105px}.nav-brand{display:flex;align-items:center}.nav-logo{display:flex;align-items:center;text-decoration:none;height:96px;padding:0}.logo-image{height:96px;width:auto;display:block;transition:transform .3s ease}.nav-logo:hover .logo-image{transform:scale(1.05)}.nav-tagline{margin-left:var(--spacing-sm);font-family:var(--font-display);font-weight:700;font-size:1.8rem;line-height:1.1;background:linear-gradient(90deg,red,#ff7a00,#ffd400,#00c853,#2962ff,#651fff,#a0f,red);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:rainbowShift 8s linear infinite;will-change:background-position}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:100% 50%}}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer;z-index:1001}.hamburger-line{width:25px;height:3px;background:var(--color-neutral-900);border-radius:var(--radius-full);transition:all .3s ease}.nav-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.nav-links{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-item{position:relative}.nav-link{display:block;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-neutral-800);font-weight:500;border-radius:var(--radius-sm);transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-spring-pink),var(--color-spring-lavender));transform:translate(-50%);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link.active{color:var(--color-neutral-900);font-weight:600}@media(max-width:768px){.nav-toggle{display:flex}.nav-container{height:72px}.nav-logo,.logo-image{height:56px}.nav-tagline{display:inline-block;margin-left:var(--spacing-xs);font-size:1rem;line-height:1;white-space:nowrap}.nav-tagline br{display:none}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:right .3s ease;gap:var(--spacing-lg)}.nav-links.open{right:0}.nav-link{font-size:1.25rem;width:100%}.nav-link:after{left:0;transform:none}.nav-link:hover:after,.nav-link.active:after{width:100%}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);position:relative;z-index:2}@media(max-width:768px){.main-content{padding:var(--spacing-lg) var(--spacing-sm)}}.flowers-anchor{position:relative;height:0}.flowers-anchor .flowers-container{position:absolute;top:0;left:0;right:0;width:100%;height:80vh;background-image:url(/flowers.webp);background-repeat:no-repeat;background-position:top center;background-size:contain;pointer-events:none;z-index:1;transform:translateY(-100%);filter:blur(2px)}@media(max-width:768px){.flowers-anchor .flowers-container{height:80vh}}.page-container{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-collage-section{position:relative;width:100%;min-height:80vh;padding:var(--spacing-2xl) 0;display:flex;justify-content:center;align-items:center}.desktop-only{display:block}.mobile-only{display:none}.heart-collage{position:relative;width:100%;max-width:1200px;height:760px;display:flex;justify-content:center;align-items:center;margin:0 auto}.heart-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;height:520px;z-index:0;pointer-events:none}.collage-photo{position:absolute;width:133px;height:133px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0003;transition:transform .3s ease,box-shadow .3s ease,z-index .3s ease;border:4px solid white;z-index:2}.circle-photo{left:50%;top:46%;transform:translate(-50%,-50%) var(--collage-pos)}.collage-photo:hover{transform:translate(-50%,-50%) var(--collage-pos) scale(4)!important;box-shadow:0 16px 40px #0006;z-index:40}.hero-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center;background:transparent;padding:var(--spacing-lg);pointer-events:none}.hero-main-title{font-family:Oldenburg,cursive;font-size:4.5rem;color:var(--color-neutral-800);margin-bottom:var(--spacing-sm);animation:slideDown .8s ease-out;font-weight:400;text-shadow:2px 2px 4px rgba(255,255,255,.8),-1px -1px 2px rgba(255,255,255,.8)}.hero-subtitle{font-family:Oldenburg,cursive;font-size:1.5rem;color:var(--color-neutral-700);margin-bottom:.25rem;letter-spacing:.02em;text-shadow:2px 2px 4px rgba(255,255,255,.8),-1px -1px 2px rgba(255,255,255,.8)}.hero-date{font-family:var(--font-display);font-size:1.8rem;color:var(--color-neutral-700);animation:slideDown 1s ease-out;font-weight:300;letter-spacing:.05em;text-shadow:2px 2px 4px rgba(255,255,255,.8),-1px -1px 2px rgba(255,255,255,.8)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.content-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:#ffffff4d}.content-card h2{margin-bottom:var(--spacing-md)}.content-card p{font-size:1.125rem;line-height:1.7;color:var(--color-neutral-700)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);align-items:stretch}.info-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;opacity:1;height:100%}.info-card:hover{transform:translateY(-6px);border-color:var(--color-spring-lavender);box-shadow:var(--shadow-lg);background:#ffffff4d;opacity:1}.info-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;line-height:1;height:4rem;margin-bottom:var(--spacing-sm);transition:transform .3s ease}.info-card:hover .info-icon{transform:scale(1.2) rotate(10deg)}.info-card h3{margin-bottom:var(--spacing-xs);color:#6d28d9}.info-card p{color:var(--color-neutral-700);font-size:1rem}.placeholder-page{text-align:center;padding:var(--spacing-2xl)}.placeholder-icon{font-size:5rem;margin-bottom:var(--spacing-lg);display:block;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.placeholder-page h1{margin-bottom:var(--spacing-md)}.placeholder-page p{font-size:1.25rem;color:var(--color-neutral-700);max-width:600px;margin:0 auto}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.hero-collage-section{min-height:520px;padding:var(--spacing-xl) 0}.heart-collage{display:none}.mobile-hero{position:relative;width:100%;min-height:420px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:var(--spacing-md)}.mobile-hero-photo{width:72vw;max-width:320px;aspect-ratio:1 / 1;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:0 8px 24px #00000040;animation:fadeSwap .6s ease}.mobile-hero .hero-text-overlay{position:static;top:auto;left:auto;transform:none;bottom:auto;padding:0;text-align:center}@keyframes fadeSwap{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.collage-photo{width:75px;height:75px}.hero-text-overlay{padding:var(--spacing-lg);min-width:280px}.hero-main-title{font-size:2rem}.hero-date{font-size:1.1rem}.content-card{padding:var(--spacing-lg)}.info-grid{grid-template-columns:1fr}.placeholder-icon{font-size:3rem}}.timeline{max-width:900px;margin:0 auto}.day-section{margin-bottom:var(--spacing-2xl)}.day-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--color-spring-lavender)}.day-header h2{font-size:2rem;color:#6d28d9;margin-bottom:var(--spacing-xs)}.day-date{font-size:1rem;color:var(--color-neutral-700);font-weight:500;letter-spacing:.05em}.events-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.event-card{display:flex;gap:var(--spacing-lg);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease;border-left:5px solid var(--color-spring-mint)}.event-card:hover{transform:translate(8px);box-shadow:var(--shadow-lg)}.event-social{border-left-color:var(--color-spring-mint)}.event-ceremony{border-left-color:var(--color-spring-pink)}.event-reception{border-left-color:var(--color-spring-peach)}.event-meal{border-left-color:var(--color-spring-yellow)}.event-icon{font-size:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff4d;border-radius:var(--radius-md);transition:transform .3s ease}.event-card:hover .event-icon{transform:scale(1.1) rotate(5deg)}.event-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.event-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--spacing-sm)}.event-header h3{font-size:1.75rem;color:#6d28d9;margin:0}.event-time{font-size:1.125rem;color:var(--color-neutral-700);font-weight:600;white-space:nowrap}.event-location{display:flex;gap:var(--spacing-sm);align-items:flex-start}.location-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.location-details{display:flex;flex-direction:column;gap:2px}.location-details strong{font-size:1.125rem;color:var(--color-neutral-900)}.location-detail{font-size:.95rem;color:var(--color-neutral-700)}.event-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.map-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:calc(var(--spacing-xs) + 2px) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#1f2937;border:2px solid transparent;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 8px 18px #bba9f673}.map-button:hover{border-color:#6d28d9;transform:translateY(-1px)}.map-button:active{transform:translateY(0);border-color:#6d28d9}@media(max-width:768px){.schedule-header{margin-bottom:var(--spacing-xl)}.schedule-intro{font-size:1rem;padding:0 var(--spacing-sm)}.day-header h2{font-size:1.75rem}.day-date{font-size:.95rem}.event-card{flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-md)}.event-card:hover{transform:translateY(-4px)}.event-icon{width:60px;height:60px;font-size:2.5rem;align-self:center}.event-header{flex-direction:column;gap:var(--spacing-xs)}.event-header h3{font-size:1.5rem}.event-time,.location-details strong{font-size:1rem}.location-detail{font-size:.875rem}.event-actions{justify-content:center}.map-button{flex:1;min-width:140px;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:480px){.event-actions{flex-direction:column}.map-button{width:100%}}.schedule-image-container{width:100%;display:flex;justify-content:center;align-items:flex-start}.schedule-full-image{max-width:100%;height:auto;display:block;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;opacity:.85}.schedule-image-container{position:relative}.schedule-overlay{position:absolute;inset:0;pointer-events:auto;z-index:1}.schedule-overlay-canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.overlay-hotspot{pointer-events:auto}.waypoint-group{cursor:pointer}.waypoint-group:hover text{transform:scale(1.05)}.waypoint-hit{cursor:pointer}.waypoint-label{pointer-events:none}.waypoint-label-title{font-weight:700;font-family:"Oldenburg",var(--font-fun, cursive);letter-spacing:.02em;fill:#5b4636}.waypoint-label-meta{opacity:.95;font-family:"Oldenburg",var(--font-fun, cursive);font-style:italic;letter-spacing:.01em;fill:#6a4b37}.waypoint-label text{paint-order:stroke fill;stroke:#fff9;stroke-width:1}.waypoint-card{position:absolute;min-width:260px;max-width:320px;background:linear-gradient(#fffc,#fffc),url(/details.png) center/cover no-repeat;border:none;border-radius:var(--radius-lg);box-shadow:0 12px 30px #00000026;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5}.waypoint-card.visible{opacity:1;transform:translateY(0);pointer-events:auto}.waypoint-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.waypoint-card .card-title{font-weight:700;color:#6d28d9}.waypoint-card .card-close{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer}.waypoint-card .card-meta{color:#475569;font-size:.95rem;display:grid;gap:var(--spacing-xs)}.waypoint-card .loc{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs)}.waypoint-card .pin{margin-right:4px}.waypoint-card .detail{color:#64748b;font-size:.9rem}.event-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.events-fallback-list{margin-top:var(--spacing-xl);display:none}.fallback-item summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff26;border-radius:var(--radius-md);cursor:pointer}.fallback-icon{font-size:1.25rem}.fallback-title{font-weight:600}.fallback-time{color:#475569;font-size:.95rem}.fallback-body{padding:var(--spacing-sm) var(--spacing-md)}@media(max-width:768px){.events-fallback-list{display:grid;gap:var(--spacing-sm)}}.travel-image-container{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:5px}.travel-figure{width:40%;position:relative}.travel-full-image{width:100%;height:auto;display:block;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;opacity:.85;transform:rotateY(0);transform-style:preserve-3d;transition:transform .6s ease,box-shadow .6s ease}.travel-details-figure{perspective:1200px}.image-book{position:relative;width:100%}.image-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .6s ease}.image-book.is-flipped .image-inner{transform:rotateY(180deg)}.image-face{width:100%;height:auto;display:block;backface-visibility:hidden;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;opacity:.95}.image-face.back{position:absolute;inset:0;transform:rotateY(180deg)}.travel-details-figure .details-overlay{position:absolute;inset:6%;overflow:hidden;color:#6b4f2a;text-shadow:0 1px 0 rgba(255,255,255,.6);padding:.5rem .75rem;display:grid;gap:.25rem}.travel-details-figure .details-overlay-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:.35rem;scrollbar-width:none}.travel-details-figure .details-overlay-content::-webkit-scrollbar{display:none}.page-book{position:relative;width:100%;height:100%;perspective:1200px}.book-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s ease}.book-inner.is-flipped{transform:rotateY(180deg)}.page{position:absolute;inset:0;backface-visibility:hidden;transition:opacity .3s ease}.page.back{transform:rotateY(180deg)}.book-inner:not(.is-flipped) .page.back{opacity:0;pointer-events:none}.book-inner.is-flipped .page.front{opacity:0;pointer-events:none}.travel-details-figure .flip-controls{position:absolute;left:8px;right:8px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;pointer-events:none}.travel-details-figure .flip-icon{width:36px;height:36px;border-radius:9999px;background:linear-gradient(135deg,#fdf7e2,#f0e2be);color:#9a70a0;border:1px solid rgba(154,112,160,.35);box-shadow:0 6px 14px #00000026;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;gap:8px;pointer-events:auto}.travel-details-figure .flip-icon:hover{filter:brightness(1.05);transform:translateY(-1px)}.travel-details-figure .flip-icon:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 2px 6px #00000014;transform:none}.travel-details-figure .flip-icon.prev,.travel-details-figure .flip-icon.next{justify-content:center}.flip-page-counter{flex:1;text-align:center;font-family:var(--font-body);font-size:.85rem;color:#7c5a33;text-shadow:0 1px 2px rgba(255,255,255,.8);pointer-events:none}.flip-hint{font-family:var(--font-body);font-size:.75rem;white-space:nowrap;position:absolute;bottom:54px;left:50%;transform:translate(-50%);color:#9a70a0;text-shadow:0 1px 2px rgba(255,255,255,.8)}.travel-details-figure .details-overlay h2{font-family:var(--font-display);font-size:2.4rem;line-height:1.15;margin-bottom:.4rem;color:#9a70a0}.travel-details-figure .details-overlay h3{font-family:var(--font-display);font-size:1rem;margin-top:.4rem;color:#9a70a0}.travel-details-figure .details-overlay h2.small-title{font-size:1.35rem}.travel-details-figure .details-overlay ul{margin-left:1rem;list-style:disc}.travel-details-figure .details-overlay p,.travel-details-figure .details-overlay li{font-family:var(--font-body);font-size:.92rem;line-height:1.35}.travel-location-note{font-size:.85rem;color:#9a70a0;margin-top:.35rem}@media(max-width:900px){.travel-image-container{flex-direction:column;align-items:center;gap:1.5rem}.travel-figure{width:100%;max-width:520px;margin:0 auto}.travel-details-figure .flip-controls{bottom:16px}.flip-hint{display:none}}.registry-intro{text-align:center;margin-bottom:var(--spacing-xl);font-size:1.1rem}.travel-fund{background:#ffffff26;border:2px solid transparent;text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.travel-fund h2{color:#6d28d9;margin-bottom:var(--spacing-md)}.travel-fund p{margin-bottom:var(--spacing-lg)}.qr-codes-container{display:flex;justify-content:center;gap:var(--spacing-xl);margin:var(--spacing-xl) 0;flex-wrap:wrap}.qr-code-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.qr-code-image{width:200px;height:200px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;object-fit:contain;background:#fff;padding:var(--spacing-sm)}.qr-label{font-weight:600;color:#334155;font-size:1rem}.venmo-note{margin-top:var(--spacing-md);font-size:.9rem;color:#64748b}.crew-tasks-section{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.crew-tasks-section h2{text-align:center;margin-bottom:var(--spacing-md);color:#6d28d9}.crew-intro{text-align:center;color:#64748b;margin-bottom:var(--spacing-xl)}.loading{text-align:center;padding:var(--spacing-2xl);color:#64748b;font-size:1.1rem}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.task-card{background:#ffffff26;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #00000014;transition:all .3s ease,background .3s ease;display:flex;flex-direction:column;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px);background:#ffffff4d}.task-card.task-full{opacity:.6;background:#ffffff26}.task-card h3{color:#6d28d9;margin-bottom:var(--spacing-sm);font-size:1.3rem}.task-description{color:#475569;line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1}.task-meta{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid #e2e8f0}.spots-info{font-weight:500;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-md)}.spots-available{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:var(--radius-sm);font-weight:700}.spots-full{color:#dc2626;font-weight:600}.volunteers-list{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#f1f5f9b3;border-radius:var(--radius-sm)}.volunteers-toggle{background:#ffffffb3;color:#475569;border:1px solid #e2e8f0;border-radius:9999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.volunteers-toggle .chevron{transition:transform .2s ease}.volunteers-toggle.expanded .chevron{transform:rotate(180deg)}.volunteers-toggle:hover{background:#ffffffe6;transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.volunteers-list strong{display:block;margin-bottom:var(--spacing-xs);color:#475569;font-size:.9rem}.volunteers-list ul{list-style:none;padding:0;margin:0}.volunteers-list li{padding:4px 0;color:#64748b;font-size:.95rem}.signup-button{width:100%;margin-top:var(--spacing-md);padding:calc(var(--spacing-sm) + 2px) var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#1f2937;border:2px solid transparent;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 18px #bba9f673}.signup-button:hover{border-color:#6d28d9;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0000004d}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#475569}.modal-content h2{margin-bottom:var(--spacing-sm);color:#6d28d9}.modal-task-name{font-size:1.1rem;color:#64748b;margin-bottom:var(--spacing-lg);font-weight:500}.message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500}.message.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:#334155;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid #e2e8f0;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.names-list{margin-bottom:var(--spacing-lg)}.name-input-group{margin-bottom:var(--spacing-md)}.name-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center}.name-input-wrapper input{flex:1}.remove-name-button{background:#fee2e2;color:#dc2626;border:none;width:36px;height:36px;border-radius:var(--radius-md);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-name-button:hover{background:#fecaca;transform:scale(1.05)}.add-name-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#f1f5f9;color:#475569;border:2px dashed #cbd5e1;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-lg)}.add-name-button:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.cancel-button,.submit-button{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.cancel-button{background:#f1f5f9;color:#475569}.cancel-button:hover{background:#e2e8f0}.submit-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#1f2937;font-weight:700;border:2px solid transparent;box-shadow:0 8px 18px #bba9f673}.submit-button:hover:not(:disabled){border-color:#6d28d9;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.tasks-grid{grid-template-columns:1fr}.modal-content{padding:var(--spacing-lg)}.form-actions{flex-direction:column}}:root{--color-primary: #D4C5F9;--color-primary-dark: #C1B0F6;--color-spring-pink: #FFB3D9;--color-spring-peach: #FFCBA4;--color-spring-yellow: #FFF4B3;--color-spring-mint: #B3F5E8;--color-spring-sky: #B3E5FF;--color-spring-lavender: #D4C5F9;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-700: #3F3F46;--color-neutral-800: #27272A;--color-neutral-900: #18181B;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--font-body: "Oldenburg", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Oldenburg", var(--font-body);--font-fun: "Oldenburg", cursive;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-neutral-800);background:linear-gradient(135deg,var(--color-spring-sky) 0%,var(--color-spring-lavender) 100%);background-attachment:fixed;min-height:100vh;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:1;background-image:url(/moon.webp);background-size:100% auto;background-repeat:no-repeat;background-position:top left;pointer-events:none;z-index:1;filter:blur(2px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-neutral-900)}h2{font-size:2rem;margin-bottom:var(--spacing-md);color:#6d28d9}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:#6d28d9}h4,h5,h6{color:#6d28d9}p{margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}a:focus-visible{outline:2px solid var(--color-neutral-900);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:transform .2s ease,opacity .2s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-neutral-900);outline-offset:2px;border-radius:var(--radius-sm)}a[style*=linear-gradient]:hover,button[style*=linear-gradient]:hover{border-color:#6d28d9!important}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}