:root{--bg:#03060a;--ink:#f6f0df;--muted:#abb3b6;--soft:rgba(246,240,223,0.72);--line:rgba(246,240,223,0.14);--panel:rgba(7,12,18,0.74);--moon:#f4e6b0;--water:#83a9ad;--sage:#b8c9a8;--sand:#d8bc82;--rose:#c98e83;--max:1180px;--max-readable:860px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% -15%,rgba(244,230,176,.15),transparent 28rem),linear-gradient(180deg,#04080d,#03060a 52%,#060807);font-family:Aptos,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,transparent,black 28%,transparent);mask-image:linear-gradient(180deg,transparent,black 28%,transparent)}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0}.site-header{position:fixed;top:18px;left:50%;z-index:20;display:grid;width:min(calc(100% - 32px),var(--max));transform:translateX(-50%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-content:space-between;grid-gap:14px;gap:14px;padding:10px 12px;border:1px solid rgba(246,240,223,.12);border-radius:8px;background:rgba(3,6,10,.52);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links{display:flex;align-items:center}.brand{gap:10px;color:var(--soft);font-size:.86rem;font-weight:800;text-transform:uppercase}.brand-orb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8dc,var(--moon) 58%,rgba(244,230,176,.18));box-shadow:0 0 32px rgba(244,230,176,.55)}.nav-links{justify-self:end;gap:8px}.nav-links a{display:grid;min-width:126px;grid-gap:3px;gap:3px;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:.92rem;font-weight:800}.nav-links a:hover{color:var(--ink);background:rgba(255,255,255,.06)}.nav-links small{color:rgba(246,240,223,.46);font-size:.68rem;font-weight:700}.global-music-toggle{display:grid;grid-template-columns:24px 1fr;grid-gap:7px;gap:7px;align-items:center;min-height:44px;border:1px solid rgba(246,240,223,.14);border-radius:8px;padding:0 12px;color:var(--soft);background:rgba(255,255,255,.045);cursor:pointer;font-size:.82rem;font-weight:900}.global-music-toggle span{width:24px;height:16px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(244,230,176,.95) 2px,transparent 3px),linear-gradient(90deg,rgba(131,169,173,.3),rgba(244,230,176,.16));box-shadow:0 0 22px rgba(131,169,173,.22)}.global-music-toggle-on{color:var(--ink);border-color:rgba(244,230,176,.36);background:rgba(244,230,176,.12)}.global-music-toggle-on span{animation:sound-wave 1.6s ease-in-out infinite}.eyebrow{margin:0 0 16px;color:var(--sage);font-size:.72rem;font-weight:800;text-transform:uppercase}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;padding:0 16px;border:1px solid transparent;cursor:pointer;font-weight:800}.button-primary{color:#071016;background:linear-gradient(135deg,var(--moon),#f7f1d2)}.button-ghost{color:var(--ink);border-color:rgba(246,240,223,.18);background:rgba(255,255,255,.06)}.page-shell{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:122px 0 84px}.hero{position:relative;min-height:94svh;overflow:hidden;padding:114px max(20px,calc((100vw - var(--max)) / 2)) 32px;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(3,6,10,.18),rgba(3,6,10,.42) 46%,rgba(3,6,10,.94)),linear-gradient(90deg,rgba(3,6,10,.82),rgba(3,6,10,.36) 42%,rgba(3,6,10,.74)),url(/assets/moon-water-hero.png) 50% /cover no-repeat;transform:scale(1.02)}.hero-content{width:min(520px,100%)}.hero h1{max-width:10.5ch;font-size:clamp(3.25rem,6.2vw,6.15rem);line-height:.92}.hero-lede{max-width:34ch;margin:20px 0 0;color:rgba(246,240,223,.82);font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.quick-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:14px}.quick-doors a{position:relative;min-height:82px;overflow:hidden;padding:12px;border:1px solid rgba(246,240,223,.13);border-radius:8px;background:radial-gradient(circle at 78% 24%,rgba(244,230,176,.12),transparent 4rem),rgba(7,12,18,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease}.quick-doors a:hover{border-color:rgba(244,230,176,.4);transform:translateY(-2px)}.quick-doors span{color:var(--sage);font-size:.68rem;font-weight:900}.quick-doors strong{display:block;margin-top:22px;font-family:Georgia,Times New Roman,serif;font-size:1.22rem;font-weight:500;line-height:.96}.hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:center;min-height:calc(94svh - 146px)}.hero-poster{position:relative;min-height:min(620px,68vh);overflow:hidden;border:1px solid rgba(246,240,223,.16);border-radius:10px;background:linear-gradient(180deg,rgba(3,6,10,.02),rgba(3,6,10,.7)),url(/assets/moon-water-hero.png) 50% /cover;box-shadow:0 34px 110px rgba(0,0,0,.42)}.hero-poster:before{content:"";position:absolute;inset:18px;border:1px solid rgba(246,240,223,.12);border-radius:8px;pointer-events:none}.poster-moon{position:absolute;top:9%;right:12%;width:clamp(92px,11vw,150px);height:clamp(92px,11vw,150px);border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8dc,var(--moon) 58%,rgba(244,230,176,.18));box-shadow:0 0 90px rgba(244,230,176,.52)}.poster-river{position:absolute;right:-10%;bottom:16%;width:78%;height:22%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(246,240,223,.18),transparent),repeating-linear-gradient(170deg,rgba(131,169,173,.42) 0 2px,transparent 2px 18px);filter:blur(.2px);transform:rotate(-8deg)}.poster-card{position:absolute;display:grid;grid-gap:6px;gap:6px;min-width:150px;padding:14px;border:1px solid rgba(246,240,223,.16);border-radius:8px;background:rgba(7,12,18,.68);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.poster-card:hover{border-color:rgba(244,230,176,.42);background:rgba(7,12,18,.78);transform:translateY(-3px)}.poster-card span{color:var(--sage);font-size:.72rem;font-weight:900;text-transform:uppercase}.poster-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:500;line-height:.96}.poster-card-film{left:8%;bottom:12%}.poster-card-test{top:33%;left:13%}.poster-card-message{right:8%;bottom:31%}.comfort-strip{width:min(560px,100%);margin-top:14px}.quote-ticker{border:1px solid rgba(246,240,223,.13);border-radius:8px;background:rgba(7,12,18,.56);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:52px;padding:10px 12px;overflow:hidden}.quote-ticker .eyebrow{display:none}.quote-ticker p{max-width:38ch;margin:0;color:rgba(246,240,223,.88);font-size:.92rem;line-height:1.45;animation:note-rise .52s ease both}@keyframes note-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sound-wave{0%,to{transform:scaleX(.85)}50%{transform:scaleX(1.08)}}.floating-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.live-card{position:absolute;right:max(20px,calc((100vw - var(--max)) / 2));top:34vh;width:min(320px,calc(100vw - 40px));padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.38)}.live-card h2{margin-top:10px;font-size:1.55rem;line-height:1.08}.live-card p,.muted-copy{color:var(--muted);line-height:1.7}.live-meta,.result-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.live-meta span,.pill,.result-badges span{padding:8px 10px;border:1px solid rgba(246,240,223,.12);border-radius:8px;color:var(--soft);background:rgba(255,255,255,.04);font-size:.82rem}.three-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;width:min(var(--max),calc(100vw - 40px));margin:min(10vh,76px) auto 0}.connect-card,.content-card,.door,.quiz-stage,.result-analysis,.result-card,.test-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.door{position:relative;min-height:168px;overflow:hidden;padding:18px;transition:transform .18s ease,border-color .18s ease}.door:hover,.test-card:hover{border-color:rgba(244,230,176,.44);transform:translateY(-4px)}.door strong{display:block;margin-top:44px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:500;line-height:.92}.connect-card p,.content-card p,.door small,.test-card p{display:block;margin-top:10px;color:var(--muted);line-height:1.55}.section-heading{display:grid;grid-template-columns:.8fr 1fr;grid-gap:40px;gap:40px;align-items:end;margin-bottom:26px}.section-heading h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.96}.page-hero{grid-template-columns:minmax(0,.86fr) minmax(380px,1fr);align-items:stretch;min-height:640px}.page-hero>div:first-child{display:grid;align-content:center}.page-hero-visual{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(3,6,10,.08),rgba(3,6,10,.78)),url(/assets/moon-water-hero.png) 50% /cover;box-shadow:0 28px 90px rgba(0,0,0,.34)}.page-hero-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(246,240,223,.11);border-radius:10px;pointer-events:none}.page-hero-visual p{position:absolute;left:26px;right:26px;bottom:24px;max-width:34ch;margin:0;color:rgba(246,240,223,.74);line-height:1.58}.chat-bubble,.hero-pick,.plan-ticket{position:absolute;border:1px solid rgba(246,240,223,.15);border-radius:10px;background:rgba(7,12,18,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 46px rgba(0,0,0,.22)}.hero-pick{display:grid;grid-gap:8px;gap:8px;padding:16px}.hero-pick span,.plan-ticket span{color:var(--sage);font-size:.72rem;font-weight:900;text-transform:uppercase}.hero-pick strong,.plan-ticket strong{max-width:9ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2.4vw,2.5rem);font-weight:500;line-height:.96}.hero-pick-main{top:16%;left:9%;width:240px;min-height:170px;background:radial-gradient(circle at 78% 22%,rgba(184,201,168,.2),transparent 7rem),rgba(7,12,18,.72)}.hero-pick-game{top:33%;right:9%;width:205px}.hero-pick-film{left:16%;bottom:24%;width:220px}.reach-hero-visual{background:radial-gradient(circle at 72% 22%,rgba(244,230,176,.2),transparent 12rem),linear-gradient(145deg,rgba(131,169,173,.12),rgba(201,142,131,.08)),rgba(7,12,18,.72)}.chat-bubble{max-width:280px;padding:18px;color:rgba(246,240,223,.88);font-size:clamp(1.25rem,2.1vw,2rem);line-height:1.12}.bubble-left{top:18%;left:10%;border-radius:22px 22px 22px 6px}.bubble-right{top:39%;right:9%;border-radius:22px 22px 6px 22px}.plan-ticket{left:14%;bottom:24%;display:grid;grid-gap:8px;gap:8px;width:240px;padding:16px}.connect-section,.magazine-section,.test-shelf{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:72px 0 0}.connect-grid,.content-grid,.feature-doors,.test-grid,.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.connect-card,.content-card,.value-card{min-height:340px;padding:22px}.value-card{position:relative;overflow:hidden;min-height:260px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 80% 0,rgba(244,230,176,.14),transparent 9rem),rgba(7,12,18,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.value-card span{color:var(--sage);font-size:.76rem;font-weight:900}.value-card h3{max-width:9ch;margin-top:58px;font-size:clamp(1.8rem,3vw,3rem);line-height:.96}.value-card p{margin:14px 0 0;color:var(--muted);line-height:1.62}.feature-door{position:relative;min-height:470px;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:10px;background:rgba(7,12,18,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease}.feature-door:hover{border-color:rgba(244,230,176,.42);transform:translateY(-4px)}.feature-art{position:relative;height:210px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 68% 22%,rgba(244,230,176,.22),transparent 9rem),rgba(255,255,255,.045)}.feature-door h3{max-width:12ch;margin-top:28px;font-size:clamp(2rem,3.2vw,3.45rem);line-height:.94}.feature-door p:not(.eyebrow){margin:14px 0 0;color:var(--muted);line-height:1.6}.art-discover{background:linear-gradient(145deg,rgba(244,230,176,.18),transparent 46%),url(/assets/moon-water-hero.png) 50% /cover}.art-discover span{position:absolute;bottom:18px;width:34%;height:84px;border:1px solid rgba(246,240,223,.2);border-radius:6px;background:rgba(3,6,10,.58);box-shadow:0 12px 36px rgba(0,0,0,.28)}.art-discover span:first-child{left:22px;transform:rotate(-7deg)}.art-discover span:nth-child(2){left:34%;height:112px}.art-discover span:nth-child(3){right:22px;transform:rotate(6deg)}.art-tests span{position:absolute;border:1px solid rgba(246,240,223,.18);border-radius:50%}.art-tests span:first-child{inset:30px 62px;background:radial-gradient(circle,rgba(244,230,176,.14),transparent 60%)}.art-tests span:nth-child(2){inset:58px 96px;border-color:rgba(131,169,173,.36)}.art-tests span:nth-child(3){top:76px;left:50%;width:42px;height:42px;background:var(--moon);box-shadow:0 0 46px rgba(244,230,176,.45);transform:translateX(-50%)}.art-connect{background:radial-gradient(circle at 22% 24%,rgba(201,142,131,.18),transparent 8rem),linear-gradient(160deg,rgba(131,169,173,.16),rgba(244,230,176,.08)),rgba(255,255,255,.045)}.art-connect span{position:absolute;min-width:42%;padding:12px 14px;border:1px solid rgba(246,240,223,.14);border-radius:18px 18px 18px 4px;background:rgba(7,12,18,.62)}.art-connect span:after{content:"";display:block;width:72%;height:7px;border-radius:999px;background:rgba(246,240,223,.32)}.art-connect span:first-child{top:30px;left:22px}.art-connect span:nth-child(2){top:86px;right:26px;border-radius:18px 18px 4px 18px}.art-connect span:nth-child(3){bottom:34px;left:46px;width:52%}.content-visual{display:grid;height:150px;place-items:center;border-radius:8px;color:#071016;background:linear-gradient(135deg,rgba(244,230,176,.2),transparent),url(/assets/moon-water-hero.png) 50% /cover;font-weight:900}.connect-card h3,.content-card h3{margin-top:28px;font-size:clamp(2rem,3vw,3.4rem);line-height:.96}.connect-board,.discover-board{display:grid;grid-gap:14px;gap:14px}.connect-module-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.connect-module-nav a{position:relative;min-height:138px;overflow:hidden;border:1px solid var(--line);border-radius:10px;padding:18px;background:radial-gradient(circle at 82% 20%,rgba(244,230,176,.11),transparent 5.8rem),rgba(7,12,18,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.connect-module-nav a:after{content:"";position:absolute;right:-28px;bottom:-32px;width:96px;height:96px;border-radius:50%;background:rgba(131,169,173,.12)}.connect-module-nav a:hover{border-color:rgba(244,230,176,.42);background:radial-gradient(circle at 76% 18%,rgba(244,230,176,.18),transparent 5.5rem),rgba(7,12,18,.82);transform:translateY(-3px)}.connect-choice-block>span,.connect-module-nav span,.fate-preview small,.people-result-grid span,.romance-card-grid strong{color:var(--sage);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.connect-module-nav strong{display:block;max-width:10ch;margin-top:28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,1.95rem);font-weight:500;line-height:.98}.connect-maker,.connect-roadmap-note,.discover-control,.fate-preview,.message-card,.people-map-panel,.recommendation-hero,.recommendation-row,.romance-main,.tiny-plan{border:1px solid var(--line);border-radius:10px;background:rgba(7,12,18,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.discover-control{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);grid-gap:18px;gap:18px;align-items:end;padding:18px}.connect-controls h2,.discover-control h2{max-width:10ch;font-size:clamp(2rem,4vw,3.8rem);line-height:.94}.filter-stack{display:grid;grid-gap:10px;gap:10px}.category-filter,.choice-row,.mood-filter{display:flex;flex-wrap:wrap;gap:8px}.category-filter button,.choice-row button,.mood-filter button{min-height:42px;border:1px solid rgba(246,240,223,.14);border-radius:999px;padding:0 14px;color:var(--soft);background:rgba(255,255,255,.045);cursor:pointer}.category-filter button.is-active,.choice-row button.is-active,.mood-filter button.is-active{color:#071016;border-color:transparent;background:var(--moon)}.recommendation-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:14px;gap:14px}.recommendation-hero{position:relative;min-height:560px;display:grid;align-content:end;overflow:hidden;padding:24px;background:linear-gradient(180deg,rgba(3,6,10,.1),rgba(3,6,10,.78)),url(/assets/moon-water-hero.png) 50% /cover}.mini-visual:before,.recommendation-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(244,230,176,.22),transparent 8rem),linear-gradient(135deg,rgba(131,169,173,.16),transparent)}.message-card span,.recommendation-hero span,.recommendation-row span{position:relative;z-index:1;color:var(--sage);font-size:.74rem;font-weight:900;text-transform:uppercase}.recommendation-hero h3{position:relative;z-index:1;max-width:9ch;margin-top:12px;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.88}.recommendation-hero p{position:relative;z-index:1;max-width:36ch;color:rgba(246,240,223,.78);line-height:1.62}.recommendation-hero .button{position:relative;z-index:1;width:-moz-fit-content;width:fit-content;margin-top:18px}.recommendation-stack{display:grid;grid-gap:10px;gap:10px}.recommendation-row{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:14px;gap:14px;min-height:168px;overflow:hidden;padding:12px}.mini-visual{position:relative;min-height:142px;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.05)}.visual-book{background:linear-gradient(145deg,rgba(216,188,130,.18),rgba(7,12,18,.4)),url(/assets/moon-water-hero.png) 50% /cover}.visual-ocean{background:linear-gradient(145deg,rgba(131,169,173,.22),rgba(7,12,18,.5)),url(/assets/moon-water-hero.png) 50% /cover}.visual-walk{background:linear-gradient(145deg,rgba(184,201,168,.18),rgba(7,12,18,.54))}.visual-sound{background:radial-gradient(circle at 60% 35%,rgba(244,230,176,.28),transparent 5rem),rgba(255,255,255,.05)}.visual-room{background:linear-gradient(160deg,rgba(201,142,131,.16),rgba(7,12,18,.58))}.visual-relax{background:radial-gradient(circle at 44% 38%,rgba(184,201,168,.24),transparent 6rem),linear-gradient(160deg,rgba(131,169,173,.16),rgba(7,12,18,.58))}.visual-game{background:radial-gradient(circle at 30% 30%,rgba(244,230,176,.26),transparent 3rem),radial-gradient(circle at 72% 62%,rgba(201,142,131,.2),transparent 4rem),rgba(255,255,255,.05)}.visual-film{background:linear-gradient(145deg,rgba(244,230,176,.16),rgba(7,12,18,.46)),url(/assets/moon-water-hero.png) 50% /cover}.recommendation-row h3{margin:10px 0 0;font-size:1.45rem;line-height:1}.recommendation-row p{margin:10px 0 0;color:var(--muted);line-height:1.5}.connect-maker{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);grid-gap:18px;gap:18px;padding:18px;scroll-margin-top:132px}.connect-controls{display:grid;align-content:start;grid-gap:22px;gap:22px;padding:18px}.connect-controls h2{max-width:12ch;font-size:clamp(1.85rem,3vw,3.05rem);line-height:.98}.connect-choice-block{display:grid;grid-gap:8px;gap:8px}.message-card{min-height:360px;display:grid;align-content:end;padding:clamp(22px,3vw,34px);background:radial-gradient(circle at 80% 18%,rgba(244,230,176,.16),transparent 12rem),linear-gradient(145deg,rgba(131,169,173,.12),rgba(201,142,131,.06)),rgba(7,12,18,.72)}.message-card p{max-width:30ch;margin:16px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,2.6vw,2.55rem);line-height:1.08}.message-card-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:24px}.message-card-footer small{max-width:28ch;color:rgba(246,240,223,.58);line-height:1.4}.message-card .button{width:-moz-fit-content;width:fit-content}.people-map-panel{position:relative;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(240px,.28fr);grid-gap:18px;gap:18px;overflow:hidden;padding:clamp(20px,3vw,34px);scroll-margin-top:132px;background:radial-gradient(circle at 14% 20%,rgba(131,169,173,.16),transparent 16rem),radial-gradient(circle at 88% 12%,rgba(244,230,176,.12),transparent 14rem),rgba(7,12,18,.74)}.people-map-copy{display:grid;align-content:end;min-height:280px;padding:0}.connect-mini-heading h2,.connect-roadmap-note h2,.people-map-copy h2,.romance-main h2{max-width:12ch;font-size:clamp(2rem,3.8vw,3.8rem);line-height:.96}.connect-roadmap-note p,.people-map-copy p:not(.eyebrow){max-width:36ch;margin:18px 0 0;color:rgba(246,240,223,.68);line-height:1.62}.people-type-picker{display:grid;grid-gap:10px;gap:10px;align-content:end}.mbti-selector,.type-group-tabs{display:grid;grid-gap:7px;gap:7px}.type-group-tabs{grid-template-columns:1fr}.mbti-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.element-row button,.mbti-selector button,.type-group-tabs button{min-height:40px;border:1px solid rgba(246,240,223,.12);border-radius:999px;color:rgba(246,240,223,.72);background:rgba(255,255,255,.04);cursor:pointer;font-weight:900}.element-row button:hover,.mbti-selector button:hover,.type-group-tabs button:hover{border-color:rgba(244,230,176,.38)}.element-row button.is-active,.mbti-selector button.is-active,.type-group-tabs button.is-active{color:#071016;border-color:transparent;background:var(--moon)}.people-result-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);grid-gap:18px;gap:18px;overflow:hidden;border:1px solid rgba(246,240,223,.11);border-radius:10px;padding:16px;background:linear-gradient(135deg,rgba(244,230,176,.08),transparent 42%),rgba(255,255,255,.035)}.people-result-orb{display:grid;min-height:280px;place-items:center;border-radius:8px;background:radial-gradient(circle,rgba(244,230,176,.2),transparent 42%),repeating-radial-gradient(circle,rgba(246,240,223,.13) 0 1px,transparent 1px 22px),rgba(255,255,255,.035)}.people-result-orb span{display:grid;width:112px;height:112px;place-items:center;border-radius:50%;color:#071016;background:var(--moon);box-shadow:0 0 70px rgba(244,230,176,.3);font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:700}.people-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.people-result-grid div{min-height:132px;border:1px solid rgba(246,240,223,.09);border-radius:8px;padding:14px;background:rgba(255,255,255,.035)}.people-result-grid p{margin:10px 0 0;color:rgba(246,240,223,.78);line-height:1.5}.romance-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.44fr);grid-gap:18px;gap:18px;scroll-margin-top:132px}.connect-roadmap-note,.fate-preview,.romance-main{padding:22px}.romance-main{background:radial-gradient(circle at 86% 16%,rgba(201,142,131,.18),transparent 14rem),rgba(7,12,18,.72)}.romance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:28px}.romance-card-grid article{min-height:160px;border:1px solid rgba(246,240,223,.1);border-radius:8px;padding:14px;background:rgba(255,255,255,.04)}.fate-preview p,.romance-card-grid p{margin:16px 0 0;color:rgba(246,240,223,.72);line-height:1.55}.fate-preview{background:radial-gradient(circle at 50% 18%,rgba(244,230,176,.15),transparent 9rem),rgba(7,12,18,.72)}.fate-preview h3{max-width:10ch;font-size:clamp(1.8rem,3vw,3rem);line-height:.96}.element-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.element-row button{padding:0 12px}.fate-preview small{display:block;margin-top:16px;color:rgba(246,240,223,.58);line-height:1.45}.tiny-plan-section{display:grid;grid-gap:14px;gap:14px;scroll-margin-top:132px}.connect-mini-heading{display:block;margin:34px 0 0}.connect-roadmap-note{background:linear-gradient(135deg,rgba(131,169,173,.12),rgba(244,230,176,.05)),rgba(7,12,18,.72)}.tiny-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.tiny-plan{min-height:210px;padding:18px}.tiny-plan span{display:block;width:34px;height:22px;border-radius:999px;background:var(--moon);box-shadow:0 0 32px rgba(244,230,176,.28)}.tiny-plan h3{margin-top:56px;font-size:clamp(1.6rem,3vw,2.5rem);line-height:.96}.tiny-plan p{color:var(--muted);line-height:1.55}.tests-landing{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);grid-gap:16px;gap:16px;align-items:stretch}.spotlight-test,.tests-hero-copy{min-height:390px;padding:clamp(24px,4vw,44px)}.tests-hero-copy{position:relative;display:grid;align-content:space-between;grid-gap:28px;gap:28px;overflow:hidden;background:radial-gradient(circle at 78% 16%,rgba(131,169,173,.13),transparent 13rem),radial-gradient(circle at 8% 86%,rgba(244,230,176,.1),transparent 12rem),rgba(7,12,18,.74)}.tests-hero-copy:after{content:"";position:absolute;right:28px;bottom:24px;width:170px;height:170px;border:1px solid rgba(246,240,223,.08);border-radius:50%;background:radial-gradient(circle,rgba(244,230,176,.12),transparent 42%),repeating-radial-gradient(circle,rgba(246,240,223,.08) 0 1px,transparent 1px 18px);opacity:.52;pointer-events:none}.page-title,.tests-hero-copy h1{max-width:13ch;font-size:clamp(2.65rem,5.4vw,5.2rem);line-height:.96}.test-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;max-width:720px}.test-hero-actions a{min-height:40px;display:inline-flex;align-items:center;border:1px solid rgba(246,240,223,.13);border-radius:999px;padding:0 13px;color:rgba(246,240,223,.82);background:rgba(255,255,255,.045);font-size:.9rem;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.test-hero-actions a:hover{border-color:rgba(244,230,176,.44);background:rgba(244,230,176,.1);transform:translateY(-2px)}.test-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;max-width:640px}.test-hero-stats span{min-height:72px;display:grid;align-content:center;border:1px solid rgba(246,240,223,.1);border-radius:8px;padding:12px;color:rgba(246,240,223,.62);background:rgba(255,255,255,.035);font-size:.84rem;font-weight:800}.test-hero-stats strong{display:block;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:500;line-height:1}.spotlight-test{position:relative;display:grid;align-content:end;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(244,230,176,.22),transparent 13rem),linear-gradient(145deg,rgba(131,169,173,.14),rgba(201,142,131,.1)),rgba(7,12,18,.78)}.spotlight-test:before{content:"";position:absolute;top:32px;right:28px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8dc,var(--moon) 58%,rgba(244,230,176,.18));box-shadow:0 0 80px rgba(244,230,176,.32)}.spotlight-test strong{display:block;max-width:10ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.8rem);font-weight:500;line-height:.88}.spotlight-test small,.spotlight-test span{position:relative;z-index:1}.spotlight-test small{max-width:22ch;color:rgba(246,240,223,.72);font-weight:800;line-height:1.35}.test-proof-strip{display:grid;grid-template-columns:minmax(230px,.45fr) minmax(0,1fr);grid-gap:18px;gap:18px;width:min(calc(100% - 40px),var(--max));margin:16px auto 0;padding:18px}.test-proof-strip h2{max-width:24ch;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.04}.proof-pill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:stretch}.proof-pill-grid a{min-height:92px;display:grid;align-content:space-between;border:1px solid rgba(246,240,223,.1);border-radius:8px;padding:12px;background:radial-gradient(circle at 76% 18%,rgba(244,230,176,.1),transparent 4.5rem),rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease}.proof-pill-grid a:hover{border-color:rgba(244,230,176,.4);transform:translateY(-2px)}.proof-pill-grid strong{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:500}.proof-pill-grid span{color:rgba(246,240,223,.56);font-size:.82rem;font-weight:800}.test-standards{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:20px;gap:20px;width:min(calc(100% - 40px),var(--max));margin:16px auto 0;padding:20px}.test-standards h2{max-width:18ch;font-size:clamp(1.35rem,2.1vw,2.1rem);line-height:1.04}.test-standards ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.test-standards li{border:1px solid rgba(246,240,223,.1);border-radius:999px;padding:10px 13px;color:rgba(246,240,223,.72);background:rgba(255,255,255,.035);font-size:.92rem}.test-history-preview{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(260px,.9fr) auto;grid-gap:16px;gap:16px;align-items:center;width:min(calc(100% - 40px),var(--max));margin:16px auto 0;overflow:hidden;padding:20px}.test-history-preview h2{font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1}.history-orb{position:absolute;inset:auto 18% -90px auto;width:220px;height:220px;border-radius:50%;opacity:.28;filter:blur(6px)}.history-orb-moon{background:var(--moon)}.history-orb-sand{background:var(--sand)}.history-orb-water{background:var(--water)}.history-orb-sage{background:var(--sage)}.history-orb-rose{background:var(--rose)}.history-card,.history-result-card{position:relative;display:grid;overflow:hidden;border:1px solid rgba(246,240,223,.12);border-radius:8px;background:radial-gradient(circle at 88% 12%,rgba(244,230,176,.18),transparent 11rem),rgba(255,255,255,.045)}.history-preview-actions{display:grid;grid-gap:8px;gap:8px}.history-result-card{min-height:156px;align-content:end;padding:18px}.history-card span,.history-result-card span{color:var(--sage);font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.history-result-card strong{margin-top:18px;color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,3.3rem);font-weight:500;line-height:.96}.history-card small,.history-card time,.history-result-card small{margin-top:10px;color:rgba(246,240,223,.62)}.history-list{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding-top:40px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.history-card{width:100%;min-height:270px;align-content:end;text-align:left;padding:18px;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.history-card-active,.history-card:hover{border-color:rgba(244,230,176,.4);transform:translateY(-4px)}.history-card-active{background:radial-gradient(circle at 88% 12%,rgba(244,230,176,.24),transparent 11rem),rgba(244,230,176,.075)}.history-card h2{margin-top:34px;color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.1rem);font-weight:500;line-height:.96}.history-card p{margin-top:12px;color:rgba(246,240,223,.72);line-height:1.5}.history-empty{width:min(calc(100% - 40px),780px);margin:0 auto;padding:clamp(24px,5vw,54px)}.history-empty h1{max-width:12ch;font-size:clamp(2.4rem,6vw,5rem);line-height:.96}.history-detail{position:relative;overflow:hidden;margin-bottom:16px;padding:clamp(22px,4vw,38px)}.history-detail:after{content:"";position:absolute;right:9%;top:16%;width:220px;height:220px;border-radius:50%;opacity:.22;filter:blur(4px)}.history-detail-moon:after{background:var(--moon)}.history-detail-sand:after{background:var(--sand)}.history-detail-water:after{background:var(--water)}.history-detail-sage:after{background:var(--sage)}.history-detail-rose:after{background:var(--rose)}.history-detail>*{position:relative;z-index:1}.history-detail span:first-child{color:var(--sage);font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.history-detail h2{max-width:12ch;margin-top:20px;color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,5vw,5rem);font-weight:500;line-height:.95}.history-detail p{max-width:720px;margin-top:14px;color:rgba(246,240,223,.74);line-height:1.6}.history-detail .button{width:-moz-fit-content;width:fit-content;margin-top:20px}.test-shelf{padding-top:74px}.test-shelf-head{margin-bottom:24px}.test-shelf-head h2{max-width:15ch;font-size:clamp(1.9rem,4vw,3.6rem);line-height:.98}.test-card{position:relative;min-height:250px;overflow:hidden;padding:16px;transition:transform .18s ease,border-color .18s ease}.test-card:after{content:"";position:absolute;right:-52px;bottom:-54px;width:140px;height:140px;border-radius:50%;opacity:.5}.test-card-moon:after{background:rgba(244,230,176,.28)}.test-card-sand:after{background:rgba(216,188,130,.28)}.test-card-water:after{background:rgba(131,169,173,.3)}.test-card-sage:after{background:rgba(184,201,168,.26)}.test-card-rose:after{background:rgba(201,142,131,.28)}.test-visual{display:grid;position:relative;width:100%;height:116px;place-items:center;border:1px solid rgba(246,240,223,.12);border-radius:6px;color:rgba(246,240,223,.9);background:radial-gradient(circle at 25% 28%,rgba(255,248,220,.9),transparent .55rem),radial-gradient(circle at 75% 34%,rgba(131,169,173,.5),transparent 2rem),linear-gradient(135deg,rgba(244,230,176,.18),rgba(255,255,255,.03) 45%,rgba(201,142,131,.16));box-shadow:inset 0 0 34px rgba(255,255,255,.035)}.test-visual svg{position:relative;z-index:1;width:min(78%,180px);height:88px;color:rgba(246,240,223,.88)}.test-visual svg circle,.test-visual svg path,.test-visual svg rect{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.test-visual svg text{fill:currentColor;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;text-anchor:middle}.test-card-mbti .test-visual{background:radial-gradient(circle at 28% 28%,rgba(244,230,176,.32),transparent 2.5rem),linear-gradient(135deg,rgba(244,230,176,.18),rgba(255,255,255,.03))}.test-card-big-five .test-visual{background:radial-gradient(circle at 72% 24%,rgba(131,169,173,.42),transparent 3rem),linear-gradient(135deg,rgba(131,169,173,.18),rgba(255,255,255,.03))}.test-card-career .test-visual,.test-card-content-taste .test-visual{background:radial-gradient(circle at 22% 70%,rgba(216,188,130,.36),transparent 3rem),linear-gradient(135deg,rgba(216,188,130,.18),rgba(255,255,255,.03))}.test-card-anxiety .test-visual,.test-card-depression .test-visual,.test-card-wellbeing .test-visual{background:radial-gradient(circle at 76% 30%,rgba(131,169,173,.36),transparent 3rem),linear-gradient(135deg,rgba(131,169,173,.14),rgba(201,142,131,.12))}.test-card-burnout .test-visual,.test-card-stress .test-visual{background:radial-gradient(circle at 74% 32%,rgba(201,142,131,.38),transparent 3rem),linear-gradient(135deg,rgba(201,142,131,.18),rgba(255,255,255,.03))}.test-card-sleep .test-visual,.test-card-what-now .test-visual{background:radial-gradient(circle at 24% 28%,rgba(244,230,176,.36),transparent 3rem),linear-gradient(135deg,rgba(244,230,176,.14),rgba(255,255,255,.03))}.test-card-attachment .test-visual,.test-card-loneliness .test-visual{background:radial-gradient(circle at 50% 35%,rgba(201,142,131,.3),transparent 3.6rem),linear-gradient(135deg,rgba(201,142,131,.16),rgba(184,201,168,.12))}.test-card-boredom-type .test-visual,.test-card-energy-level .test-visual{background:radial-gradient(circle at 76% 26%,rgba(184,201,168,.36),transparent 3rem),linear-gradient(135deg,rgba(184,201,168,.16),rgba(255,255,255,.03))}.test-card h3,.test-card-copy{position:relative;z-index:1}.test-card h3{max-width:16ch;margin-top:16px;font-size:clamp(1.35rem,1.9vw,1.9rem);line-height:1.04}.test-card-meta{display:block;margin-top:16px;color:var(--sage);font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.test-card small{display:block;margin-top:14px;color:rgba(246,240,223,.62)}.test-card em{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:8px;border:1px solid rgba(246,240,223,.12);border-radius:999px;padding:6px 9px;color:rgba(246,240,223,.76);background:rgba(255,255,255,.04);font-size:.78rem;font-style:normal}.test-card-compact{min-height:286px}.test-card-compact p{font-size:.92rem}.test-note{margin-top:72px;padding:24px}.quiz-shell{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:132px 0 76px}.quiz-stage{min-height:calc(100vh - 190px);display:grid;align-content:center;padding:clamp(22px,5vw,54px);background:radial-gradient(circle at 84% 16%,rgba(244,230,176,.14),transparent 14rem),rgba(7,12,18,.76)}.quiz-progress{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.quiz-stage h1{max-width:13ch;margin-top:12px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98}.quiz-standard-note{width:-moz-fit-content;width:fit-content;max-width:620px;margin-top:14px;border:1px solid rgba(246,240,223,.12);border-radius:999px;padding:8px 12px;color:rgba(246,240,223,.68);background:rgba(255,255,255,.04);font-size:.9rem}.quiz-question-card{margin-top:42px}.quiz-question-card h2{max-width:20ch;font-size:clamp(1.8rem,3.8vw,3.4rem);line-height:1.02}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:24px}.quiz-options button{display:flex;min-height:88px;align-items:center;gap:16px;padding:18px;border:1px solid rgba(246,240,223,.13);border-radius:8px;color:var(--ink);background:rgba(255,255,255,.055);cursor:pointer;text-align:left}.quiz-options button:hover{border-color:rgba(244,230,176,.48);background:rgba(244,230,176,.1)}.quiz-options button.quiz-option-selected{border-color:rgba(244,230,176,.7);background:rgba(244,230,176,.14);box-shadow:inset 0 0 0 1px rgba(244,230,176,.18)}.quiz-options span{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;color:#071016;background:var(--moon);font-weight:900}.quiz-nav-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.quiz-nav-actions .button:disabled{cursor:not-allowed;opacity:.42}.quiz-result{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:12px;gap:12px}.result-card{min-height:620px;display:grid;align-content:end;padding:28px;background:radial-gradient(circle at 76% 18%,rgba(244,230,176,.2),transparent 14rem),linear-gradient(180deg,rgba(7,12,18,.2),rgba(7,12,18,.84)),url(/assets/moon-water-hero.png) 50% /cover}.result-card h1{margin-top:42px;font-size:clamp(2.6rem,5vw,5rem);line-height:.94}.result-analysis{padding:28px}.result-analysis h2{font-size:clamp(2rem,4vw,3.8rem);line-height:.98}.score-line{width:-moz-fit-content;width:fit-content;margin-top:12px;border:1px solid rgba(246,240,223,.14);border-radius:999px;padding:8px 12px;color:rgba(246,240,223,.72);background:rgba(255,255,255,.045)}.score-line strong{color:var(--paper)}.result-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:26px}.result-columns article{min-height:220px;padding:18px;border:1px solid rgba(246,240,223,.12);border-radius:8px;background:rgba(255,255,255,.04)}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.result-disclaimer{margin-top:22px;color:rgba(246,240,223,.58);font-size:.9rem;line-height:1.55}.hidden{display:none!important}@media (max-width:980px){.connect-grid,.connect-maker,.content-grid,.discover-control,.feature-doors,.hero-layout,.page-hero,.people-map-panel,.people-result-card,.quiz-result,.recommendation-stage,.result-columns,.romance-panel,.section-heading,.test-grid,.tests-landing,.three-doors,.tiny-plan-grid,.value-grid{grid-template-columns:1fr}.hero-layout{min-height:auto}.hero-poster{min-height:520px}.page-hero{min-height:auto}.page-hero-visual{min-height:430px}.live-card{position:relative;right:auto;top:auto;margin-top:30px}.quiz-options{grid-template-columns:1fr}.connect-module-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.people-type-picker{align-content:start}.type-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.romance-card-grid{grid-template-columns:1fr}}@media (max-width:700px){body{overflow-x:hidden}body:before{opacity:.45;background-size:48px 48px}.site-header{top:10px;width:calc(100% - 20px);min-height:104px;display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:9px 10px}.brand{gap:8px;font-size:.78rem;letter-spacing:.04em}.nav-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%}.nav-links a{min-width:0;padding:8px 6px;text-align:center}.nav-links small{display:none}.global-music-toggle{min-height:34px;grid-template-columns:22px 1fr;padding:0 9px;font-size:.76rem}.global-music-toggle span{width:22px;height:14px}.hero{min-height:auto;padding:124px 12px 22px}.hero-bg{background-position:58% 0}.hero-content{padding-top:18px}.hero h1{max-width:10ch;font-size:clamp(2.45rem,11vw,3.25rem)}.hero-lede{max-width:31ch;margin-top:14px;font-size:.98rem;line-height:1.54}.hero-actions{display:grid;grid-template-columns:1fr;grid-gap:9px;gap:9px;margin-top:18px}.hero-layout{gap:14px}.hero-poster{min-height:224px}.hero-poster:before{inset:12px}.poster-moon{width:72px;height:72px}.poster-card{min-width:104px;padding:9px}.poster-card strong{font-size:1rem}.poster-card-test{top:30%;left:8%}.poster-card-film{left:7%;bottom:10%}.poster-card-message{right:6%;bottom:28%}.comfort-strip{margin-top:10px;margin-bottom:0}.quote-ticker{min-height:48px;padding:9px 11px}.quote-ticker p{max-width:33ch;font-size:.86rem}.button{width:100%;min-height:46px;padding:0 14px}.quick-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.quick-doors a{min-height:68px;padding:10px}.quick-doors strong{margin-top:14px;font-size:1rem}.live-card{width:100%;margin-top:24px;padding:16px}.live-card h2{font-size:1.32rem}.live-card p,.muted-copy{font-size:.94rem;line-height:1.62}.three-doors{width:100%;gap:10px;margin-top:26px}.door{min-height:116px;padding:15px}.door strong{margin-top:20px;font-size:clamp(1.65rem,9vw,2.25rem)}.door small{font-size:.92rem}.connect-section,.magazine-section,.page-shell,.quiz-shell,.test-shelf{width:calc(100% - 24px)}.page-shell{padding:96px 0 54px}.connect-section,.magazine-section,.test-shelf{padding-top:52px}.section-heading{gap:12px;margin-bottom:16px}.page-hero-visual{min-height:300px;border-radius:10px}.page-hero-visual:before{inset:12px}.page-hero-visual p{left:16px;right:16px;bottom:16px;font-size:.92rem}.hero-pick{padding:11px}.hero-pick strong,.plan-ticket strong{font-size:1.18rem}.hero-pick-main{top:12%;left:6%;width:168px;min-height:118px}.hero-pick-game{top:26%;right:6%;width:146px}.hero-pick-film{left:9%;bottom:27%;width:156px}.chat-bubble{max-width:210px;padding:13px;font-size:1.12rem}.bubble-left{top:13%;left:6%}.bubble-right{top:34%;right:6%}.plan-ticket{left:8%;bottom:25%;width:174px;padding:12px}.section-heading h2,.test-shelf-head h2{max-width:12ch;font-size:clamp(2rem,11vw,3.05rem)}.connect-board,.connect-grid,.content-grid,.discover-board,.feature-doors,.test-grid,.value-grid{gap:10px}.connect-module-nav{grid-template-columns:1fr;gap:8px}.connect-module-nav a{min-height:112px;padding:14px}.connect-module-nav strong{margin-top:18px;font-size:1.42rem}.discover-control{grid-template-columns:1fr;padding:15px}.connect-controls h2,.discover-control h2{max-width:11ch;font-size:clamp(1.9rem,10vw,2.8rem)}.category-filter,.choice-row,.mood-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.category-filter button,.choice-row button,.mood-filter button{flex:0 0 auto}.connect-maker,.recommendation-stage,.tiny-plan-grid{grid-template-columns:1fr;gap:10px}.recommendation-hero{min-height:380px;padding:18px}.recommendation-hero h3{font-size:clamp(2.4rem,13vw,4rem)}.message-card .button,.recommendation-hero .button{width:100%}.recommendation-row{grid-template-columns:86px minmax(0,1fr);min-height:138px;gap:12px}.mini-visual{min-height:112px}.recommendation-row h3{font-size:1.18rem}.recommendation-row p{font-size:.9rem}.connect-maker{padding:10px}.connect-controls{gap:18px;padding:10px}.message-card{min-height:340px;padding:18px}.message-card p{max-width:28ch;font-size:clamp(1.42rem,7vw,2.05rem);line-height:1.12}.message-card-footer{display:grid;grid-template-columns:1fr}.people-map-panel{grid-template-columns:1fr;padding:15px}.people-map-copy{min-height:auto;padding:4px}.connect-mini-heading h2,.connect-roadmap-note h2,.people-map-copy h2,.romance-main h2{font-size:clamp(1.95rem,10vw,2.85rem)}.people-type-picker{gap:8px}.mbti-selector,.type-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mbti-selector button,.type-group-tabs button{min-height:36px;padding:0 6px;font-size:.78rem}.people-result-card{grid-template-columns:1fr;padding:10px}.people-result-orb{min-height:160px}.people-result-orb span{width:88px;height:88px;font-size:1.36rem}.people-result-grid{grid-template-columns:1fr}.people-result-grid div{min-height:auto;padding:13px}.romance-panel{grid-template-columns:1fr;gap:10px}.connect-roadmap-note,.fate-preview,.romance-main{padding:16px}.romance-card-grid{grid-template-columns:1fr;margin-top:18px}.romance-card-grid article{min-height:auto}.element-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.element-row button{flex:0 0 auto}.connect-mini-heading{margin-top:18px}.tiny-plan{min-height:auto;padding:16px}.tiny-plan h3{margin-top:34px}.connect-card,.content-card,.value-card{min-height:auto;padding:16px}.value-card h3{max-width:12ch;margin-top:34px;font-size:clamp(1.6rem,8vw,2.25rem)}.value-card p{font-size:.94rem}.feature-door{min-height:auto;padding:15px}.feature-art{height:170px}.feature-door h3{max-width:12ch;margin-top:22px;font-size:clamp(1.85rem,9vw,2.55rem)}.content-visual{height:118px}.connect-card h3,.content-card h3{margin-top:18px;font-size:clamp(1.65rem,9vw,2.4rem)}.tests-landing{gap:10px}.spotlight-test,.tests-hero-copy{min-height:auto;padding:18px}.tests-hero-copy{gap:18px}.page-title,.tests-hero-copy h1{max-width:12ch;font-size:clamp(2.25rem,12vw,3.25rem)}.test-hero-actions{gap:7px}.test-hero-actions a{min-height:36px;padding:0 11px;font-size:.84rem}.test-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.test-hero-stats span{min-height:62px;padding:10px;font-size:.74rem}.test-hero-stats strong{font-size:1.36rem}.spotlight-test{min-height:190px}.spotlight-test:before{top:18px;right:18px;width:74px;height:74px;opacity:.72}.spotlight-test strong{max-width:10ch;font-size:clamp(1.65rem,9vw,2.45rem)}.test-standards{grid-template-columns:1fr;width:calc(100% - 24px);margin-top:10px;padding:16px}.test-standards ul{gap:7px}.test-standards li{border-radius:14px;font-size:.86rem;line-height:1.35}.test-proof-strip{grid-template-columns:1fr;width:calc(100% - 24px);margin-top:10px;padding:16px}.test-proof-strip h2{max-width:18ch;font-size:clamp(1.25rem,7vw,1.9rem)}.proof-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-pill-grid a{min-height:78px}.test-history-preview{grid-template-columns:1fr;width:calc(100% - 24px);margin-top:10px;padding:16px}.history-result-card{min-height:138px}.history-grid{grid-template-columns:1fr}.history-list{width:calc(100% - 24px);padding-top:18px}.history-card{min-height:220px;padding:16px}.history-detail .result-badges{gap:6px}.history-detail .button,.history-preview-actions .button{width:100%}.test-shelf{padding-top:36px}.test-shelf-head{margin-bottom:14px}.test-card,.test-card-compact{display:block;min-height:auto;padding:15px}.test-card:after{right:-38px;bottom:-38px;width:94px;height:94px;opacity:.32}.test-visual{width:100%;height:96px}.test-visual svg{height:74px}.test-card-meta{margin-top:13px}.test-card h3{max-width:15ch;margin-top:10px;font-size:1.34rem;line-height:1.08}.test-card p{font-size:.92rem}.test-card small{margin-top:10px}.test-note{margin-top:44px;padding:18px}.quiz-shell{padding:92px 0 54px}.quiz-stage{min-height:auto;padding:18px}.quiz-progress{font-size:.86rem}.quiz-stage h1{max-width:10ch;font-size:clamp(2.05rem,11vw,3.25rem)}.quiz-standard-note{width:100%;border-radius:14px;font-size:.84rem;line-height:1.35}.quiz-question-card{margin-top:28px}.quiz-question-card h2{max-width:none;font-size:clamp(1.55rem,8vw,2.35rem)}.quiz-options{gap:8px;margin-top:18px}.quiz-options button{min-height:76px;gap:12px;padding:14px}.quiz-options span{flex-basis:34px;height:34px}.quiz-nav-actions{display:grid;grid-template-columns:1fr}.quiz-result{gap:10px}.result-card{min-height:360px;padding:20px}.result-card h1{margin-top:30px;font-size:clamp(2.45rem,13vw,4rem)}.result-analysis{padding:20px}.result-analysis h2{font-size:clamp(1.85rem,10vw,3rem)}.result-columns{grid-template-columns:1fr;margin-top:18px}.result-columns article{min-height:auto;padding:15px}.result-actions{display:grid;grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.door:hover,.test-card:hover{transform:none}}