:root{--color-bg: #FBF7EC;--color-card: #FFFFFF;--color-text: #3A362E;--color-muted: #948B76;--color-muted-deep: #8C7A4E;--color-border: #DED6C3;--color-border-soft: #ECE4D2;--color-terracotta: #B84B2E;--color-terracotta-hover: #8f3a22;--color-mustard: #DBA829;--color-sage: #5F7A73;--color-pink: #C4436B;--color-accent: #B84B2E;--color-tint: #F6E9DE;--font-display: "Bungee", sans-serif;--font-script: "Caveat", cursive;--font-body: "Karla", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fu{animation:fadeUp .5s ease both}.fu1{animation:fadeUp .5s .08s ease both}.fu2{animation:fadeUp .5s .16s ease both}.fu3{animation:fadeUp .5s .24s ease both}.fu4{animation:fadeUp .5s .32s ease both}a{color:var(--color-terracotta)}a:hover{color:var(--color-terracotta-hover)}.app-bg{min-height:100vh;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}.page-narrow{max-width:640px;margin:0 auto;padding:40px 24px 64px}.page-wide{max-width:900px;margin:0 auto;width:100%}.page-detail{padding:44px 20px 80px}.page-centered{display:flex;align-items:center;justify-content:center}.page-results{max-width:480px;width:100%;padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.form-stack{display:flex;flex-direction:column;gap:28px;padding:32px 28px 36px;margin:24px 0 44px;background:var(--color-card);border-radius:14px;box-shadow:0 10px 26px #3a362e1f}.form-row{display:flex;flex-wrap:wrap;gap:24px}.form-row>*{flex:1 1 240px}.form-optional-section{border-top:1px solid var(--color-border-soft);margin-top:4px;padding-top:24px;display:flex;flex-direction:column;gap:24px}.form-optional-heading{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.error-text{color:var(--color-terracotta);font-size:13px;text-align:center;background:#fbede8;border:1px solid #EFC9BB;border-radius:6px;padding:10px 14px}.generate-wrap{text-align:center;padding-top:8px}.header{text-align:center;margin-bottom:20px}.header-wordmark{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-script);font-weight:700;font-size:23px;color:var(--color-text);margin-bottom:22px}.header-stripe{display:flex;height:9px}.header-stripe>span{flex:1;clip-path:polygon(0 0,100% 0,50% 100%)}.header-stripe>span:nth-child(1){background:var(--color-terracotta)}.header-stripe>span:nth-child(2){background:var(--color-mustard)}.header-stripe>span:nth-child(3){background:var(--color-sage)}.header-stripe>span:nth-child(4){background:var(--color-pink)}.header-badge{width:60px;height:60px;margin:32px auto 18px;border-radius:100px;border:2px solid var(--color-terracotta);background:var(--color-mustard);display:flex;align-items:center;justify-content:center;font-size:28px}.header-title{font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.3;color:var(--color-terracotta);margin:0 0 14px}.header-subtitle{color:var(--color-muted-deep);margin-top:6px;font-size:15px;font-weight:500}.progress-row{display:flex;align-items:center;gap:12px;padding:22px 2px 0}.progress-track{flex:1;height:6px;border-radius:3px;background:var(--color-border-soft);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--color-mustard);transition:width .2s ease}.progress-count{font-size:12.5px;color:var(--color-muted);white-space:nowrap}.generate-btn{font-family:var(--font-display);font-weight:400;font-size:13px;background:var(--color-terracotta);color:#fff;border:none;padding:14px 28px;border-radius:9px;cursor:pointer;box-shadow:0 6px 14px #b84b2e59;transition:transform .15s ease,box-shadow .15s ease}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #b84b2e66}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.55;cursor:not-allowed}.regenerate-btn{font-family:var(--font-display);font-weight:400;font-size:12px;background:var(--color-terracotta);color:#fff;border:none;padding:13px 26px;border-radius:10px;cursor:pointer;box-shadow:0 4px 10px #b84b2e4d}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}.ghost-btn{background:transparent;border:none;color:var(--color-muted);font-family:var(--font-body);cursor:pointer;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}.ghost-btn:hover{color:var(--color-text)}.back-btn{background:transparent;border:none;color:var(--color-muted);font-family:var(--font-body);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;padding:0}.back-btn:hover{color:var(--color-text)}.field-label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);margin-bottom:8px}.field-label-required{color:var(--color-terracotta)}.field-optional{text-transform:none;letter-spacing:0;color:var(--color-muted);font-size:11px;font-weight:400;margin-left:6px}.field-wrapper{position:relative;z-index:0}.field-wrapper--open{z-index:30}.dropdown{position:relative}.dropdown-button{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:14px;border:2px solid transparent;background:#f2e3d0;color:var(--color-text)}.dropdown-button--sage{background:var(--color-sage);color:#fff;border-color:var(--color-sage)}.dropdown-button--mustard{background:var(--color-mustard);color:#fff;border-color:var(--color-mustard)}.dropdown-button--terracotta{background:var(--color-terracotta);color:#fff;border-color:var(--color-terracotta)}.dropdown-button--open{border-color:var(--color-terracotta)}.dropdown-chevron{opacity:.65}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:10px;box-shadow:0 10px 26px #3a362e29;max-height:240px;overflow-y:auto;list-style:none}.dropdown-option{padding:11px 16px;font-size:14.5px;color:var(--color-text);cursor:pointer}.dropdown-option:hover,.dropdown-option--active{background:var(--color-tint)}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:transparent;border:none;cursor:default}.vibe-info{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;margin-top:10px;background:var(--color-tint)}.vibe-info-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);flex:none}.vibe-info-text{font-size:13px;color:var(--color-muted-deep)}.multi-select-options{display:flex;flex-wrap:wrap;gap:10px}.multi-select-option{position:relative;display:inline-flex;align-items:center;padding:8px 18px;border-radius:100px;border:2px dashed var(--color-border);background:#fff;color:var(--color-muted-deep);font-size:14px;font-weight:700;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s,color .15s}.multi-select-option input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.multi-select-option--checked{border:2px solid var(--color-sage);background:var(--color-sage);color:#fff}.multi-select-option:focus-within{box-shadow:0 0 0 3px #5f7a734d}.results-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-tint);padding:64px 24px}.results-eyebrow{display:inline-block;font-family:var(--font-display);font-size:9.5px;color:var(--color-accent);background:#fff;box-shadow:0 3px 8px #00000014;border-radius:100px;padding:6px 14px;margin-bottom:16px}.preview-emoji{font-size:60px;margin-bottom:18px}.preview-title{font-family:var(--font-display);font-size:26px;font-weight:400;color:var(--color-accent);margin-bottom:20px;line-height:1.3}.preview-bullets{text-align:left;margin:0 auto 22px;padding-left:20px;max-width:380px}.results-meta{font-size:13px;color:var(--color-muted);margin-bottom:28px}.explore-btn{font-family:var(--font-display);font-weight:400;font-size:12px;background:var(--color-accent);color:#fff;border:none;padding:13px 22px;border-radius:10px;cursor:pointer;box-shadow:0 4px 10px #0003}.start-over-btn{margin-top:22px}.detail-hero{text-align:center;margin:32px 0 44px}.detail-hero-emoji{font-size:44px;margin-bottom:12px}.detail-hero-eyebrow{display:inline-block;font-family:var(--font-display);font-size:9px;color:var(--color-accent);background:#fff;box-shadow:0 3px 8px #0000000f;border-radius:100px;padding:5px 12px;margin-bottom:12px}.detail-hero-title{font-family:var(--font-display);font-size:23px;font-weight:400;color:var(--color-accent);margin-bottom:6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.detail-card{border-radius:12px;padding:22px 24px;box-shadow:0 8px 20px #0000001a;transition:transform .2s ease}.detail-card:hover{transform:translateY(-3px)}.card-theme{background:var(--color-accent);color:#fff;transform:rotate(-.6deg)}.card-theme .bullet-list{color:#fff}.card-menu{background:var(--color-mustard);transform:rotate(-.5deg)}.card-dress-code{background:var(--color-card);text-align:left;transform:rotate(.6deg)}.section-label{font-family:var(--font-display);font-size:11px;margin-bottom:14px;display:block}.card-theme .section-label{color:#fff}.card-menu .section-label{color:#5c4200}.card-dress-code .section-label{color:var(--color-sage)}.card-heading{font-family:var(--font-display);font-weight:400;font-size:19px;color:var(--color-text);margin-bottom:8px}.detail-footer{text-align:center;margin-top:48px}.menu-list{display:flex;flex-direction:column;gap:12px}.menu-item{text-align:left;background:#fff;border:none;cursor:pointer;font-family:inherit;border-radius:9px;width:100%;padding:14px 16px;box-shadow:0 3px 8px #0000000f}.menu-item-badge{width:34px;height:34px;border-radius:50%;background:#f2e3d0;display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:8px}.menu-item-name{color:var(--color-text);font-size:14.5px;font-weight:400;font-family:var(--font-display);margin-bottom:6px}.menu-item-desc{color:var(--color-muted-deep);font-size:13px;line-height:1.55}.menu-item-cta{font-size:12.5px;font-weight:600;color:#a9762f;margin-top:12px}.dress-description{color:var(--color-muted-deep);font-size:14.5px;line-height:1.7;margin-bottom:16px}.dress-colors-section{margin-bottom:18px}.dress-colors-list{display:flex;gap:8px;flex-wrap:wrap}.dress-color-chip{font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:100px;background:#efe6d6;color:var(--color-text)}.dress-avoid-box{background:#fbede8;border-radius:8px;padding:12px 16px}.dress-avoid-label{color:#a83b22;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dress-avoid-text{color:#7a3a2a;font-size:13.5px}.bullet-list{margin:0;padding-left:18px;color:var(--color-muted-deep);font-size:14px;line-height:1.8;display:flex;flex-direction:column;gap:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a362e80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-content{border-radius:14px;padding:32px 30px 34px;background:#fbf7ec;box-shadow:0 30px 70px #00000047;max-width:440px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;top:16px;right:18px;background:transparent;border:none;color:#948b76;font-size:20px;cursor:pointer;line-height:1}.modal-heading{font-family:var(--font-display);font-size:16px;font-weight:400;color:#3a362e;margin-bottom:6px;padding-right:28px}.modal-loading-text{color:#948b76;font-size:13px}.modal-error-text{color:#b84b2e;font-size:13px}.modal-section-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8c7a4e;margin-bottom:8px;margin-top:18px}.modal-list{margin:0;padding-left:16px;color:#3a362e;font-size:13px;line-height:1.75;display:flex;flex-direction:column;gap:4px}.modal-copy-btn{margin-top:20px;background:var(--color-terracotta);color:#fff;border:none;border-radius:9px;padding:10px 22px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body)}.modal-retry-btn{margin-top:12px;background:transparent;border:1px solid var(--color-border);color:#3a362e;border-radius:9px;padding:8px 20px;font-size:13px;cursor:pointer;font-family:var(--font-body)}.modal-copied-text{color:var(--color-sage);font-size:12px;margin-top:8px}.modal-failed-text{color:#b84b2e;font-size:12px;margin-top:8px}.error-boundary-bg{min-height:100vh;background:#fbf7ec;font-family:var(--font-body);color:#3a362e;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.error-boundary-title{font-family:var(--font-display);font-size:22px;font-weight:400;color:#b84b2e;margin-bottom:12px}.error-boundary-text{color:#948b76;font-size:14px}