body,html{overflow-x:hidden}.homepage-section{background-color:#f0f0f0;margin-top:20px}.homepage-title{color:#333;font-size:2rem}.centered-mt-3rem{margin-top:3rem;text-align:center}.modal-overlay.open{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.modal-content.open{border-radius:1rem;box-shadow:0 20px 40px #00000026;opacity:1;overflow:hidden;transform:scale(1) translateY(0);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.modal-header-custom{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.modal-header-title{font-size:1.125rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:background-color .2s}.modal-close-btn:hover{background-color:#f3f4f6}.mobile-preview-outer{display:flex;justify-content:center;padding:2rem}.mobile-preview-frame{width:320px}.mobile-frame-shell{background:#000;border-radius:2rem;box-shadow:0 20px 40px #0000004d;padding:.5rem}.mobile-frame-inner{background:#fff;border-radius:1.5rem;height:600px;overflow:hidden;position:relative}.mobile-statusbar{background:#000;color:#fff;display:flex;font-size:12px;justify-content:space-between;padding:.5rem 1rem}.mobile-navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:.75rem 1rem}.mobile-navbar-title{font-weight:600}.mobile-scroll-content{height:calc(100% - 80px);overflow-y:auto}.mobile-hero-image{align-items:center;background:linear-gradient(135deg,#fdf2f8,#f3e8ff);display:flex;flex-direction:column;height:250px;justify-content:center;position:relative}.mobile-hero-image-bg{background-position:50%;background-size:cover;inset:0;opacity:.3;position:absolute}.mobile-hero-image-content{color:#1f2937;position:relative;text-align:center}.mobile-hero-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.mobile-hero-date{font-size:.875rem}.mobile-main-greeting{padding:1.5rem}.mobile-greeting-text{margin-bottom:2rem;text-align:center}.mobile-greeting-p{color:#6b7280;font-size:.875rem;line-height:1.6}.mobile-bridegroom-row{display:flex;justify-content:space-around;margin-bottom:2rem}.mobile-bridegroom-col{text-align:center}.mobile-bridegroom-label{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.mobile-bridegroom-name{font-size:.875rem;font-weight:600}.mobile-contact-btn{background:#fdf2f8;border:1px solid #fbcfe8;border-radius:.25rem;color:#ec4899;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem}.mobile-info-section{padding:0 1.5rem 1.5rem}.mobile-dateplace-box{background:#fdf2f8;border:1px solid #fbcfe8;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.mobile-dateplace-title{font-size:.875rem;font-weight:600;margin-bottom:.75rem}.mobile-dateplace-detail{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.mobile-dateplace-address{color:#9ca3af;font-size:.75rem}.mobile-map-btn-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.mobile-map-btn-primary{background:#ec4899;border:none;border-radius:.375rem;color:#fff}.mobile-map-btn-outline,.mobile-map-btn-primary{flex:1 1;font-size:.75rem;font-weight:500;padding:.75rem}.mobile-map-btn-outline{background:#0000;border:1px solid #fbcfe8;border-radius:.375rem;color:#ec4899}.mobile-detail-greeting-section{padding:0 1.5rem 1.5rem}.mobile-detail-greeting-box{background:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.mobile-detail-greeting-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.mobile-detail-greeting-content{color:#6b7280;font-size:.75rem;line-height:1.6;text-align:center}.mobile-detail-greeting-content p{margin-bottom:.75rem}.mobile-parents-box{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.mobile-parents-item{margin-bottom:1rem;text-align:center}.mobile-parents-label{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.mobile-parents-names{font-size:.875rem;font-weight:500}.mobile-gallery-box{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.mobile-gallery-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.mobile-gallery-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.mobile-gallery-item{align-items:center;aspect-ratio:1;background:#f3f4f6;border-radius:.375rem;color:#6b7280;display:flex;font-size:.75rem;justify-content:center}.mobile-cashgift-box{background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.mobile-cashgift-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.mobile-cashgift-content{color:#92400e;font-size:.75rem}.mobile-cashgift-row{margin-bottom:.5rem}.mobile-cashgift-account{font-weight:500}.mobile-guestbook-box{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.mobile-guestbook-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.mobile-guestbook-textarea-wrapper{margin-bottom:1rem}.mobile-guestbook-textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.75rem;height:60px;padding:.5rem;resize:none;width:100%}.mobile-guestbook-btn{background:#ec4899;border:none;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:500;padding:.5rem;width:100%}.mobile-bottom-btn-row{display:flex;gap:.75rem;margin-top:1rem}.mobile-bottom-btn-primary{align-items:center;background:#ec4899;border:none;border-radius:.5rem;color:#fff;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem}.homepage{background:#fffc;min-height:100vh}.icon-pink{color:#ec4899!important}.icon-purple{color:#a855f7!important}.icon-blue{color:#3b82f6!important}.icon-green{color:#10b981!important}.icon-white{color:#fff!important}.icon-gray{color:#9ca3af!important}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-container,.header-sub-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:.9rem 1rem .6rem}.header-sub-container{padding:0 1rem}.logo{align-items:center;display:flex;gap:.5rem;text-decoration:none}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-background-clip:text;background-clip:text;font-family:Cafe24Shiningstar,serif;font-size:1.6rem;font-weight:700}.nav{align-items:center;display:flex;gap:1.5rem}.nav-link{border-bottom:2px solid #0000;color:#6b7280;padding-bottom:.9rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:#ec4899}.nav-link.active{color:#ec4899;font-weight:600}.ad-banner-sidebar{right:6px}.ad-banner-sidebar,.left-banner-sidebar{min-height:600px;position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:999}.left-banner-sidebar{left:6px}@media (max-width:1080px){.ad-banner-sidebar,.left-banner-sidebar{display:none}}.ad-banner{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:.875rem;justify-content:center;margin:2rem 0;min-height:100px;text-align:center}.ad-banner-large{min-height:250px}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background-color:#ec4899;color:#fff}.btn-primary:hover{background-color:#db2777;transform:translateY(-1px)}.btn-outline{background-color:initial;border:1px solid #fbcfe8;color:#ec4899;font-size:16px!important}.btn-outline:hover{background-color:#fdf2f8;transform:translateY(-1px)}.btn-lg{font-size:1.125rem;padding:.75rem 2rem}.fade-in{transform:translateY(30px)}.fade-in,.scale-in,.slide-in-left,.slide-in-right{transition:all .6s ease}.scale-in{transform:scale(.8)}.title-main{margin:0 auto;max-width:1000px;overflow:hidden;padding:1rem;position:relative}.title-h2-sub{color:#888;line-height:1.8}.title-h2-sub h1{margin:.6rem 0!important}.title-h2-sub strong{color:#ec4899}.hero{overflow:hidden;padding:5rem 1rem;position:relative;text-align:center}.hero-container{position:relative;z-index:1}.hero-title{font-size:3rem}@media (min-width:768px){.hero-title{font-size:4.5rem}}.hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-background-clip:text;background-clip:text;display:block}.hero-description{font-size:1.25rem;margin-bottom:2rem}.hero-buttons{align-items:center;flex-direction:column;margin-bottom:3rem}@media (min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}}.features{background:#ffffff80;padding:5rem 1rem}.features-container{margin:0 auto;max-width:1200px}.section-title{margin-bottom:4rem;text-align:center}.section-title h2{font-size:2.5rem}.section-title p{font-size:1.25rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:#fffc;border:1px solid #fff3;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-icon{display:flex;justify-content:center;margin-bottom:1rem}.feature-title{font-size:1.25rem;margin-bottom:.5rem}.templates{padding:2rem 1rem 5rem}.templates-container{margin:0 auto;max-width:1000px;overflow:hidden}.templates-grid{grid-template-columns:1fr}@media (min-width:768px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.templates-grid{grid-template-columns:repeat(4,1fr)}}.template-card{background:#fffc;border-radius:.5rem;cursor:pointer;overflow:hidden;transition:all .3s}.template-card:hover{transform:translateY(-5px) scale(1.02)}.template-image{overflow:hidden;position:relative}.template-image img{border-radius:12px;height:405px;object-fit:contain;object-position:center;transition:transform .3s;width:100%}.template-card:hover .template-image img{transform:scale(1.1)}.template-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;position:absolute;transition:all .3s}.template-card:hover .template-overlay{background:#0000004d}.template-overlay .btn{opacity:0;transform:translateY(20px);transition:all .3s}.template-card:hover .template-overlay .btn{opacity:1;transform:translateY(0)}.template-info{align-items:baseline;display:flex;justify-content:space-between;padding:1rem 0}.template-name{font-size:16px;margin:0 0 4px}.footer-primary,.footer-secondary{background:#fff;box-shadow:0 0 2px 0 #0000001f;color:#495057;font-size:.875rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;width:100%}.footer-primary:hover,.footer-secondary:hover{box-shadow:0 4px 12px #0000000f;transform:scale(1.03)}.newsletter{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;overflow:hidden;padding:5rem 1rem;position:relative;text-align:center}.newsletter-container{margin:0 auto;max-width:768px;position:relative;z-index:1}.newsletter h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.newsletter p{color:#fbcfe8;font-size:1.25rem;margin-bottom:2rem}.newsletter-form{box-sizing:border-box;flex-direction:column;gap:1rem;max-width:24rem}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{background:#fff3;border:1px solid #ffffff4d;border-radius:.375rem;color:#fff;padding:.75rem;transition:all .3s}.newsletter-input:focus{background:#ffffff4d;outline:none}.newsletter-input::placeholder{color:#fbcfe8}.newsletter-btn{background:#fff;color:#ec4899;transition:all .3s}.newsletter-btn:hover{background:#f3f4f6}.footer{background:#1f2937;color:#fff;padding:2rem 1rem}.footer-container{margin:0 auto;max-width:1000px}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-section h3{font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;margin-top:2rem;padding-top:2rem;text-align:left}.contact-item{align-items:center;color:#9ca3af;display:flex;gap:.5rem;margin-bottom:.5rem}.modal-overlay{background:#000c;bottom:0;left:0;opacity:0;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{border-radius:1rem;max-height:90vh;max-width:90vw;overflow:auto;transform:scale(.8);transition:transform .3s ease}.modal-overlay.open .modal-content{transform:scale(1)}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.modal-close{background:none;border:none;border-radius:.25rem;cursor:pointer;padding:.5rem;transition:background-color .2s}.modal-close:hover{background:#f3f4f6}.hero-animate{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-animate.visible{opacity:1;transform:translateY(0)}.hero-container{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.hero-title{color:#1f2937;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-description{color:#6b7280;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.desktop-break{display:block}.templates-grid{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto;max-width:1200px}.template-card{box-sizing:border-box;max-width:100%;width:100%}.notice-list-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;padding:clamp(2rem,5vw,4rem) 1rem;width:100%}.notice-header{margin-bottom:4rem;text-align:center}.notice-title{color:#1f2937;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.notice-subtitle{color:#6b7280;font-size:clamp(1rem,2.5vw,1.2rem)}.notice-list-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;overflow:hidden;width:100%}.notice-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:clamp(1rem,3vw,1.5rem);position:relative;transition:all .2s ease}.notice-item:last-child{border-bottom:none}.notice-item:hover{background-color:#fafbfc}.notice-item-content{flex:1 1}.notice-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.notice-badge{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:1.5rem;color:#92400e;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;white-space:nowrap}.notice-item-title{color:#1f2937;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;line-height:1.4;margin:0}.notice-item-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:clamp(.85rem,2vw,.95rem);gap:clamp(1rem,3vw,2rem)}.notice-meta-item{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.notice-arrow{color:#9ca3af;flex-shrink:0;height:1.5rem;margin-left:1rem;transition:transform .2s ease;width:1.5rem}.notice-detail-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;padding:clamp(2rem,5vw,4rem) 1rem;width:100%}.back-button{align-items:center;background:none;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;font-size:clamp(.9rem,2vw,.95rem);gap:.75rem;padding:1rem;transition:all .2s}.back-button:hover{background-color:#f9fafb;color:#374151}.notice-detail-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;box-shadow:0 1px 3px #0000000d;padding:clamp(1.5rem,4vw,2rem)}.notice-detail-header{margin-bottom:3rem}.notice-important-badge{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:2rem;color:#92400e;display:inline-flex;font-size:clamp(.8rem,2vw,.875rem);font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem}.notice-detail-title{color:#1f2937;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;line-height:1.2;margin-bottom:2rem}.notice-detail-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:clamp(.85rem,2vw,.95rem);gap:clamp(1rem,3vw,2rem)}.notice-detail-content{color:#374151;font-size:clamp(1rem,2.5vw,1.1rem);letter-spacing:-.01em;line-height:1.8;white-space:pre-line}.notice-animate{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.notice-animate.visible{opacity:1;transform:translateY(0)}.slide-in-up{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.slide-in-up.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.desktop-break{display:none}.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{max-width:280px;width:100%}.templates-grid{gap:1.5rem}.template-image img{object-fit:contain}.notice-item-header{align-items:flex-start;flex-direction:column;gap:.75rem}.notice-item-meta{gap:1rem}.notice-meta-item{font-size:.85rem}.newsletter{padding:4rem 1rem!important}.newsletter-form{flex-direction:column;gap:1rem}.newsletter-input{width:100%}}@media (max-width:480px){.templates-grid{grid-template-columns:1fr}.notice-item{padding:1rem}.notice-arrow{margin-left:.5rem}}.fade-in{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translateX(-30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.slide-in-right.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.scale-in.visible{opacity:1;transform:scale(1)}.section-title h2{color:#1f2937;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.section-title p{color:#6b7280;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6}.newsletter{padding:clamp(4rem,8vw,8rem) 1rem}.newsletter-container h2{color:#fff;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.newsletter-container p{color:#fff;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.6;margin-bottom:2rem}.newsletter-form{align-items:center;display:flex;gap:1.6rem;margin:0 auto}.newsletter-input{border:1px solid #e5e7eb;border-radius:.75rem;flex:1 1;font-size:clamp(.9rem,2vw,1rem);max-width:240px;padding:clamp(.75rem,2vw,1rem);transition:border-color .2s}.newsletter-btn{font-size:clamp(.9rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,3vw,2rem);white-space:nowrap}.feature-title{color:#1f2937;font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600;margin-bottom:.75rem}.feature-description{color:#6b7280;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.template-name{color:#1f2937;font-weight:600;margin-bottom:.5rem}.template-category{color:#6b7280;font-size:clamp(.85rem,2vw,.9rem)}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-overlay.open{animation:fadeIn .3s ease-in-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:400px;padding:2rem;position:relative;width:100%}.close-button{background:#0000;border:none;cursor:pointer;position:absolute;right:1rem;top:1rem}.logo-container{margin-bottom:2rem;text-align:center}.logo-icon-text{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.icon-pink{color:#ec4899}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.modal-subtitle{color:#666;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-label{color:#333;display:block;font-size:.875rem;margin-bottom:.4rem}.input-wrapper{align-items:center;background-color:#fafafa;border:1px solid #ddd;border-radius:8px;display:flex;padding:.5rem .75rem}.input-icon{color:#888;margin-right:.5rem}.form-input{background:#0000;border:none;color:#111;flex:1 1;font-size:.9rem;outline:none}.password-input{padding-right:2rem}.input-focus{background-color:#fff}.input-error{border:1px solid #ef4444!important}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.password-toggle-button{background:#0000;border:none;cursor:pointer;position:absolute;right:1rem}.submit-button{background-color:#ec4899;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;transition:background .3s ease}.submit-hover{background-color:#db2777}.signup-container{margin-top:1.5rem;text-align:center}.signup-text{color:#555;font-size:.85rem;margin-bottom:.5rem}.signup-button{background:none;border:none;color:#ec4899;cursor:pointer;font-weight:500}.signup-hover{text-decoration:underline}.auth-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:320px;padding:32px;position:relative;width:90%}.auth-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.auth-modal-close:hover{background:#f5f5f5;color:#333}.auth-modal-header{margin-bottom:32px;text-align:center}.auth-modal-header h2{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.auth-modal-header p{color:#666;font-size:14px;line-height:1.5}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a;outline:none}.form-input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.general-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;text-align:center}.auth-submit-btn{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s ease}.auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #ec48994d;transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-switch{border-top:1px solid #eee;margin-top:24px;padding-top:24px;text-align:center}.auth-switch p{color:#666;font-size:14px}.auth-switch-btn{background:none;border:none;color:#ec4899;cursor:pointer;font-weight:600;text-decoration:underline}.auth-switch-btn:hover{color:#a855f7}.auth-buttons{align-items:center;display:flex;gap:6px}.auth-link{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:#ec4899}.logout-btn{color:#666!important}.logout-btn:hover{color:#ef4444!important}.mypage-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.mypage-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ec4899;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mypage-header{margin-bottom:40px;text-align:center}.mypage-header h1{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.mypage-header p{color:#666;font-size:16px}.mypage-tabs{border-bottom:1px solid #eee;display:flex;gap:8px;justify-content:center;margin-bottom:40px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab-btn.active{border-bottom-color:#ec4899;color:#ec4899}.tab-btn:hover{color:#ec4899}.mypage-content{animation:fadeIn .5s ease}.profile-section{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:600px}.password-change-card,.profile-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:32px}.password-change-card h3,.profile-card h3{color:#333;font-size:20px;font-weight:600;margin-bottom:24px}.profile-info{display:flex;flex-direction:column;gap:16px}.info-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#333;font-weight:600}.info-item span{color:#666}.password-form{display:flex;flex-direction:column;gap:20px}.password-submit-btn{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.password-submit-btn:hover{box-shadow:0 4px 12px #ec48994d;transform:translateY(-1px)}.invitations-section{margin:0 auto;max-width:1000px}.invitations-header{margin-bottom:32px;text-align:center}.invitations-header h3{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.invitations-header p{color:#666;font-size:14px}.empty-invitations{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:60px 20px;text-align:center}.empty-invitations p{color:#666;font-size:16px;margin-bottom:24px}.create-invitation-btn{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-invitation-btn:hover{box-shadow:0 4px 12px #ec48994d;transform:translateY(-1px)}.invitations-grid{margin:0 auto;width:360px}.invitation-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:6px;padding:24px;transition:all .2s ease}.invitation-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.invitation-card-header{margin-bottom:16px}.invitation-card-header h4{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.invitation-badges{display:flex;gap:8px}.badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.badge.wedding{background:#fef2f2;color:#dc2626}.badge.baby{background:#f0f9ff;color:#0284c7}.badge.status.published{background:#f0fdf4;color:#16a34a}.badge.status.draft{background:#fefce8;color:#ca8a04}.invitation-card-info{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.invitation-card-info p{margin-bottom:4px}.invitation-card-actions{display:flex;gap:8px}.delete-btn,.edit-btn,.view-btn{border:1px solid;border-radius:6px;cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.edit-btn{background:#f0f9ff;border-color:#bae6fd;color:#0284c7}.edit-btn:hover{background:#e0f2fe}.view-btn{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.view-btn:hover{background:#dcfce7}.delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.delete-btn:hover{background:#fee2e2}@media (max-width:768px){.mypage-container{padding:20px 16px}.profile-section{gap:24px}.password-change-card,.profile-card{padding:24px}.invitations-grid{grid-template-columns:1fr}.invitation-card-actions{flex-direction:column}.delete-btn,.edit-btn,.view-btn{flex:none}}.wedding-checklist-page{background-color:#fefcfc;display:flex;flex-direction:column;min-height:100vh}.wedding-checklist-hero{text-align:left}.wedding-checklist-hero-container{margin:0 auto;max-width:1000px;overflow:hidden;padding:1rem;position:relative}.wedding-dashboard{background:#ffffff80;padding:2rem 1rem}.dashboard-header{display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end}.export-button,.reset-button{background:#fff;border:1px solid #dee2e6;color:#495057;font-size:.875rem;transition:transform .2s ease,box-shadow .2s ease}.export-button:active,.export-button:hover,.reset-button:active,.reset-button:hover{box-shadow:0 4px 12px #0000000f;transform:scale(1.01)}.export-button:focus{outline:2px solid #bbf7d0;outline-offset:2px}.wedding-dashboard-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px;overflow:hidden;position:relative}.dashboard-card{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d;padding:1rem 1rem 3rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.card-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.edit-button{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:16px;padding:.25rem;transition:background-color .2s ease}.edit-button:hover{background-color:#f1f3f5;color:#495057}.d-day-display{display:flex;flex-direction:column;gap:.5rem}.d-day-number{color:#ec4899;font-size:24px;font-weight:700}.wedding-date{color:#6c757d}.date-edit-container,.wedding-date{align-items:center;display:flex;gap:.5rem}.date-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;padding:.5rem}.progress-display{align-items:center;display:flex;gap:1.6rem}.progress-chart{height:100px;position:relative;width:100px}.progress-circle{height:100%;position:relative;width:100%}.progress-circle,.progress-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.progress-inner{background-color:#fff;height:80%;position:absolute;width:80%}.progress-percentage{color:#ec4899;font-size:16px;font-weight:700}.progress-stats{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#6c757d;font-size:.875rem}.stat-value{color:#343a40;font-weight:600}.budget-display{display:flex;flex-direction:column;gap:.75rem}.budget-progress{background-color:#e9ecef;border-radius:5px;height:10px;overflow:hidden}.budget-bar{background:linear-gradient(90deg,#ec4899,#a855f7);border-radius:5px;height:100%;transition:width .5s ease}.budget-numbers{justify-content:space-between}.budget-numbers,.budget-spent{align-items:center;display:flex}.budget-spent{color:#ec4899;font-weight:600;gap:.25rem}.budget-total{color:#6c757d}.budget-percentage{color:#6c757d;font-size:.875rem;text-align:right}.budget-edit-container{align-items:center;display:flex;gap:.5rem}.budget-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;padding:.5rem}.category-tabs{background:#ffffff80;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.category-tabs-container{display:flex;gap:.5rem;margin:0 auto;max-width:1000px;overflow-x:auto;padding-bottom:.5rem}.category-tab{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:30px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.45rem 1.25rem;transition:all .2s ease;white-space:nowrap}.category-tab:hover{background-color:#f1f3f5}.category-tab.active{background:linear-gradient(90deg,#ec4899,#a855f7);border-color:#ff6b6b;color:#fff;font-weight:700}.category-progress{background-color:#0000001a;border-radius:10px;font-size:.75rem;padding:.125rem .375rem}.category-tab.active .category-progress{background-color:#fff3}.show-completed-toggle{align-items:baseline;display:flex;justify-content:space-between;margin:.75rem auto 0;max-width:1000px}.toggle-label{align-items:center;color:#6c757d;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.toggle-label input{margin:0}.checklist-section{background:#ffffff80;flex:1 1;padding:2rem 1rem 5rem}.checklist-container{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1000px}.category-section{display:flex;flex-direction:column;gap:1.5rem}.category-header{display:flex;flex-direction:column;gap:.5rem}.category-title{color:#343a40;font-size:24px;font-weight:600;margin:0}.category-progress-bar{background-color:#e9ecef;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ec4899,#a855f7);border-radius:3px;height:100%;transition:width .5s ease}.tasks-list{display:flex;flex-direction:column;gap:1.6rem}.task-item{background-color:#fff;border:1px solid #e5e7eb;border-left:4px solid #0000;box-shadow:0 2px 8px #0000000d;padding:1.25rem;transition:all .3s ease}.task-item:hover{box-shadow:0 4px 12px #0000001a}.task-item.completed{background-color:#f8f9fa;border-left-color:#40c057}.task-item.priority-high{border-left-color:#fa5252}.task-item.priority-medium{border-left-color:#fd7e14}.task-item.priority-low{border-left-color:#20c997}.task-header{display:flex;gap:1rem;margin-bottom:1rem}.task-checkbox-container{position:relative}.task-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.task-checkbox-label{cursor:pointer;display:block;position:relative;-webkit-user-select:none;user-select:none}.checkbox-custom{background-color:#fff;border:2px solid #ced4da;border-radius:4px;display:block;height:24px;position:relative;transition:all .2s ease;width:24px}.task-checkbox:checked~.task-checkbox-label .checkbox-custom{background-color:#40c057;border-color:#40c057}.task-checkbox:checked~.task-checkbox-label .checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:8px;position:absolute;top:4px;transform:rotate(45deg);width:5px}.task-title-container{flex:1 1}.task-title{color:#343a40;font-weight:500;gap:.5rem;margin-bottom:.5rem}.priority-indicator,.task-title{align-items:center;display:flex}.task-meta{display:flex;flex-wrap:wrap;gap:1rem}.task-completed-date,.task-deadline{align-items:center;color:#6c757d;display:flex;font-size:.875rem;gap:.5rem}.task-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.task-details{grid-template-columns:1fr 2fr}}.task-budget{display:flex;flex-direction:column;gap:.75rem}.budget-field{align-items:center;display:flex;gap:.5rem}.budget-field label{color:#6c757d;font-size:.875rem;width:70px}.cost-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:.875rem;padding:.375rem .5rem}.currency{color:#6c757d;font-size:.875rem}.task-memo{display:flex;flex-direction:column;gap:.5rem}.memo-input{border:1px solid #ced4da;border-radius:4px;font-size:.875rem;min-height:56px;padding:.5rem;resize:vertical}.completion-animation{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.confetti-container{height:100%;overflow:hidden;position:absolute;width:100%}.confetti{animation:confetti-fall 1.5s ease-out forwards;background-color:#ff6b6b;height:10px;opacity:0;position:absolute;width:10px}.confetti:nth-child(2n){animation-delay:.1s;background-color:#74b9ff;left:20%}.confetti:nth-child(3n){animation-delay:.2s;background-color:#feca57;left:30%}.confetti:nth-child(4n){animation-delay:.3s;background-color:#ff9ff3;left:40%}.confetti:nth-child(5n){animation-delay:.4s;background-color:#1dd1a1;left:50%}.confetti:nth-child(6n){animation-delay:.5s;background-color:#ff6b6b;left:60%}.confetti:nth-child(7n){animation-delay:.6s;background-color:#74b9ff;left:70%}.confetti:nth-child(8n){animation-delay:.7s;background-color:#feca57;left:80%}.confetti:nth-child(9n){animation-delay:.8s;background-color:#ff9ff3;left:90%}.confetti:nth-child(10n){animation-delay:.9s;background-color:#1dd1a1;left:95%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.completion-message{animation:message-pop 1s ease-out forwards;color:#ff6b6b;font-size:2rem;font-weight:700;left:50%;opacity:0;position:absolute;text-shadow:0 2px 4px #0000001a;top:50%;transform:translate(-50%,-50%)}@keyframes message-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.fade-in,.scale-in,.slide-in-left,.slide-in-right,.slide-in-up{opacity:0;transition:all .6s ease}.fade-in{transform:translateY(20px)}.slide-in-left{transform:translateX(-50px)}.slide-in-right{transform:translateX(50px)}.scale-in{transform:scale(.9)}.slide-in-up{transform:translateY(30px)}.fade-in.visible,.scale-in.visible,.slide-in-left.visible,.slide-in-right.visible,.slide-in-up.visible{opacity:1;transform:translate(0) scale(1)}.task-item.just-completed{animation:task-completed 1s ease}@keyframes task-completed{0%{transform:scale(1)}50%{box-shadow:0 8px 24px #40c0574d;transform:scale(1.03)}to{transform:scale(1)}}@media (max-width:768px){.wedding-dashboard-container{grid-template-columns:1fr}.category-tabs-container{padding-bottom:1rem}.task-meta{flex-direction:column;gap:.5rem}.dashboard-header{justify-content:start;margin-bottom:1rem}.reset-button{font-size:.9rem;padding:0 1rem}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.board{background:#f2d16b;border:2px solid #000;box-shadow:inset 0 0 10px #0000001a;display:inline-block;max-width:100vw;overflow-x:auto;touch-action:manipulation}.board-wrapper{display:flex;justify-content:center;overflow-x:auto;width:100%}.board-cell{background:radial-gradient(circle at center,#f2d16b 60%,#e6b85c 100%);border:1px solid #0000004d;box-sizing:border-box;cursor:pointer;height:32px;position:relative;width:32px}.board-cell.black:after{background:radial-gradient(circle at 30% 30%,#333,#000)}.board-cell.black:after,.board-cell.white:after{border-radius:50%;bottom:4px;content:"";left:4px;position:absolute;right:4px;top:4px}.board-cell.white:after{background:radial-gradient(circle at 30% 30%,#fff,#ccc);border:1px solid #999}.board-cell.last-move:before{background-color:red;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:2}.room-select{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:clamp(2rem,5vw,4rem) 1rem;width:100%}.room-label{color:#333;font-weight:700;margin-bottom:6px;text-align:left}.room-input,.room-label{font-size:1rem;width:100%}.room-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:8px 12px}.join-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 0;width:100%}.join-button:hover{background-color:#45a049}.status-message{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;box-sizing:border-box;color:#222;font-size:1.1rem;font-weight:600;margin:12px 0;max-width:320px;padding:6px 12px;text-align:center;-webkit-user-select:none;user-select:none}.game-title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;text-align:center}.game-description{background:#fefae0;border:1px solid #e5d28c;border-radius:10px;box-shadow:2px 2px 8px #0000000d;color:#444;font-size:.95rem;line-height:1.6}.game-description,.in-game{margin-bottom:1.5rem;padding:1rem}.in-game{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d}.game-room-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.game-room-title span{color:#333;font-weight:600}.game-color-info{font-size:1rem;margin-bottom:1rem;text-align:center}.game-color-info span{color:#222;font-weight:700}.game-status-box{background:#fff5d7;border:1px solid #f0d78c;border-radius:10px;box-shadow:1px 1px 5px #0000000a;color:#444;font-size:1rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.status-win{color:#2e7d32;font-weight:700}.status-turn{color:#1976d2;font-weight:500}.status-opponent,.status-waiting{color:#8a6d3b}.chess-board{display:flex;flex-direction:column;margin:0 auto;width:320px}.board-cell,.board-row{display:flex}.board-cell{align-items:center;border:1px solid #444;height:40px;justify-content:center;width:40px}.board-cell.white{background-color:#eee}.board-cell.black{background-color:#888}.board-cell.selected{outline:2px solid red}.piece{font-size:20px}.piece.w-pawn:before{content:"♙"}.piece.w-rook:before{content:"♖"}.piece.w-knight:before{content:"♘"}.piece.w-bishop:before{content:"♗"}.piece.w-queen:before{content:"♕"}.piece.w-king:before{content:"♔"}.piece.b-pawn:before{content:"♟"}.piece.b-rook:before{content:"♜"}.piece.b-knight:before{content:"♞"}.piece.b-bishop:before{content:"♝"}.piece.b-queen:before{content:"♛"}.piece.b-king:before{content:"♚"}@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,button{font-family:LINESeedKR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}ul{list-style:none;margin:0;padding:0}@layer components{.badge,.badge-default,.badge-secondary,.btn-outline,.btn-primary,.card,.input{@apply bg-gray-100 text-gray-900}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-background-clip:text;background-clip:text}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.invitation-page{display:flex;min-height:100vh}@media screen and (max-width:1023px){.invitation-page{flex-direction:column}.invitation-editor-wrapper{display:none}}.invitation-editor-wrapper,.invitation-preview{flex:1 1}.invitation-editor{-ms-overflow-style:none;bottom:20px;overflow-x:hidden;overflow-y:auto;padding:0 16px;position:fixed;scrollbar-width:none;top:20px;width:400px}.invitation-editor::-webkit-scrollbar{display:none}.invitation-editor label{color:#333;display:block;font-size:14px;font-weight:600;margin:9px 0}.invitation-editor input[type=date],.invitation-editor input[type=file],.invitation-editor input[type=text],.invitation-editor textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:8px 10px;transition:border-color .2s;width:100%}.invitation-editor input[type=text]:focus,.invitation-editor textarea:focus{border-color:#6c63ff;outline:none}.invitation-editor textarea{min-height:80px;resize:vertical}.invitation-editor button{background-color:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px;transition:background .2s;width:100%}.invitation-editor button:hover{background-color:#5848c2}.invitation-editor button:disabled{background-color:#aaa;cursor:not-allowed}.invitation-editor .btn-add{background-color:#6c63ff}.invitation-editor .btn-add:hover{background-color:#5848c2}.invitation-editor .btn-delete{background-color:#ff4d4f}.invitation-editor .btn-delete:hover{background-color:#d9363e}.invitation-editor hr{border:none;border-top:1px solid #eee;margin:12px 0}.invitation-editor h3{color:#444;font-size:16px;font-weight:600;margin-bottom:6px}.editor-guide{color:#333;font-size:14px;line-height:1.5}.editor-guide p{margin:4px 0}.editor-box{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:600px;padding:12px 24px 24px}
/*# sourceMappingURL=main.de511950.css.map*/