*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-ocean-deep:#1a4a5e;--color-ocean-mid:#2d6a7a;--color-ocean-light:#5a9aab;--color-ocean-foam:#a8d4de;--color-ocean-mist:#d4eef3;--color-sand-dark:#8b7355;--color-sand-mid:#c4a77d;--color-sand-light:#e8dcc8;--color-sand-pale:#f5f0e8;--color-sun-golden:#e8a849;--color-sun-soft:#f4c67a;--color-sun-pale:#fef3dc;--color-text-primary:#2c3e50;--color-text-secondary:#5a6c7d;--color-text-muted:#8899a6;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:var(--color-sand-pale);--color-bg-ocean:var(--color-ocean-mist);--color-success:#4a9f6e;--color-error:#c0524d;--font-family-primary:"Georgia","Times New Roman",serif;--font-family-secondary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-polaroid:0 4px 15px #00000026;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--max-width-content:1200px;--max-width-narrow:800px;--nav-height:70px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-family-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);line-height:var(--line-height-tight);color:var(--color-ocean-deep)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}@media (min-width:768px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}}p{margin-bottom:var(--space-md)}a{color:var(--color-ocean-mid);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-ocean-deep)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}.container{width:100%;max-width:var(--max-width-content);padding:0 var(--space-lg);margin:0 auto}.container--narrow{max-width:var(--max-width-narrow)}.section{padding:var(--space-3xl)0}.section--ocean{background-color:var(--color-bg-ocean)}.section--sand{background-color:var(--color-bg-secondary)}.section-title{text-align:center;margin-bottom:var(--space-2xl)}.section-title h2{margin-bottom:var(--space-sm)}.section-title p{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);border-radius:var(--border-radius-md);transition:all var(--transition-normal);text-align:center;font-weight:500;display:inline-flex}.btn--primary{background-color:var(--color-ocean-mid);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-ocean-deep);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--secondary{color:var(--color-ocean-mid);border:2px solid var(--color-ocean-mid);background-color:#0000}.btn--secondary:hover{background-color:var(--color-ocean-mid);color:var(--color-text-inverse)}.btn--warm{background-color:var(--color-sun-golden);color:var(--color-text-primary)}.btn--warm:hover{background-color:var(--color-sun-soft);transform:translateY(-2px)}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:500;display:block}.form-input,.form-textarea{width:100%;padding:var(--space-md);font-size:var(--font-size-base);border:2px solid var(--color-sand-light);border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-ocean-light);outline:none;box-shadow:0 0 0 3px #5a9aab33}.form-textarea{resize:vertical;min-height:150px}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease forwards}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.loading-spinner{border:3px solid var(--color-ocean-foam);border-top-color:var(--color-ocean-mid);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app{background:radial-gradient(1200px 600px at 20% 10%,#a8d4de59 0%,#a8d4de00 60%),radial-gradient(900px 500px at 85% 35%,#f4c67a2e 0%,#f4c67a00 55%),var(--color-bg-primary);min-height:100vh}.app__main{z-index:1;width:100%;position:relative}.app__footer{padding:var(--space-2xl)0;background:linear-gradient(#f5f0e800 0%,#f5f0e8 100%)}.app__footer-text{text-align:center;color:var(--color-text-secondary);margin:0}.nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background-color:#fffffff2;position:fixed;top:0;left:0;right:0}.nav--scrolled{box-shadow:var(--shadow-md)}.nav__container{height:var(--nav-height);max-width:var(--max-width-content);padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);width:100%;margin:0 auto;display:flex}.nav__music-button{cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#2d6a7a,#1a4a5e);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:70px;height:40px;padding:10px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026;color:#fff!important}.nav__music-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav__music-button:active{transform:translateY(0)}.nav__logo{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-ocean-deep);white-space:nowrap;transition:color var(--transition-fast);flex-shrink:0;font-weight:600;text-decoration:none}.nav__logo:hover{color:var(--color-ocean-mid)}.nav__logo span{color:var(--color-ocean-light)}.nav__spacer{flex:1;min-width:0}.nav__links{gap:var(--space-xl);flex-shrink:0;margin:0;padding:0;list-style:none;display:none}@media (min-width:768px){.nav__links{display:flex}}.nav__link{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-sm)0;transition:color var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none;position:relative}.nav__link:after{content:"";background-color:var(--color-ocean-mid);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav__link:hover{color:var(--color-ocean-mid)}.nav__link:hover:after{width:100%}.nav__mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:30px;height:30px;padding:0;display:flex}@media (min-width:768px){.nav__mobile-toggle{display:none}}.nav__mobile-toggle span{background-color:var(--color-ocean-deep);width:100%;height:2px;transition:all var(--transition-fast);display:block}.nav__mobile-toggle--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__mobile-toggle--open span:nth-child(2){opacity:0}.nav__mobile-toggle--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav__mobile-menu{top:var(--nav-height);background-color:var(--color-bg-primary);box-shadow:var(--shadow-lg);padding:var(--space-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);position:fixed;left:0;right:0;transform:translateY(-100%)}.nav__mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}@media (min-width:768px){.nav__mobile-menu{display:none}}.nav__mobile-links{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav__mobile-link{font-size:var(--font-size-lg);color:var(--color-text-primary);padding:var(--space-md);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast);text-decoration:none;display:block}.nav__mobile-link:hover{background-color:var(--color-bg-secondary);color:var(--color-ocean-mid)}.share-buttons{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.share-buttons--compact{gap:var(--space-xs)}.share-btn{align-items:center;gap:var(--space-xs);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);border:1px solid #0000;padding:10px 16px;font-weight:500;transition:all .2s;display:inline-flex}.share-buttons--compact .share-btn{padding:8px}.share-btn__icon{flex-shrink:0;width:18px;height:18px}.share-buttons--compact .share-btn__icon{width:16px;height:16px}.share-btn--native{background:var(--color-ocean);color:#fff;border-color:var(--color-ocean)}.share-btn--native:hover{background:var(--color-ocean-deep);border-color:var(--color-ocean-deep)}.share-btn--facebook{color:#fff;background:#1877f2;border-color:#1877f2}.share-btn--facebook:hover{background:#166fe5;border-color:#166fe5}.share-btn--copy{color:var(--color-ocean-deep);background:#ffffffe6;border-color:#2d6a7a4d}.share-btn--copy:hover{background:#d4eef380;border-color:#2d6a7a80}.share-btn--copied{color:#2d7a4a;background:#4a9f6e26;border-color:#4a9f6e66}@media (max-width:480px){.share-btn span{display:none}.share-btn{padding:10px}}.hero{min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__background{z-index:-1;position:absolute;inset:0}.hero__background:before{content:"";z-index:1;background:linear-gradient(#d4eef3bf 0%,#f5f0e8cc 50%,#fffffff2 100%);position:absolute;inset:0}.hero__background-image{opacity:1;width:100%;height:100%;transform:translateY(var(--hero-parallax,0px));will-change:transform;background-repeat:no-repeat}.hero__wave{width:100%;height:100px;fill:var(--color-bg-primary);position:absolute;bottom:0;left:0}.hero__content{max-width:900px;padding:var(--space-2xl)var(--space-lg);text-align:center;z-index:2;position:relative}.hero__image-wrapper{margin-bottom:var(--space-2xl);justify-content:center;display:flex}.hero__image{object-fit:cover;object-position:center 25%;width:200px;height:200px;box-shadow:var(--shadow-lg);border:5px solid #fffc;border-radius:50%;animation:1s forwards fadeIn}@media (min-width:768px){.hero__image{width:280px;height:280px}}.hero__headline{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);color:var(--color-ocean-deep);opacity:0;animation:.8s .2s forwards fadeInUp}@media (min-width:768px){.hero__headline{font-size:var(--font-size-5xl)}}.hero__subheadline{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-family:var(--font-family-primary);opacity:0;font-style:italic;animation:.8s .4s forwards fadeInUp}.hero__intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto var(--space-2xl);opacity:0;animation:.8s .6s forwards fadeInUp}.hero__cta{gap:var(--space-md);opacity:0;flex-direction:column;align-items:center;animation:.8s .8s forwards fadeInUp;display:flex}@media (min-width:480px){.hero__cta{flex-direction:row;justify-content:center}}.hero__image--placeholder{background:linear-gradient(135deg,var(--color-ocean-light),var(--color-ocean-foam));color:var(--color-text-inverse);font-size:var(--font-size-4xl);justify-content:center;align-items:center;display:flex}.hero__share{margin-top:var(--space-xl);opacity:0;justify-content:center;animation:.8s 1s forwards fadeInUp;display:flex}.add-to-calendar{gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}@media (min-width:480px){.add-to-calendar{align-items:center;gap:var(--space-md);flex-direction:row}}.add-to-calendar__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.add-to-calendar__buttons{gap:var(--space-xs);flex-wrap:wrap;display:flex}.add-to-calendar__btn{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-ocean-deep);background:#ffffffd9;border:1px solid #2d6a7a40;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .2s;display:inline-flex}.add-to-calendar__btn:hover{background:#d4eef380;border-color:#2d6a7a66}.add-to-calendar__icon{flex-shrink:0;width:16px;height:16px}.add-to-calendar--compact{flex-direction:column;align-items:center}.add-to-calendar--compact .add-to-calendar__buttons{justify-content:center}.event__grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:900px){.event__grid{grid-template-columns:1.1fr .9fr;align-items:start}}.event__card{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);border:1px solid #c4a77d59}.event__card--map{padding:var(--space-xl)}.event__card-title{margin-bottom:var(--space-lg)}.event__list{margin:0}.event__row{gap:var(--space-lg);padding:var(--space-md)0;border-top:1px solid #c4a77d40;grid-template-columns:100px 1fr;display:grid}.event__row:first-child{border-top:none;padding-top:0}.event__row dt{color:var(--color-ocean-deep);font-weight:600}.event__row dd{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.event__venue{color:var(--color-text-primary);font-weight:600}.event__address{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.event__note{margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--border-radius-md);background:linear-gradient(#d4eef359 0%,#f5f0e899 100%)}.event__note p{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.event__note p:last-child{margin-bottom:0}.event__map-wrapper{border-radius:var(--border-radius-md);width:100%;box-shadow:var(--shadow-sm);background:var(--color-bg-secondary);border:1px solid #c4a77d59;overflow:hidden}.event__map{border:0;width:100%;height:340px}@media (min-width:900px){.event__map{height:420px}}.event__map-placeholder{height:340px;color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);place-items:center;display:grid}.event__logistics{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid #c4a77d40}.event__logistics-title{font-size:var(--font-size-base);color:var(--color-ocean-deep);margin-bottom:var(--space-sm);font-weight:600}.event__logistics-list{padding-left:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.event__logistics-list li{margin-bottom:var(--space-xs)}.event__logistics-list li:last-child{margin-bottom:0}.event__logistics-list a{color:var(--color-ocean);text-decoration:underline}.event__logistics-list a:hover{color:var(--color-ocean-deep)}.event__calendar{margin-top:var(--space-sm)}.rsvp{color:#fff;background:linear-gradient(135deg,#1e3a5f 0%,#2c5282 100%);position:relative;overflow:hidden}.rsvp:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.rsvp .container{z-index:1;position:relative}.rsvp .section-title h2{color:#fff}.rsvp .section-title p{color:#ffffffe6}.rsvp__content{max-width:500px;margin:0 auto}.rsvp__form{background:#fffffff2;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #0003}.rsvp__field{margin-bottom:1.5rem}.rsvp__label{color:#2d3748;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.rsvp__required{color:#e53e3e}.rsvp__input{color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.rsvp__input:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e11a}.rsvp__input:disabled{cursor:not-allowed;opacity:.6;background:#f7fafc}.rsvp__input::placeholder{color:#a0aec0}.rsvp__message{border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:500}.rsvp__message--success{color:#22543d;background:#c6f6d5;border:2px solid #9ae6b4}.rsvp__message--error{color:#742a2a;background:#fed7d7;border:2px solid #fc8181}.rsvp__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2c5282 0%,#1e3a5f 100%);border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.rsvp__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e3a5f4d}.rsvp__submit:active:not(:disabled){transform:translateY(0)}.rsvp__submit:disabled{opacity:.6;cursor:not-allowed}.rsvp__success-message{text-align:center;background:#fffffff2;border-radius:12px;padding:3rem 2rem;box-shadow:0 10px 40px #0003}.rsvp__success-icon{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:3rem;font-weight:700;display:flex}.rsvp__success-message h3{color:#2d3748;margin-bottom:.5rem;font-size:1.5rem}.rsvp__success-message p{color:#4a5568;margin-bottom:1.5rem;font-size:1.1rem}.rsvp__calendar-prompt{background:#2d6a7a14;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.rsvp__calendar-text{color:#4a5568;margin-bottom:.75rem;font-size:.95rem;font-weight:500}.rsvp__another-button{color:#2c5282;cursor:pointer;background:0 0;border:2px solid #2c5282;border-radius:8px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.rsvp__another-button:hover{color:#fff;background:#2c5282}@media (max-width:640px){.rsvp__form{padding:1.5rem}.rsvp__success-message{padding:2rem 1.5rem}.rsvp__success-icon{width:60px;height:60px;font-size:2rem}}.local__grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (min-width:700px){.local__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.local__grid{grid-template-columns:repeat(3,1fr)}}.local-card{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid #c4a77d59}.local-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.local-card__top{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.local-card__badge{border-radius:var(--border-radius-full);color:var(--color-ocean-deep);font-size:var(--font-size-xs);background:#a8d4de80;align-items:center;padding:6px 10px;font-weight:600;display:inline-flex}.local-card__distance{color:var(--color-text-muted);font-size:var(--font-size-xs)}.local-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.local-card__body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.skip-section-link{margin-top:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);background:#ffffff80;border:1px solid #00000026;border-radius:20px;padding:8px 16px;text-decoration:none;transition:all .2s;display:inline-block}.skip-section-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:#fffc}.memories__layout{gap:var(--space-2xl);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:980px){.memories__layout{grid-template-columns:.9fr 1.1fr}}.memories__form{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);background:#fffc;border:1px solid #c4a77d59}.memories__heading{margin-bottom:var(--space-sm)}.memories__guidance{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.memories-form__file,.memories-form__submit{width:100%}.memories-form__result{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.memories-form__result--success{color:var(--color-text-primary);background:#4a9f6e26;border:1px solid #4a9f6e59}.memories-form__result--error{color:var(--color-text-primary);background:#c0524d1f;border:1px solid #c0524d4d}.memories__wall{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);background:#f5f0e873;border:1px solid #c4a77d40}.memories__wall-inner{column-count:2;column-gap:var(--space-lg)}.memories__empty{break-inside:avoid;width:100%;padding:var(--space-xl);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);text-align:center;background:#ffffffa6;border:1px dashed #2d6a7a40;display:inline-block}.memories__empty-title{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-ocean-deep);margin:0 0 var(--space-sm);font-weight:600}.memories__empty-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}@media (min-width:760px){.memories__wall-inner{column-count:3}}@media (min-width:1200px){.memories__wall-inner{column-count:4}}.polaroid{break-inside:avoid;width:100%;margin:0 0 var(--space-lg);text-align:left;animation:.6s forwards fadeInUp;animation-delay:var(--delay,0s);opacity:0;transform:rotate(var(--rot,0deg))translateY(10px);background:0 0;display:inline-block}.polaroid__frame{box-shadow:var(--shadow-polaroid);background:#fff;border:1px solid #0000000f;border-radius:6px;padding:12px 12px 14px}.polaroid__photo{aspect-ratio:1;background:linear-gradient(135deg,#a8d4decc,#f5f0e8e6);border-radius:4px;overflow:hidden}.polaroid__img{object-fit:cover;width:100%;height:100%}.polaroid__placeholder{color:#1a4a5ecc;place-items:center;width:100%;height:100%;font-size:30px;display:grid}.polaroid__caption{margin-top:10px}.polaroid__name{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-ocean-deep);font-weight:700}.polaroid__snippet{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:4px}.polaroid:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #5a9aab59}.modal{z-index:1300;padding:var(--space-lg);place-items:center;display:grid;position:fixed;inset:0}.modal__backdrop{background:#1a4a5e73;position:absolute;inset:0}.modal__panel{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);width:min(860px,100%);max-height:min(85vh,760px);box-shadow:var(--shadow-lg);border:1px solid #c4a77d59;position:relative;overflow:auto}.modal__header{justify-content:space-between;align-items:start;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(#d4eef399 0%,#fff 100%);border-bottom:1px solid #c4a77d40;display:flex}.modal__title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);color:var(--color-ocean-deep);font-weight:800}.modal__meta{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:2px}.modal__close{border-radius:var(--border-radius-md);color:var(--color-ocean-deep);background:#fffc;border:1px solid #2d6a7a40;padding:10px 12px}.modal__close:hover{background:#d4eef399}.modal__body{padding:var(--space-lg)}.modal__image{width:100%;margin-bottom:var(--space-lg);place-items:center;display:grid}.modal__img{width:min(520px,100%);box-shadow:var(--shadow-md);border-radius:10px}.modal__img-placeholder{color:#1a4a5ed9;background:linear-gradient(135deg,#a8d4decc,#f5f0e8e6);border-radius:10px;place-items:center;width:min(520px,100%);height:320px;font-size:34px;display:grid}.modal__message{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap;margin:0}.faq__list{gap:var(--space-md);display:grid}.faq-item{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid #c4a77d59;overflow:hidden}.faq-item__heading{margin:0}.faq-item__button{text-align:left;justify-content:space-between;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-lg);background:0 0;display:flex}.faq-item__question{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-ocean-deep)}.faq-item__icon{border-radius:var(--border-radius-full);width:34px;height:34px;color:var(--color-ocean-mid);border:1px solid #2d6a7a40;flex:none;place-items:center;display:grid}.faq-item__panel{padding:0 var(--space-lg)var(--space-lg)}.faq-item__answer{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.faq-item__button:focus-visible{outline-offset:3px;border-radius:var(--border-radius-lg);outline:3px solid #5a9aab59}.assistant__card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);background:linear-gradient(#d4eef380 0%,#fff 70%);border:1px solid #2d6a7a33}.assistant__card-title{margin-bottom:var(--space-md)}.assistant__suggestions{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;padding-left:1.2rem}.assistant__note{margin-top:var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:0}.assistant-widget{z-index:1200;position:fixed;bottom:16px;right:16px}.assistant-widget__fab{border-radius:var(--border-radius-full);background:var(--color-ocean-mid);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),background-color var(--transition-normal);justify-content:center;align-items:center;padding:12px 14px;display:inline-flex}.assistant-widget__fab:hover{background:var(--color-ocean-deep);transform:translateY(-2px)}.assistant-widget__fab:focus-visible{outline-offset:3px;outline:3px solid #5a9aab59}.assistant-widget__fab-icon{font-weight:600;font-size:var(--font-size-sm)}.assistant-widget__panel{border-radius:var(--border-radius-lg);width:min(420px,100vw - 32px);height:min(560px,100vh - 110px);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal);background:#fffffffa;border:1px solid #c4a77d59;flex-direction:column;margin-top:12px;display:flex;overflow:hidden;transform:translateY(10px)}.assistant-widget__panel--open{opacity:1;pointer-events:auto;transform:translateY(0)}.assistant-widget__header{justify-content:space-between;align-items:start;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:linear-gradient(#d4eef38c 0%,#fff 100%);border-bottom:1px solid #c4a77d40;display:flex}.assistant-widget__title{font-family:var(--font-family-primary);color:var(--color-ocean-deep);font-size:var(--font-size-lg);font-weight:700}.assistant-widget__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:2px}.assistant-widget__clear{border-radius:var(--border-radius-md);color:var(--color-ocean-deep);font-size:var(--font-size-sm);background:#ffffffa6;border:1px solid #2d6a7a40;padding:8px 10px}.assistant-widget__clear:hover{background:#d4eef399}.assistant-widget__messages{padding:var(--space-lg);gap:var(--space-md);flex:1;display:grid;overflow:auto}.assistant-msg{gap:4px;display:grid}.assistant-msg--assistant{justify-items:start}.assistant-msg--user{justify-items:end}.assistant-msg__bubble{max-width:85%;line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);white-space:pre-wrap;border-radius:14px;padding:10px 12px}.assistant-msg--assistant .assistant-msg__bubble{color:var(--color-text-primary);background:#d4eef38c;border:1px solid #2d6a7a2e}.assistant-msg--user .assistant-msg__bubble{color:var(--color-text-primary);background:#f4c67a47;border:1px solid #e8a84940}.assistant-msg__bubble--loading{align-items:center;gap:var(--space-sm);display:inline-flex}.assistant-msg__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.assistant-widget__composer{gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-primary);border-top:1px solid #c4a77d40;grid-template-columns:1fr auto;display:grid}.assistant-widget__input{border:2px solid var(--color-sand-light);border-radius:var(--border-radius-md);width:100%;padding:10px 12px}.assistant-widget__input:focus{border-color:var(--color-ocean-light);outline:none;box-shadow:0 0 0 3px #5a9aab33}.assistant-widget__send{border-radius:var(--border-radius-md);background:var(--color-ocean-mid);color:var(--color-text-inverse);padding:10px 14px;font-weight:600}.assistant-widget__send:disabled{opacity:.55;cursor:not-allowed}.parallax-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.parallax-bg__image{will-change:transform,opacity;transition:opacity .6s ease-out;position:absolute}.parallax-bg__frame{background:#fff;border-radius:2px;width:180px;padding:12px 12px 40px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}@media (min-width:768px){.parallax-bg__frame{width:220px;padding:16px 16px 50px}}.parallax-bg__img{aspect-ratio:1;object-fit:cover;border-radius:1px;width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.parallax-bg__image{transition:opacity .3s ease-out;position:absolute;transform:none!important}}.admin-portal{background:linear-gradient(#f8f9fa 0%,#fff 100%);min-height:100vh;padding:60px 0}.admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-header h1{color:#2c3e50;margin:0;font-size:32px}.admin-login{background:#fff;border-radius:12px;max-width:400px;margin:60px auto;padding:40px;box-shadow:0 4px 20px #0000001a}.admin-login h2{text-align:center;color:#2c3e50;margin:0 0 24px}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-tabs{border-bottom:2px solid #e0e0e0;gap:8px;margin-bottom:32px;display:flex;overflow-x:auto}.admin-tab{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-size:15px;font-weight:500;transition:all .3s}.admin-tab:hover{color:#2c3e50;background:#00000005}.admin-tab--active{color:#007bff;border-bottom-color:#007bff}.admin-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;gap:16px;padding:24px;transition:all .3s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:40px;line-height:1}.stat-content{flex:1}.stat-value{color:#2c3e50;margin-bottom:8px;font-size:36px;font-weight:700;line-height:1}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:14px;font-weight:500}.stat-detail{color:#999;margin-top:8px;font-size:13px}.stat-recent{color:#28a745;margin-top:8px;font-size:13px;font-weight:600}.dashboard-sections{gap:24px;display:grid}.dashboard-section{background:#f8f9fa;border-radius:8px;padding:24px}.dashboard-section h3{color:#2c3e50;margin:0 0 16px;font-size:18px}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.action-btn{cursor:pointer;color:#2c3e50;text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.action-btn:hover{color:#007bff;background:#f0f8ff;border-color:#007bff}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.content-header h2{color:#2c3e50;margin:0;font-size:24px}.memory-stats{flex-wrap:wrap;gap:12px;display:flex}.badge{border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.badge-success{color:#155724;background:#d4edda}.badge-warning{color:#856404;background:#fff3cd}.data-table{border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;overflow-x:auto}.data-table table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:12px 16px;font-size:13px;font-weight:600}.data-table td{border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#f8f9fa}.data-table tr.success{background:#f0fff4}.data-table tr.error{background:#fff5f5}.data-table .log-inbound{background:#f0f9ff}.data-table .log-outbound{background:#fff}.sms-form{max-width:800px}.sms-form h2{color:#2c3e50;margin:0 0 24px;font-size:24px}.form-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px}.message-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:24px 0;padding:20px}.message-preview h3{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.preview-content{white-space:pre-wrap;color:#2c3e50;background:#fff;border:1px solid #ddd;border-radius:6px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:14px}.info-text{color:#004085;background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;padding:16px;font-size:14px;line-height:1.6}.send-results{margin-top:32px}.send-results h3{color:#2c3e50;margin:0 0 16px;font-size:18px}.status-success{color:#155724;background:#d4edda}.status-error{color:#721c24;background:#f8d7da}.direction-badge{text-transform:capitalize;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.direction-inbound{color:#1565c0;background:#e3f2fd}.direction-outbound{color:#6a1b9a;background:#f3e5f5}.message-cell{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.loading,.no-data{text-align:center;color:#999;padding:40px;font-style:italic}.btn--small{padding:8px 16px;font-size:14px}@media (max-width:768px){.admin-portal{padding:40px 0}.admin-content{padding:20px}.admin-login{margin:40px 20px;padding:24px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-header h1{font-size:24px}.stats-grid,.quick-actions{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 12px}.message-cell{max-width:150px}.admin-tabs{gap:4px}.admin-tab{padding:10px 12px;font-size:13px}}.stat-card--success{background:linear-gradient(135deg,#f0fff4 0%,#fff 100%);border-color:#28a745}.stat-card--success .stat-value{color:#28a745}.stat-card--warning{background:linear-gradient(135deg,#fffbf0 0%,#fff 100%);border-color:#ffc107}.stat-card--warning .stat-value{color:#d68a00}.stat-card--info{background:linear-gradient(135deg,#f0f9ff 0%,#fff 100%);border-color:#17a2b8}.stat-card--info .stat-value{color:#17a2b8}.rsvp-summary{gap:12px;display:flex}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-sent{color:#004085;background:#cce5ff}.status-not-sent{color:#6c757d;background:#e9ecef}.row-confirmed{background:#28a7450d}.row-pending{background:#ffc1070d}.success-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:16px;padding:12px 16px}.content-actions{gap:8px;display:flex}.action-btn--primary{color:#fff!important;background:#007bff!important;border-color:#007bff!important}.action-btn--primary:hover{background:#0056b3!important;border-color:#0056b3!important}.btn--primary{color:#fff;background:#007bff;border-color:#007bff}.btn--success{color:#fff;background:#28a745;border-color:#28a745}.btn--warning{color:#212529;background:#ffc107;border-color:#ffc107}.btn--danger{color:#fff;background:#dc3545;border-color:#dc3545}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:all .2s}.btn-icon:hover{background:#0000001a}.btn-icon--danger:hover{background:#dc354533}button.status-badge{cursor:pointer;border:none;transition:all .2s}button.status-badge:hover{filter:brightness(.95);transform:scale(1.05)}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.form-section h3{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px}.template-buttons,.quick-load-buttons{flex-wrap:wrap;gap:8px;display:flex}.reminder-results{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.reminder-result{border-radius:4px;justify-content:space-between;padding:8px 12px;font-size:14px;display:flex}.reminder-result.success{color:#155724;background:#d4edda}.reminder-result.failed{color:#721c24;background:#f8d7da}.memories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px;display:grid}.memory-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;transition:all .3s;overflow:hidden}.memory-card:hover{box-shadow:0 4px 12px #0000001a}.memory-card--approved{border-left:4px solid #28a745}.memory-card--pending{border-left:4px solid #ffc107}.memory-card__image{width:100%;height:180px;overflow:hidden}.memory-card__image img{object-fit:cover;width:100%;height:100%}.memory-card__content{padding:16px}.memory-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.memory-card__header strong{color:#2c3e50;font-size:16px}.memory-card__relationship{color:#666;background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:12px}.memory-card__message{color:#444;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.memory-card__footer{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.memory-card__date{color:#999}.memory-card__actions{gap:8px;display:flex}.memory-card__actions .btn{flex:1}.rsvp-summary{gap:12px;margin-bottom:16px;display:flex}.questions-summary{margin-bottom:32px}.questions-summary h3,.questions-list h3{color:#2c3e50;margin:0 0 16px;font-size:18px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.category-card{background:#fff;border-left:4px solid #d4a574;border-radius:8px;padding:16px;box-shadow:0 2px 8px #00000014}.category-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-name{color:#2c3e50;font-weight:600}.category-count{color:#fff;background:#d4a574;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.category-examples{flex-direction:column;gap:8px;display:flex}.example-text{color:#666;font-size:13px;font-style:italic;line-height:1.4}.questions-list{margin-top:24px}.question-cell{background:#fff9f0;font-weight:500}.response-cell{background:#f0f9f0}.no-response{color:#999;font-style:italic}.contact-stats{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.contact-stat{background:#fff;border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #00000014}.contact-stat .stat-number{color:#2c3e50;font-size:24px;font-weight:700}.contact-stat .stat-label{color:#666;text-transform:uppercase;font-size:12px}.contact-stat.stat-success .stat-number{color:#27ae60}.contact-stat.stat-warning .stat-number{color:#e74c3c}.contacts-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{flex:1;min-width:200px}.search-box .form-input{width:100%}.filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.filter-btn:hover{background:#fff9f0;border-color:#d4a574}.filter-btn.active{color:#fff;background:#d4a574;border-color:#d4a574}.bulk-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.bulk-select-dropdown{align-items:center;gap:8px;display:flex}.bulk-select-dropdown label{color:#666;white-space:nowrap;font-size:13px}.bulk-select-dropdown .form-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:160px;padding:8px 12px;font-size:13px}.bulk-select-dropdown .form-select:hover{border-color:#d4a574}.btn--outline{color:#666;background:0 0;border:1px solid #ddd}.btn--outline:hover{color:#333;border-color:#999}.selection-count{color:#666;font-size:13px}.contacts-table .col-select{text-align:center;width:50px}.contacts-table tr.opted-out{opacity:.5;background:#f8f8f8}.contacts-table tr.selected{background:#fff9f0}.contact-name .unknown{color:#999;font-style:italic}.contact-email .no-email{color:#ccc}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-opted-out{color:#dc2626;background:#fee2e2}.status-confirmed{color:#16a34a;background:#dcfce7}.status-pending{color:#d97706;background:#fef3c7}.status-unknown{color:#9ca3af;background:#f3f4f6}.source-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.source-rsvp{color:#2563eb;background:#dbeafe}.source-sms{color:#9333ea;background:#f3e8ff}.stats-grid--small{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.analytics-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.analytics-card h4{color:#374151;margin:0 0 16px;font-size:14px;font-weight:600}.breakdown-list{flex-direction:column;gap:12px;display:flex}.breakdown-item{background:#f9fafb;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:relative;overflow:hidden}.breakdown-label{color:#4b5563;z-index:1;font-size:13px}.breakdown-value{color:#1f2937;z-index:1;font-size:13px;font-weight:600}.breakdown-bar{background:linear-gradient(90deg,#2d6a7a26,#2d6a7a0d);border-radius:6px 0 0 6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.section-card{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000f}.section-card h4{color:#374151;margin:0 0 16px;font-size:16px;font-weight:600}.cell-nowrap{white-space:nowrap}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.badge-info{color:#2563eb;background:#dbeafe}.badge-neutral{color:#6b7280;background:#f3f4f6}.empty-state{text-align:center;color:#6b7280;padding:60px 20px}.empty-state p{margin:0 0 8px}.text-muted{color:#9ca3af;font-size:14px}.music-control{z-index:1000;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000004d}.music-control:hover{background:linear-gradient(135deg,#34495e 0%,#3d566e 100%);transform:translateY(-2px);box-shadow:0 6px 24px #0006}.music-control:active{transform:translateY(0)}.music-control__icon{font-size:18px;line-height:1}.music-control__text{text-transform:uppercase;letter-spacing:.5px}@media (max-width:480px){.music-control{padding:10px 16px;font-size:13px;bottom:16px;right:16px}.music-control__icon{font-size:16px}}.exit-reminder-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.exit-reminder{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:32px;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exit-reminder__close{cursor:pointer;color:#666;background:#f0f0f0;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1;transition:all .2s;position:absolute;top:12px;right:12px}.exit-reminder__close:hover{color:#333;background:#e0e0e0}.exit-reminder__content{text-align:center}.exit-reminder__icon{margin-bottom:16px;font-size:48px}.exit-reminder__title{color:#2c3e50;margin:0 0 12px;font-size:24px;font-weight:600}.exit-reminder__text{color:#444;margin:0 0 8px;font-size:16px;line-height:1.5}.exit-reminder__subtext{color:#666;margin:0 0 24px;font-size:14px}.exit-reminder__actions{justify-content:center;gap:12px;display:flex}.exit-reminder__actions .btn{min-width:120px}.exit-reminder__actions .btn--outline{color:#666;background:0 0;border:1px solid #ddd}.exit-reminder__actions .btn--outline:hover{color:#333;background:#f8f8f8;border-color:#999}@media (max-width:480px){.exit-reminder{padding:24px}.exit-reminder__actions{flex-direction:column}.exit-reminder__actions .btn{width:100%}}