.login-container{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--ig-gradient-pink);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 45%);pointer-events:none}.login-content{padding:4rem;display:flex;flex-direction:column;justify-content:center;max-width:600px;margin:0 auto;position:relative;z-index:1}.login-content h1{margin:0 0 1rem;color:#fff;font-size:3rem;font-weight:700;line-height:1.1;text-shadow:0 2px 16px rgba(0,0,0,.15)}.login-content p{margin:.75rem 0;color:#ffffffeb;font-size:1.35rem;line-height:1.5}.login-card-wrapper{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.login-card{background:#fffffff7;border-radius:16px;padding:2rem;box-shadow:0 12px 40px #833ab440;max-width:400px;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-card h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;text-align:center;background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.google-sign-in-button{width:100%;padding:.875rem;background:var(--ig-gradient-pink);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #e1306c59}.google-sign-in-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #e1306c73}.google-sign-in-button:disabled{opacity:.6;cursor:not-allowed}.login-note{margin-top:1rem;font-size:.875rem;color:var(--text-secondary);text-align:center}@media(max-width:968px){.login-container{grid-template-columns:1fr}.login-content{padding:2rem;text-align:center}.login-content h1{font-size:2.25rem}}.photo-upload{width:100%}.photo-upload-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.photo-upload-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:200px;padding:2rem 1.5rem;border-radius:16px;border:2px dashed rgba(225,48,108,.35);background:linear-gradient(135deg,#fff5f9,#fce4ec,#f3e5f5);cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.photo-upload-dropzone:hover{border-color:var(--ig-pink);box-shadow:0 4px 20px #e1306c26}.photo-upload-dropzone.dragging{border-color:var(--ig-pink);border-style:solid;transform:scale(1.01);box-shadow:0 8px 28px #e1306c40;background:linear-gradient(135deg,#fce4ec,#f8bbd9,#e1bee7)}.photo-upload-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ig-gradient-pink);color:#fff;box-shadow:0 4px 14px #e1306c59}.photo-upload-icon svg{width:28px;height:28px}.photo-upload-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.photo-upload-hint{margin:0;font-size:.875rem;color:var(--text-secondary)}.photo-upload-browse{margin-top:.25rem;padding:.5rem 1.25rem;border:none;border-radius:999px;background:var(--ig-gradient-pink);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #e1306c4d;transition:transform .15s}.photo-upload-browse:hover{transform:translateY(-1px)}.photo-upload-preview{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001f}.photo-upload-preview .invite-full-frame{border:none;border-radius:0}.photo-upload-preview-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 45%);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity .2s}.photo-upload-preview:hover .photo-upload-preview-overlay{opacity:1}.photo-upload-filename{color:#fff;font-size:.9rem;font-weight:500;margin:0 0 .75rem;text-shadow:0 1px 3px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-upload-actions{display:flex;gap:.5rem}.photo-upload-change,.photo-upload-remove{padding:.45rem 1rem;border:none;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s}.photo-upload-change{background:#fff;color:var(--ig-pink)}.photo-upload-remove{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4)}.photo-upload-change:hover,.photo-upload-remove:hover{transform:translateY(-1px)}.photo-upload-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fff5f9,#fce4ec);border-radius:12px;border:1px solid var(--border)}.photo-upload-preview-bar span{font-size:.9rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload-preview-bar button{flex-shrink:0;padding:.4rem .85rem;border:none;border-radius:999px;background:var(--ig-gradient-pink);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.datetime-picker{width:100%}.datetime-display{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;margin-bottom:1rem;border-radius:16px;background:linear-gradient(135deg,#fff5f9,#fce4ec,#f3e5f5);border:1px solid var(--border)}.datetime-display-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--ig-gradient-pink);color:#fff;box-shadow:0 4px 12px #e1306c4d}.datetime-display-icon svg{width:24px;height:24px}.datetime-display-text{flex:1;min-width:0}.datetime-display-label{margin:0 0 .25rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ig-pink)}.datetime-display-value{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.35}.datetime-display-relative{margin:.35rem 0 0;font-size:.875rem;color:var(--text-secondary)}.datetime-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.datetime-preset{padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.datetime-preset:hover{border-color:var(--ig-pink);background:#fff5f9}.datetime-preset.active{background:var(--ig-gradient-pink);color:#fff;border-color:transparent;box-shadow:0 2px 10px #e1306c4d}.datetime-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.datetime-field{display:flex;flex-direction:column;gap:.35rem}.datetime-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.datetime-field input{width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:12px;font-size:1rem;font-weight:500;color:var(--text-primary);background:#fff;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.datetime-field input:focus{outline:none;border-color:var(--ig-pink);box-shadow:0 0 0 3px #e1306c1f}@media(max-width:480px){.datetime-inputs{grid-template-columns:1fr}}.app-shell{min-height:100vh}.app-header{background:#ffffffd9;border-bottom:1px solid var(--border);padding:1rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.header-content{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-content h1{margin:0;font-size:1.35rem;background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.95rem}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--ig-gradient-pink) border-box;box-shadow:0 2px 8px #e1306c33}.user-name{display:block;font-size:.9rem;font-weight:600}.logout-button,.back-button,.primary-button,.secondary-button,.copy-button{border:none;border-radius:10px;padding:.6rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.logout-button{margin-top:.25rem;background:transparent;color:var(--text-secondary);padding:.25rem 0;font-weight:500}.logout-button:hover{color:var(--ig-pink)}.app-main{max-width:960px;margin:0 auto;padding:2rem}.loading,.error-message,.success-message{text-align:center;padding:2rem}.loading{color:var(--ig-pink);font-weight:500}.error-message{color:#c13584;background:#fff0f6;border-radius:12px;border:1px solid rgba(225,48,108,.2)}.success-message{color:#027a48;background:#ecfdf3;border-radius:12px}.home-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh}.primary-button{background:var(--ig-gradient-pink);color:#fff;min-width:260px;padding:1rem 1.5rem;font-size:1.05rem;box-shadow:0 4px 16px #e1306c59}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #e1306c73}.secondary-button{background:#fff;color:var(--ig-pink);border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--ig-gradient-pink);background-origin:border-box;background-clip:padding-box,border-box;min-width:260px;padding:calc(1rem - 2px) calc(1.5rem - 2px);font-size:1.05rem}.secondary-button:hover:not(:disabled){background-image:linear-gradient(#fff5f9,#fff5f9),var(--ig-gradient-pink);transform:translateY(-1px)}.back-button{background:transparent;color:var(--text-secondary);padding-left:0}.back-button:hover{color:var(--ig-pink)}.card{background:#ffffffeb;border-radius:16px;padding:1.5rem;box-shadow:0 4px 24px #833ab41a;border:1px solid var(--border)}.card h2{background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input[type=text]{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:10px;font-size:1rem;background:#fff;transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:var(--ig-pink);box-shadow:0 0 0 3px #e1306c1f}.share-box{display:flex;gap:.5rem;margin-top:.75rem}.share-box input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:10px;font-size:.95rem}.copy-button{background:var(--ig-gradient-pink);color:#fff;box-shadow:0 2px 10px #e1306c4d}.copy-button:hover{transform:translateY(-1px)}.invite-grid{display:grid;gap:1rem}.invite-card{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:center;background:#ffffffeb;border-radius:16px;padding:1rem;box-shadow:0 2px 12px #833ab414;border:1px solid var(--border);cursor:pointer;transition:transform .15s,box-shadow .15s}.invite-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e1306c2e}.invite-thumb{width:120px;height:90px;object-fit:cover;border-radius:10px}.invite-meta h3{margin:0 0 .35rem;font-size:1rem}.invite-meta p{margin:.15rem 0;color:var(--text-secondary);font-size:.9rem}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge-open{background:linear-gradient(135deg,#fce4ec,#f3e5f5);color:#c13584}.badge-expired{background:#f5f5f5;color:#8e8e8e}.rsvp-count{font-size:1.5rem;font-weight:700;background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.rsvp-list{list-style:none;padding:0;margin:1rem 0 0}.rsvp-list li{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(225,48,108,.1)}.rsvp-list li:last-child{border-bottom:none}.rsvp-name{font-weight:600}.rsvp-time{color:var(--text-secondary);font-size:.85rem}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.invite-full-frame{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f9,#fce4ec,#f3e5f5);border-radius:12px;border:1px solid var(--border);overflow:hidden}.invite-full-image{display:block;width:100%;height:auto;max-height:min(70vh,640px);object-fit:contain}.stats-row{display:flex;gap:1rem;margin:1rem 0}.stat-card{flex:1;background:linear-gradient(135deg,#fff5f9,#fce4ec);border-radius:12px;padding:1rem;text-align:center;border:1px solid var(--border)}.stat-card strong{display:block;font-size:1.75rem;background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.public-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--ig-gradient-pink);position:relative}.public-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.08) 0%,transparent 45%);pointer-events:none}.public-page .loading{color:#fff;font-weight:600;position:relative;z-index:1}.public-card{background:#fffffff7;border-radius:20px;padding:2rem;max-width:480px;width:100%;box-shadow:0 16px 48px #833ab44d;text-align:center;position:relative;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-card .invite-full-frame{margin-bottom:1.5rem}.public-card h1{margin:0 0 .5rem;font-size:1.5rem;background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.public-card .question{margin:1.5rem 0 1rem;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.public-card input{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:10px;font-size:1rem;margin-bottom:1rem;transition:border-color .15s,box-shadow .15s}.public-card input:focus{outline:none;border-color:var(--ig-pink);box-shadow:0 0 0 3px #e1306c1f}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}@media(max-width:768px){.detail-layout,.invite-card{grid-template-columns:1fr}.invite-thumb{width:100%;height:180px}.header-content{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box}:root{--ig-purple: #833ab4;--ig-pink: #e1306c;--ig-red: #fd1d1d;--ig-orange: #f77737;--ig-gradient: linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );--ig-gradient-pink: linear-gradient(135deg, #833ab4 0%, #c13584 40%, #e1306c 75%, #fd1d1d 100%);--ig-gradient-soft: linear-gradient(160deg, #fff5f9 0%, #fce4ec 45%, #f3e5f5 100%);--text-primary: #262626;--text-secondary: #8e8e8e;--surface: #ffffff;--border: rgba(225, 48, 108, .15)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--ig-gradient-soft);color:var(--text-primary);min-height:100vh}button,input{font-family:inherit}.gradient-text{background:var(--ig-gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}