@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#04060d;--text:#f7f8fc;--text-soft:#f7f8fccc;--text-muted:#f7f8fc8f;--line:#ffffff14;--line-soft:#ffffff0d;--pink:#ff4fd8;--purple:#b15cff;--blue:#00c8ff;--orange:#ff8f3d;--card-bg:radial-gradient(900px 380px at -10% -10%, #7d34d329, transparent 42%), radial-gradient(900px 420px at 110% 120%, #00a6ff1c, transparent 40%), linear-gradient(180deg, #070a12f2 0%, #04070ef7 100%);--shadow-lg:0 24px 80px #0000005c;--shadow-md:0 18px 48px #00000047}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 15% 12%,#ad54ff29,#0000 22%),radial-gradient(circle at 86% 18%,#00a2ff1f,#0000 24%),radial-gradient(circle at 52% 86%,#ff4fd812,#0000 24%),linear-gradient(#04050b 0%,#05070f 36%,#03050c 100%);margin:0;font-family:Manrope,sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit;font-family:Manrope,sans-serif}img{max-width:100%;display:block}.app-shell{min-height:100vh}.container{width:min(1360px,100% - 64px);margin:0 auto;padding:34px 0 88px}.page-kicker{color:#d39cff;letter-spacing:.14em;text-transform:uppercase;opacity:.94;background:#804aff1f;border:1px solid #b475ff2e;border-radius:999px;align-items:center;min-height:34px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.page-title{letter-spacing:-.07em;max-width:1100px;margin:22px 0 18px;font-size:clamp(58px,7vw,60px);font-weight:700;line-height:.94}.page-subtitle{max-width:940px;color:var(--text-soft);margin:0 0 40px;font-size:25px;font-weight:400;line-height:1.72}.section-head{letter-spacing:-.045em;margin:0 0 25px;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.02}.small-note{color:var(--text-soft);font-size:20px;font-weight:400;line-height:1.68}.story-label,.metric-label,.hero-kicker{color:#f7f8fce6;text-transform:uppercase;letter-spacing:.14em;font-size:15px;font-weight:700}.story-title{letter-spacing:-.035em;margin:12px 0 14px;font-size:clamp(24px,2.1vw,36px);font-weight:600;line-height:1.08}.metric-value{letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(24px,2.1vw,36px);font-weight:700;line-height:1.06}.panel,.panel-dark,.story-card,.metric-card,.match-card,.hero,.cluster-canvas,.cluster-detail-panel{border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--shadow-md);border-radius:30px;position:relative;overflow:hidden}.panel:before,.panel-dark:before,.story-card:before,.metric-card:before,.match-card:before,.hero:before,.cluster-canvas:before,.cluster-detail-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ad54ff0d,#0000 40%,#00b4ff0a);position:absolute;inset:0}.panel,.panel-dark{padding:24px}.panel{margin-bottom:30px}.hero{margin-top:18px;margin-bottom:52px;padding:34px 36px}.hero>*{z-index:1;position:relative}.hero-title{letter-spacing:-.06em;max-width:1120px;margin:18px 0 0;font-size:clamp(42px,5vw,75px);font-weight:700;line-height:.98}.hero-sub{max-width:1040px;color:var(--text-soft);margin-top:20px;font-size:18px;font-weight:400;line-height:1.72}.search-form{align-items:center;gap:16px;width:100%;margin-bottom:46px;display:flex}.search-form-hero{justify-content:center;width:min(1080px,100%)}.search-input{height:72px;color:var(--text);background:#0e0a1cdb;border:1px solid #ffffff14;border-radius:999px;outline:none;flex:auto;padding:0 28px;font-size:18px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff05,0 0 24px #b34fff14}.search-input::placeholder{color:#f7f8fc7a}.search-button,.expander-btn{color:#fff;letter-spacing:-.02em;cursor:pointer;background:linear-gradient(90deg,#ab58f8 0%,#ff59d9 62%,#ff9442 100%);border:none;border-radius:999px;flex:none;min-width:126px;height:72px;padding:0 28px;font-size:18px;font-weight:600;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 26px #e059ff42,0 0 22px #e059ff2e}.search-button:hover,.expander-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #e059ff52,0 0 28px #e059ff33}.search-button:disabled{opacity:.72;cursor:not-allowed}.landing-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 106px);display:flex}.landing-view .page-title{max-width:1120px}.landing-view .page-subtitle{max-width:980px}.cluster-layout{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;margin-top:28px;margin-bottom:44px;display:grid}.cluster-canvas,.cluster-detail-panel{height:720px;min-height:720px}.cluster-canvas{padding:0}.cluster-detail-panel{flex-direction:column;justify-content:flex-start;padding:28px 26px;display:flex}.cluster-bubble{color:#fff;cursor:pointer;background:#050810e6;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff05,0 8px 26px #0000003d}.cluster-bubble:hover{transform:translate(-50%,-50%)scale(1.04)}.cluster-bubble.selected{border-color:#e964e38c}.cluster-bubble.user-cluster{background:radial-gradient(circle,#a44aff1f,#070a11f5);border:2px solid #ff60d6b3;box-shadow:0 0 0 1px #ff60d61f,0 0 34px #bb49ff2e,inset 0 0 32px #ac54f714}.cluster-bubble-inner{flex-direction:column;justify-content:center;align-items:center;width:76%;display:flex}.cluster-bubble-title{text-align:center;letter-spacing:-.02em;font-size:23px;font-weight:600;line-height:1.15}.cluster-detail-title{letter-spacing:-.05em;margin:14px 0 30px;font-size:clamp(38px,3.5vw,58px);font-weight:700;line-height:.96}.cluster-detail-middle{margin-top:10px}.cluster-detail-bottom{margin-top:30px}.genre-icon-row{flex-wrap:wrap;gap:12px;display:flex}.genre-icon{color:#fff;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:20px;font-weight:600;display:inline-flex}.genre-icon img{object-fit:contain;width:22px;height:22px}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.movie-tile.poster{background:#111;border:1px solid #ffffff0f;border-radius:18px;min-height:300px;position:relative;overflow:hidden}.movie-tile.poster img{object-fit:cover;width:100%;height:100%}.poster-overlay{color:#fff;background:linear-gradient(#0000,#0000004d,#000000f5);padding:16px 14px 14px;font-size:14px;font-weight:600;line-height:1.15;position:absolute;bottom:0;left:0;right:0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;margin-bottom:58px;display:grid}.story-card{min-height:430px;padding:26px}.story-copy{color:var(--text-soft);font-size:23px;font-weight:550;line-height:1.76}.genre-radar-wrap{height:260px;margin-top:18px}.era-timeline-modern{height:180px;margin-top:36px;position:relative;overflow:hidden}.era-track{background:#ffffff1f;border-radius:999px;height:4px;position:absolute;top:86px;left:8px;right:8px}.era-node{position:absolute;top:86px;transform:translate(-50%,-50%)}.era-node-dot{background:#ffffff5c;border-radius:999px;width:12px;height:12px}.era-node-label{color:#f7f8fca3;white-space:nowrap;font-size:15px;font-weight:500;position:absolute;top:18px;left:50%;transform:translate(-50%)}.era-node.active .era-node-dot{background:#ff59d9;box-shadow:0 0 0 6px #ff59d91a}.era-node.active .era-node-label{color:#fff;font-weight:600}.era-highlight{position:absolute;top:44px;transform:translate(-50%)}.era-highlight-pill{color:#fff;background:linear-gradient(90deg,#ab58f8 0%,#ff59d9 62%,#ff9442 100%);border-radius:999px;align-items:center;height:38px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 10px 26px #e059ff2e}.people-note{margin:14px 0 28px}.matches-grid.people-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:18px;margin-bottom:36px;display:grid}.match-card.cinematic-match-card{text-align:center;flex-direction:column;align-items:center;min-height:250px;padding:28px 18px 22px;display:flex}.match-avatar-glow{background:radial-gradient(circle,#ca50ff4d 0%,#ca50ff14 48%,#0000 72%);border-radius:999px;place-items:center;width:112px;height:112px;margin-bottom:18px;display:grid}.match-avatar img{object-fit:cover;border-radius:999px;width:88px;height:88px}.match-name.centered{margin-bottom:14px;font-size:18px;font-weight:700;line-height:1.2}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip-wrap.centered{justify-content:center}.chip.twin-chip{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#2a4fbb57;border:1px solid #698cff2e;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.technical-wrapper{margin-top:30px}.technical-wrapper .expander-btn{margin-top:6px}.technical-panel{margin-top:16px}.tech-section+.tech-section{margin-top:18px}.tech-section h4{margin:0 0 10px;font-size:16px;font-weight:700}.tech-section p,.tech-section td,.tech-section th,.json-block{color:var(--text-soft);font-size:14px;font-weight:400;line-height:1.68}.message,.empty-state{border:1px solid var(--line);color:var(--text-soft);background:#ffffff0a;border-radius:24px;padding:18px 20px;font-weight:400;line-height:1.68}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.metric-card{min-height:220px;padding:28px 22px}.metric-sub{color:var(--text-soft);font-size:16px;font-weight:400;line-height:1.68}.planner-kicker{color:#63ddff;background:#00b1ff1a;border-color:#4bd8ff2e}.planner-subtitle{max-width:980px}.planner-search{width:min(980px,100%)}.planner-hero{align-items:flex-end;min-height:380px;display:flex}.hero-overlay{background:linear-gradient(#04060c2e,#04060c6b,#04060cf5);position:absolute;inset:0}.hero-content{z-index:1;max-width:1080px;position:relative}.theme-default{background:radial-gradient(circle at 20% 18%,#00c8ff26,#0000 24%),radial-gradient(circle at 78% 18%,#b15cff29,#0000 24%),linear-gradient(135deg,#05111c 0%,#08121a 42%,#12081c 100%)}.theme-spring{background:radial-gradient(circle at 16% 18%,#00cdff29,#0000 24%),radial-gradient(circle at 80% 18%,#ff4fd82e,#0000 24%),linear-gradient(135deg,#06131f 0%,#08131b 44%,#140920 100%)}.theme-summer{background:radial-gradient(circle at 16% 18%,#ff99483d,#0000 24%),radial-gradient(circle at 80% 18%,#ff4fd829,#0000 24%),linear-gradient(135deg,#170b08 0%,#120917 42%,#07141d 100%)}.theme-winter{background:radial-gradient(circle at 16% 18%,#8adbff29,#0000 24%),radial-gradient(circle at 80% 18%,#ffffff1f,#0000 22%),linear-gradient(135deg,#08101c 0%,#09121a 44%,#0c1623 100%)}.theme-horror{background:radial-gradient(circle at 16% 18%,#ff50502e,#0000 24%),radial-gradient(circle at 80% 18%,#9927ff29,#0000 24%),linear-gradient(135deg,#14070b 0%,#100713 42%,#05070b 100%)}.theme-family{background:radial-gradient(circle at 16% 18%,#48c2ff2e,#0000 24%),radial-gradient(circle at 80% 18%,#ffb64133,#0000 24%),linear-gradient(135deg,#081625 0%,#0d111d 44%,#131321 100%)}.theme-fantasy{background:radial-gradient(circle at 16% 18%,#7c56ff38,#0000 24%),radial-gradient(circle at 80% 18%,#00d0ff24,#0000 24%),linear-gradient(135deg,#0a1028 0%,#13091f 44%,#06131b 100%)}.theme-crime{background:radial-gradient(circle at 16% 18%,#00abff24,#0000 24%),radial-gradient(circle at 80% 18%,#b154f729,#0000 24%),linear-gradient(135deg,#07111b 0%,#10131b 44%,#090c14 100%)}.planner-bottom-card{margin-top:10px;padding:28px 30px}.planner-bottom-grid{grid-template-columns:1.05fr .95fr;gap:34px;display:grid}.planner-section-head{margin-bottom:18px;font-size:clamp(26px,2.4vw,40px)}.planner-audience-card{border:1px solid var(--line);background:#ffffff08;border-radius:28px;padding:28px 24px}.audience-metric-value{margin-bottom:16px}.why-list{flex-direction:column;gap:18px;display:flex}.why-item{color:var(--text-soft);grid-template-columns:28px 1fr;gap:14px;font-size:16px;font-weight:400;line-height:1.72;display:grid}.why-check{width:24px;height:24px;color:var(--blue);background:#00c8ff14;border:1px solid #00c8ff33;border-radius:999px;place-items:center;margin-top:2px;font-size:13px;font-weight:700;display:grid}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--line-soft);text-align:left;padding:10px 12px}.json-block{white-space:pre-wrap}@media (width<=1180px){.matches-grid.people-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-layout,.planner-bottom-grid{grid-template-columns:1fr}.cluster-canvas,.cluster-detail-panel{height:auto;min-height:620px}}@media (width<=900px){.container{width:min(100% - 32px,1360px);padding-top:24px}.search-form{flex-direction:column;align-items:stretch}.search-button,.expander-btn{width:100%}.story-grid,.metric-grid,.movie-grid{grid-template-columns:1fr}.matches-grid.people-row{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{font-size:64px}.hero-title{font-size:44px}.cluster-detail-title{font-size:48px}}@media (width<=620px){.matches-grid.people-row{grid-template-columns:1fr}.page-title{font-size:48px}.section-head{font-size:34px}.story-title,.metric-value{font-size:28px}}