*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffe6;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0}button{font-family:inherit;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none}html{scroll-behavior:smooth}button,.person-card,.genre-chip{-webkit-user-select:none;user-select:none}@supports (padding: env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fafafa}}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.landing-content{max-width:600px;width:100%}.app-title{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-tagline{font-size:1.2rem;color:#888;margin-bottom:2rem}.instructions{background:#667eea1a;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.instructions p{margin:.5rem 0;color:#aaa}.person-cards{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.person-card{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #333;border-radius:16px;padding:2rem;min-width:200px;cursor:pointer;transition:all .3s ease}.person-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 30px #667eea33}.person-card.completed{border-color:#4ade80;background:linear-gradient(145deg,#1a2a1a,#0a1a0a)}.person-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.person-card.completed .person-icon{background:linear-gradient(135deg,#4ade80,#22c55e)}.person-card h2{margin:0 0 .5rem;font-size:1.3rem}.status{font-size:.9rem;color:#666}.status.complete{color:#4ade80;font-weight:600}.find-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;margin-bottom:1rem}.find-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #667eea66}.reset-button{background:transparent;color:#666;border:1px solid #333;padding:.5rem 1.5rem;font-size:.9rem;border-radius:25px;cursor:pointer;transition:all .3s ease}.reset-button:hover{border-color:#666;color:#888}@media(max-width:480px){.landing-page{padding:1rem;padding-top:env(safe-area-inset-top,1rem);padding-bottom:env(safe-area-inset-bottom,1rem)}.app-title{font-size:2.5rem}.app-tagline{font-size:1rem}.instructions{padding:1rem}.instructions p{font-size:.9rem}.person-cards{flex-direction:column;gap:1rem}.person-card{min-width:unset;width:100%;padding:1.5rem;min-height:120px}.person-card:active{transform:scale(.98)}.find-button{width:100%;padding:1.1rem 2rem;font-size:1.1rem;min-height:52px}.find-button:active{transform:scale(.98)}.reset-button{width:100%;padding:.75rem 1.5rem;min-height:44px}}@media(prefers-color-scheme:light){.person-card{background:linear-gradient(145deg,#f8f8f8,#e8e8e8);border-color:#ddd}.person-card.completed{background:linear-gradient(145deg,#e8f8e8,#d8f0d8)}.instructions{background:#667eea0d}.instructions p{color:#666}.status{color:#999}.reset-button{border-color:#ddd;color:#999}}.tag-input-container{display:flex;flex-direction:column;gap:.5rem}.tag-input-container label{font-size:.9rem;font-weight:600;color:#aaa}.tag-input-wrapper{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.5rem;min-height:50px;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s}.tag-input-wrapper:focus-within{border-color:#667eea}.tags-container{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.tag-remove{background:#fff3;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;padding:0;line-height:1}.tag-remove:hover{background:#ffffff4d}.tag-input{background:transparent;border:none;color:inherit;font-size:.95rem;padding:.25rem;outline:none;width:100%}.tag-input::placeholder{color:#555}.input-hint{font-size:.75rem;color:#555}@media(max-width:480px){.tag-input-wrapper{padding:.75rem;min-height:60px}.tag{padding:.4rem .7rem;font-size:.9rem}.tag-remove{width:24px;height:24px;font-size:.8rem}.tag-input{font-size:16px;padding:.5rem .25rem;min-height:44px}.tags-container{gap:.5rem}}@media(prefers-color-scheme:light){.tag-input-wrapper{background:#f8f8f8;border-color:#ddd}.tag-input-container label{color:#666}.tag-input::placeholder{color:#aaa}.input-hint{color:#aaa}}.input-page{min-height:100vh;padding:1rem;max-width:600px;margin:0 auto}.input-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-top:1rem}.back-button{background:transparent;border:1px solid #444;color:#888;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.back-button:hover{border-color:#667eea;color:#667eea}.input-header h1{font-size:1.5rem;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-content{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.input-section{display:flex;flex-direction:column;gap:.5rem}.input-section label{font-size:.9rem;font-weight:600;color:#aaa}.name-input{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:inherit;transition:border-color .2s}.name-input:focus{outline:none;border-color:#667eea}.section-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#333,transparent)}.section-divider span{color:#667eea;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.genre-grid,.trigger-grid{display:flex;flex-wrap:wrap;gap:.5rem}.genre-chip{background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;transition:all .2s;color:#888}.genre-chip:hover{border-color:#667eea;color:#667eea}.genre-chip.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.trigger-chip{background:#f472b61a;border:1px solid rgba(244,114,182,.4);border-radius:20px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;transition:all .2s;color:#f9a8d4}.trigger-chip:hover{border-color:#f472b6;color:#f472b6}.trigger-chip.selected{background:linear-gradient(135deg,#f472b6,#fb7185);border-color:transparent;color:#1f1f1f}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;margin-top:1rem}.submit-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.submit-button.disabled{opacity:.5;cursor:not-allowed;background:#333}@media(max-width:480px){.input-page{padding:.75rem;padding-top:env(safe-area-inset-top,.75rem);padding-bottom:env(safe-area-inset-bottom,2rem)}.input-header{padding-top:.5rem;margin-bottom:1.5rem}.input-header h1{font-size:1.25rem}.back-button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.name-input{padding:1rem;font-size:16px}.genre-grid{gap:.6rem}.genre-chip,.trigger-chip{padding:.6rem 1rem;font-size:.9rem;min-height:40px}.genre-chip:active{transform:scale(.95)}.submit-button{width:100%;padding:1.1rem 2rem;font-size:1.1rem;min-height:52px;position:sticky;bottom:1rem}.submit-button:active:not(.disabled){transform:scale(.98)}.section-divider{margin:.75rem 0}.input-content{gap:1.25rem;padding-bottom:5rem}}@media(prefers-color-scheme:light){.name-input{background:#f8f8f8;border-color:#ddd}.genre-chip{background:#f0f0f0;border-color:#ddd;color:#666}.trigger-chip{background:#f472b614;border-color:#f472b64d;color:#b91c1c}.back-button{border-color:#ddd;color:#666}.input-section label{color:#666}}.results-page{min-height:100vh;padding:2rem 1rem;max-width:700px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-animation{position:relative;width:100px;height:100px;margin-bottom:2rem}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:3px solid #667eea;animation:pulse 1.5s ease-out infinite}.pulse-ring.delay-1{animation-delay:.3s}.pulse-ring.delay-2{animation-delay:.6s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.loading-container h2{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.loading-container p{color:#888}.results-header{text-align:center;margin-bottom:2rem}.results-header h1{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.results-subtitle{color:#888;font-size:1.1rem}.overlaps-banner{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.overlap-icon{font-size:1.5rem}.recommendations-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.recommendation-card{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #333;border-radius:16px;padding:1.5rem;transition:all .3s ease}.recommendation-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 10px 30px #667eea1a}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.media-icon{font-size:2rem;flex-shrink:0}.card-title-section{flex:1}.card-title-section h3{margin:0 0 .25rem;font-size:1.3rem}.year{color:#666;font-size:.9rem}.match-score{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.score-value{font-size:.9rem;font-weight:700;color:#fff}.score-label{font-size:.7rem;color:#666;text-transform:uppercase}.genre-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.genre-tag{background:#667eea26;color:#667eea;padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.description{color:#aaa;line-height:1.6;margin-bottom:1rem}.warning-box{background:#f871711f;border-left:3px solid #f87171;padding:.75rem 1rem;border-radius:0 8px 8px 0;margin-bottom:1rem}.warning-label{font-size:.8rem;color:#f87171;font-weight:700;display:block;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.warning-text{font-size:.9rem;color:#f4c7c7}.explanation{background:#4ade801a;border-left:3px solid #4ade80;padding:.75rem 1rem;border-radius:0 8px 8px 0}.why-label{font-size:.8rem;color:#4ade80;font-weight:600;display:block;margin-bottom:.25rem}.why-text{font-size:.9rem;color:#aaa}.no-results{text-align:center;padding:3rem 1rem}.no-results h2{color:#888;margin-bottom:1rem}.no-results p{color:#666;margin-bottom:2rem}.results-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.75rem;font-size:1rem;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.secondary-button{background:transparent;color:#888;border:1px solid #444;padding:.875rem 1.75rem;font-size:1rem;border-radius:10px;cursor:pointer;transition:all .3s ease}.secondary-button:hover{border-color:#667eea;color:#667eea}@media(max-width:480px){.results-page{padding:1rem .75rem;padding-top:env(safe-area-inset-top,1rem);padding-bottom:env(safe-area-inset-bottom,2rem)}.results-header h1{font-size:2rem}.results-subtitle{font-size:1rem}.overlaps-banner{padding:.875rem 1rem;font-size:.9rem}.recommendation-card{padding:1.25rem;border-radius:12px}.card-header{gap:.75rem}.media-icon{font-size:1.75rem}.card-title-section h3{font-size:1.15rem}.score-circle{width:45px;height:45px}.score-value{font-size:.8rem}.genre-tags{gap:.4rem}.genre-tag{padding:.2rem .6rem;font-size:.75rem}.description{font-size:.95rem}.explanation,.warning-box{padding:.65rem .875rem}.results-actions{flex-direction:column;gap:.75rem}.primary-button,.secondary-button{width:100%;min-height:52px;font-size:1rem}.primary-button:active{transform:scale(.98)}.loading-container h2{font-size:1.5rem}}@media(prefers-color-scheme:light){.recommendation-card{background:linear-gradient(145deg,#fff,#f8f8f8);border-color:#e0e0e0}.description,.why-text{color:#555}.warning-text{color:#7f1d1d}.secondary-button{border-color:#ddd;color:#666}}.app{min-height:100vh;width:100%}#root{max-width:100%;margin:0;padding:0;text-align:left}