:root { --bg:#020308; --ink:#f7f8ff; --muted:#abb0c4; --line:rgba(155,170,255,.24); --panel:rgba(4,8,20,.78); --violet:#919cff; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
:is(button,a.navigation-link) { color:inherit; font:inherit; }
:is(button,a.navigation-link):focus-visible { outline:2px solid #b9c3ff; outline-offset:3px; }
.cosmic-app { min-height:100svh; position:relative; overflow:hidden; background:#020308; }
.space-noise { position:fixed; inset:0; pointer-events:none; opacity:.34; z-index:8; background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#879dff .8px,transparent .8px); background-size:137px 137px,211px 211px; background-position:11px 19px,58px 91px; mix-blend-mode:screen; }
.topbar { height:84px; position:relative; z-index:20; display:grid; grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr); align-items:center; gap:20px; padding:0 clamp(22px,4vw,64px); border-bottom:1px solid rgba(140,155,210,.14); background:linear-gradient(180deg,rgba(1,2,7,.92),rgba(1,2,7,.58)); backdrop-filter:blur(14px); }
.brand,.main-nav :is(button,a.navigation-link),.icon-button,.profile-button,.menu-button { border:0; background:none; cursor:pointer; }
.brand { display:flex; align-items:center; gap:13px; justify-self:start; font-size:15px; font-weight:700; letter-spacing:.22em; white-space:nowrap; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.74); border-radius:50%; color:#cfd4ff; }
.main-nav { display:flex; align-items:center; gap:clamp(13px,1.7vw,28px); }
.main-nav :is(button,a.navigation-link) { padding:12px 0; font-size:12px; color:#e9e9f0; white-space:nowrap; border-bottom:1px solid transparent; }
.main-nav :is(button,a.navigation-link):hover { color:#fff; border-color:#8d99ff; }
.header-actions { justify-self:end; display:flex; align-items:center; gap:12px; }
.icon-button,.menu-button { width:40px; height:40px; display:grid; place-items:center; }
.profile-button { display:flex; align-items:center; gap:8px; padding:11px 16px; border:1px solid rgba(171,184,255,.65); border-radius:999px; font-size:12px; }
.menu-button { display:none; }
.home-stage { min-height:calc(100svh - 84px); position:relative; background-image:linear-gradient(90deg,#020308 0%,rgba(2,3,8,.96) 27%,rgba(2,3,8,.42) 53%,rgba(2,3,8,.06) 100%),linear-gradient(0deg,#020308 0%,transparent 30%),url('/optimized/cosmic-hero.webp'); background-size:cover; background-position:center; }
.hero-copy { position:relative; z-index:2; width:min(650px,52vw); padding:clamp(42px,6vh,72px) 0 0 clamp(32px,5vw,80px); }
.eyebrow { margin:0 0 22px; font-size:11px!important; line-height:1.5!important; letter-spacing:.34em; color:#cbd1ff!important; text-transform:uppercase; }
.hero-copy h1 { margin:0; font-weight:300; font-size:clamp(52px,6.4vw,98px); line-height:.82; letter-spacing:-.055em; }
.hero-copy h1 span { display:inline-block; padding-top:.13em; color:transparent; background:linear-gradient(90deg,#f8f8ff 0%,#9da8ff 50%,#8179ff 100%); background-clip:text; }
.lead { max-width:520px; margin:26px 0; color:#e2e3eb; font-size:clamp(15px,1.25vw,18px); line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:24px; }
.primary-action { border:0; border-radius:999px; padding:15px 27px; background:#f7f7ff; color:#111331; font-weight:650; cursor:pointer; box-shadow:0 0 30px rgba(145,156,255,.42); }
.play-action { display:flex; gap:10px; align-items:center; border:0; background:none; cursor:pointer; }
.play-action span { width:44px; height:44px; display:grid; place-items:center; border:1px solid #b9c1ff; border-radius:50%; }
.stats { display:flex; gap:34px; margin-top:34px; }
.stats div { min-width:120px; padding-right:28px; border-right:1px solid rgba(180,188,230,.3); }
.stats div:last-child { border-right:0; }
.stats strong,.stats span { display:block; }
.stats strong { font-size:22px; font-weight:400; color:#dce0ff; }
.stats span { margin-top:6px; font-size:12px; color:#b8bbca; }
.black-hole-label { position:absolute; right:4vw; top:110px; z-index:2; font-size:10px; letter-spacing:.17em; color:#d4d7f4; }
.black-hole-label>span { display:inline-block; width:9px; height:9px; border:1px solid #fff; border-radius:50%; margin-right:9px; }
.black-hole-label small { display:block; margin:5px 0 0 21px; color:#9da4c7; text-transform:uppercase; }
.home-bottom { position:absolute; z-index:3; left:22px; right:22px; bottom:18px; display:grid; gap:10px; }
.category-rail { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
.mini-category { min-width:0; height:106px; display:grid; grid-template-columns:88px 1fr 24px; align-items:center; padding:0 10px 0 0; overflow:hidden; text-align:left; border:1px solid var(--line); border-radius:8px; background:rgba(2,5,14,.82); backdrop-filter:blur(12px); cursor:pointer; transition:.25s ease; }
.mini-category:hover { transform:translateY(-5px); border-color:#aeb8ff; box-shadow:0 16px 30px rgba(14,22,64,.5); }
.mini-art,.category-art,.article-card-art,.article-hero { --x:calc(var(--panel) * 20%); background-image:linear-gradient(0deg,rgba(2,3,8,.1),rgba(2,3,8,.1)),url('/optimized/category-atlas.webp'); background-size:600% 100%; background-position:var(--x) center; }
.mini-category[data-c="yapay-zeka"] .mini-art,[style*="--panel:6"].category-visual .category-art,[style*="--panel:6"].article-card-art{background-image:linear-gradient(0deg,rgba(2,3,8,.08),rgba(2,3,8,.12)),url('/user-ai.webp');background-size:cover;background-position:center}
.mini-category[data-c="yapay-zeka"]{border-color:rgba(100,230,255,.45);box-shadow:inset 0 0 24px rgba(70,170,255,.08)}
.mini-category[data-c="yapay-zeka"] strong{color:#baf6ff}
.ai-world-atlas{margin:26px 0 34px;padding:clamp(22px,3vw,36px);border:1px solid rgba(100,230,255,.28);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(53,111,181,.2),transparent 38%),rgba(5,10,25,.86)}.ai-atlas-head{max-width:850px}.ai-atlas-head h2{margin:8px 0 12px;font-size:clamp(25px,3vw,42px);font-weight:400}.ai-atlas-head>p:last-child{color:#bdc5dc;line-height:1.7}.ai-region-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}.ai-region-grid>:is(button,a.navigation-link){min-height:210px;padding:18px;text-align:left;border:1px solid rgba(139,176,223,.34);border-radius:12px;color:#fff;background:rgba(4,8,19,.72);transition:.22s ease}.ai-region-grid>:is(button,a.navigation-link):hover{transform:translateY(-4px);border-color:#70ddf4;box-shadow:0 14px 32px rgba(26,124,171,.2)}.ai-region-grid>:is(button,a.navigation-link):focus-visible{outline:3px solid #b9f6ff;outline-offset:3px}.ai-region-grid span{font-size:11px;letter-spacing:.18em;color:#73e7ff}.ai-region-grid h3{margin:13px 0 10px;font-size:17px;line-height:1.35}.ai-region-grid p{margin:0;color:#acb5cf;font-size:13px;line-height:1.55}.ai-region-grid b{display:block;margin-top:16px;color:#bcefff;font-size:12px}.ai-compare-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;align-items:center}.ai-compare-strip strong{margin-right:6px}.ai-compare-strip :is(button,a.navigation-link){padding:9px 12px;border:1px solid #50668e;border-radius:999px;color:#e0e7f7;background:#091025;font-size:12px}.ai-compare-strip :is(button,a.navigation-link):hover{border-color:#73e7ff;background:#101b38}@media(max-width:1100px){.ai-region-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.ai-region-grid{grid-template-columns:1fr}.ai-region-grid>:is(button,a.navigation-link){min-height:0}}
.growth-hub{padding:80px clamp(20px,4vw,64px);background:linear-gradient(180deg,#030611,#060a18)}.latest-grid,.series-grid{display:grid;gap:14px;margin-top:28px}.latest-grid{grid-template-columns:repeat(4,1fr)}.series-grid{grid-template-columns:repeat(4,1fr);margin-top:14px}.latest-grid :is(button,a.navigation-link),.series-grid :is(button,a.navigation-link){min-height:190px;padding:24px;text-align:left;border:1px solid rgba(132,155,223,.28);border-radius:14px;color:#fff;background:linear-gradient(145deg,rgba(18,28,60,.72),rgba(4,8,20,.86));transition:.22s ease}.latest-grid :is(button,a.navigation-link):hover,.series-grid :is(button,a.navigation-link):hover{transform:translateY(-4px);border-color:#98adff}.latest-grid small{color:#91e8ff;letter-spacing:.15em}.latest-grid h3,.series-grid h3{margin:18px 0 10px;font-size:20px}.latest-grid p,.series-grid p{color:#adb6cf;line-height:1.6}.series-grid span{color:#8c9cf6}.newsletter-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:18px;padding:30px;border:1px solid rgba(126,223,255,.3);border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(63,130,203,.22),transparent 38%),#071020}.newsletter-panel h2{margin:8px 0;font-size:clamp(24px,3vw,38px)}.newsletter-panel p{color:#b6bfd5}@media(max-width:960px){.latest-grid,.series-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.latest-grid,.series-grid{grid-template-columns:1fr}.newsletter-panel{align-items:flex-start;flex-direction:column}}
.mini-art { height:100%; display:block; }
.mini-category>span:nth-child(2) { min-width:0; padding:0 9px; }
.mini-category strong,.mini-category small { display:block; }
.mini-category strong { font-size:13px; margin-bottom:7px; }
.mini-category small { color:#bdc1d1; font-size:10px; line-height:1.35; }
.feature-rail { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.feature-rail :is(button,a.navigation-link) { min-height:62px; display:flex; align-items:center; gap:12px; padding:9px 14px; border:1px solid rgba(145,156,255,.18); border-radius:8px; background:linear-gradient(90deg,rgba(14,21,47,.9),rgba(4,6,15,.88)); text-align:left; cursor:pointer; }
.feature-rail :is(button,a.navigation-link):hover { border-color:#9da8ff; }
.feature-rail svg { color:#aeb8ff; flex:none; }
.feature-rail strong,.feature-rail small { display:block; }
.feature-rail strong { font-size:13px; }.feature-rail small { margin-top:4px; color:#aeb1c1; font-size:10px; }
.content-stage,.reading-stage,.focus-stage { min-height:calc(100svh - 84px); position:relative; z-index:9; padding:30px clamp(22px,4vw,64px); background:radial-gradient(circle at 80% 10%,rgba(87,67,180,.16),transparent 30%),#03050d; overflow:auto; }
.back-button { display:flex; align-items:center; gap:8px; padding:8px 0; border:0; background:none; color:#cfd3e5; cursor:pointer; }
.category-visual { height:290px; margin-top:18px; display:grid; grid-template-columns:42% 1fr; overflow:hidden; border:1px solid color-mix(in srgb,var(--accent) 45%,transparent); border-radius:18px; background:#050713; }
.category-art { min-width:0; }
.category-intro { display:flex; flex-direction:column; justify-content:center; padding:44px; background:linear-gradient(90deg,rgba(5,7,19,.45),#050713 64%); }
.category-intro h1 { margin:0; font-size:clamp(42px,6vw,86px); font-weight:300; letter-spacing:-.05em; }
.category-intro>p:last-child { max-width:640px; margin:18px 0 0; color:#c5c8d7; font-size:17px; line-height:1.6; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; }
.article-card { min-height:225px; display:grid; grid-template-columns:38% 1fr; position:relative; overflow:hidden; padding:0; text-align:left; border:1px solid var(--line); border-radius:14px; background:rgba(6,10,24,.86); cursor:pointer; }
.article-card:hover { border-color:#a8b3ff; transform:translateY(-3px); }
.article-number { position:absolute; top:13px; left:13px; z-index:2; font-size:11px; letter-spacing:.15em; }
.article-card-art { min-height:225px; }.article-card-copy { display:flex; flex-direction:column; justify-content:center; padding:20px; }
.article-card-copy small { color:#9da5c9; }.article-card-copy strong { margin:8px 0; font-size:18px; }.article-card-copy p { margin:0; color:#b8bbca; font-size:13px; line-height:1.5; }.read-more { display:flex; align-items:center; gap:5px; margin-top:18px; color:#dce0ff; font-size:12px; }
.reading-stage { padding-bottom:70px; }.article-sheet { max-width:1040px; margin:18px auto; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#070a15; }.article-hero { min-height:340px; display:flex; align-items:flex-end; position:relative; }.article-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#070a15,transparent 75%); }.article-hero>div { position:relative; z-index:2; max-width:780px; padding:42px; }.article-hero h1 { margin:0; font-size:clamp(36px,5vw,68px); line-height:1; font-weight:350; }.article-hero p:last-child { font-size:17px; color:#d8d9e2; }.article-body { max-width:760px; margin:auto; padding:38px 34px 60px; }.article-body>p { color:#d0d2dc; font-size:17px; line-height:1.8; }.article-body aside { margin:30px 0; padding:22px; border-left:2px solid #9da8ff; background:rgba(80,91,170,.12); }.science-note { color:#aeb6dc!important; font-size:14px!important; }.save-button { display:flex; align-items:center; gap:8px; margin-top:24px; padding:12px 18px; border:1px solid #808ccc; border-radius:999px; background:none; cursor:pointer; }.save-button.saved { background:#e9ebff; color:#12152f; }
.evidence-badge { display:inline-flex; margin-bottom:22px; padding:8px 12px; border:1px solid rgba(157,168,255,.52); border-radius:999px; color:#dce1ff; background:rgba(105,120,220,.1); font-size:13px; letter-spacing:.03em; }
.article-intro { margin:0 0 34px; color:#eef0f8!important; font-size:20px!important; line-height:1.72!important; }
.article-section { margin:34px 0; }
.article-section h2,.article-sources h2 { margin:0 0 12px; color:#f5f6ff; font-size:25px; font-weight:480; }
.article-section p { margin:0; color:#d0d2dc; font-size:17px; line-height:1.82; }
.article-sources { margin:34px 0 8px; padding-top:28px; border-top:1px solid var(--line); }
.article-sources a { display:flex; justify-content:space-between; gap:14px; margin-top:10px; padding:13px 15px; border:1px solid rgba(145,156,255,.22); border-radius:10px; color:#dce1ff; text-decoration:none; background:rgba(88,103,190,.07); }
.article-sources a:hover { border-color:#aab4ff; background:rgba(88,103,190,.14); }
.focus-stage { display:flex; justify-content:center; align-items:center; }.focus-stage>.back-button { position:absolute; top:28px; left:clamp(22px,4vw,64px); }.focus-card,.notes-card,.profile-card { width:min(760px,92vw); padding:clamp(30px,5vw,60px); border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(15,23,54,.94),rgba(4,6,16,.96)); box-shadow:0 30px 90px rgba(0,0,0,.5); }.focus-card>svg,.profile-card>svg { color:#aab5ff; }.focus-card h2 { margin:14px 0 28px; color:#9ca6d1; font-weight:500; }.focus-card h1,.notes-card h1,.profile-card h1 { margin:0; font-size:clamp(32px,5vw,58px); line-height:1.05; font-weight:350; }.focus-card>p:not(.eyebrow),.notes-card>p,.profile-card>p { color:#bdc1d1; font-size:16px; line-height:1.7; }.progress { height:4px; margin-bottom:14px; background:#252b44; border-radius:99px; overflow:hidden; }.progress span { display:block; height:100%; background:linear-gradient(90deg,#8594ff,#c49cff); }.answer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:28px; }.answer-grid :is(button,a.navigation-link) { min-height:52px; border:1px solid #6670a2; border-radius:10px; background:rgba(7,11,28,.7); cursor:pointer; }.answer-grid :is(button,a.navigation-link):hover,.answer-grid :is(button,a.navigation-link).selected { color:#15162c; background:#edf0ff; }.answer-insight { margin-top:22px; padding:18px; border-radius:12px; background:rgba(133,148,255,.12); }.answer-insight p { color:#c6c9d7; }.result-icon { width:48px; height:48px; }.signature { margin-top:30px; padding-top:20px; border-top:1px solid var(--line); letter-spacing:.18em; color:#b8c1ff; }.profile-card { text-align:center; }.profile-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:30px 0; }.profile-stats div { padding:17px; border:1px solid var(--line); border-radius:12px; }.profile-stats strong,.profile-stats span { display:block; }.profile-stats strong { font-size:28px; }.profile-stats span { color:#aeb2c4; font-size:12px; }.saved-list { text-align:left; }.saved-list span { display:flex; align-items:center; gap:8px; margin-top:10px; color:#d6d9e8; }
.founder-notes { width:min(980px,94vw); display:grid; grid-template-columns:minmax(240px,34%) 1fr; gap:clamp(28px,5vw,58px); align-items:center; overflow:hidden; padding:clamp(24px,4vw,44px); }
.founder-portrait-wrap { min-height:430px; align-self:stretch; display:flex; align-items:flex-end; justify-content:center; overflow:hidden; border:1px solid rgba(157,168,255,.28); border-radius:18px; background:radial-gradient(circle at 50% 30%,rgba(103,119,255,.27),transparent 48%),linear-gradient(155deg,#101937,#050712 72%); }
.founder-portrait { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 18px 26px rgba(0,0,0,.5)); }
.founder-copy>p:not(.eyebrow) { color:#bdc1d1; font-size:16px; line-height:1.7; }
.instagram-link { display:inline-flex; align-items:center; min-height:44px; margin-top:10px; padding:11px 18px; border:1px solid rgba(166,178,255,.68); border-radius:999px; color:#eef0ff; text-decoration:none; transition:.2s ease; }
.instagram-link:hover { border-color:#fff; background:rgba(151,164,255,.12); transform:translateY(-2px); }
.instagram-link:focus-visible { outline:2px solid #b9c3ff; outline-offset:3px; }
@media (max-height:820px) and (min-width:1000px) { .hero-copy { padding-top:32px; }.hero-copy h1 { font-size:64px; }.lead { margin:18px 0; }.stats { margin-top:20px; }.home-bottom { bottom:10px; }.mini-category { height:88px; }.feature-rail :is(button,a.navigation-link) { min-height:52px; } }
@media (max-width:1180px) { .topbar { grid-template-columns:1fr auto; }.main-nav { display:none; position:absolute; top:84px; right:18px; width:260px; padding:14px; flex-direction:column; align-items:stretch; background:#070a15; border:1px solid var(--line); border-radius:12px; }.main-nav.open { display:flex; }.menu-button { display:grid; }.category-rail { grid-template-columns:repeat(3,1fr); }.home-stage { overflow:auto; }.home-bottom { position:relative; left:auto; right:auto; bottom:auto; padding:350px 20px 20px; }.hero-copy { width:min(650px,70vw); }.article-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px) { .topbar { height:70px; padding:0 18px; }.brand { font-size:11px; letter-spacing:.13em; }.brand-mark { width:36px; height:36px; }.profile-button span,.icon-button { display:none; }.main-nav { top:70px; }.home-stage { min-height:calc(100svh - 70px); background-position:64% top; }.hero-copy { width:100%; padding:44px 20px 0; }.hero-copy h1 { font-size:52px; }.lead { max-width:88%; }.stats { gap:12px; flex-wrap:wrap; }.stats div { min-width:90px; padding-right:12px; }.home-bottom { padding-top:260px; }.category-rail { grid-template-columns:1fr 1fr; }.mini-category { grid-template-columns:64px 1fr 18px; }.feature-rail { grid-template-columns:1fr 1fr; }.black-hole-label { display:none; }.category-visual { height:auto; grid-template-columns:1fr; }.category-art { min-height:220px; }.category-intro { padding:28px; }.article-grid { grid-template-columns:1fr; }.article-card { grid-template-columns:34% 1fr; }.answer-grid,.profile-stats { grid-template-columns:1fr; }.focus-stage { align-items:flex-start; padding-top:100px; }.article-hero { min-height:280px; }.article-hero>div { padding:28px; }.founder-notes { grid-template-columns:1fr; }.founder-portrait-wrap { min-height:340px; max-height:430px; }.founder-copy h1 { font-size:clamp(32px,11vw,48px); } }
@media (max-width:440px) { .category-rail,.feature-rail { grid-template-columns:1fr; }.mini-category { height:88px; }.home-bottom { padding-top:220px; }.profile-button { padding:9px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:12px; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }

/* Extended discovery surface */
.home-page { background:#020308; }
.home-page .home-stage { min-height:calc(100svh - 84px); }
.inline-figure { margin:34px 0; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#050713; }
.inline-figure>div { min-height:240px; background-image:linear-gradient(0deg,rgba(2,3,8,.25),rgba(2,3,8,.05)),url('/optimized/category-atlas.webp'); background-size:600% 100%; background-position:calc(var(--panel) * 20%) center; }
.inline-figure figcaption { padding:10px 14px; color:#aeb4cc; font-size:12px; line-height:1.5; }
.afterglow,.signal-section,.ideas-section { position:relative; z-index:9; padding:clamp(70px,10vw,140px) clamp(22px,6vw,90px); border-top:1px solid rgba(145,156,255,.14); background:radial-gradient(circle at 16% 15%,rgba(104,85,227,.14),transparent 30%),#03040b; }
.section-heading { max-width:850px; margin:0 auto 36px; text-align:center; }
.section-heading h2 { margin:0; font-size:clamp(30px,5vw,62px); line-height:1.05; font-weight:350; letter-spacing:-.04em; }
.section-heading em { color:#aab4ff; font-style:normal; }
.feature-gallery { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:15px; max-width:1320px; margin:0 auto; }
.feature-tile { min-height:350px; display:flex; align-items:end; position:relative; padding:28px; overflow:hidden; text-align:left; border:1px solid var(--line); border-radius:18px; color:var(--ink); cursor:pointer; background-size:cover; background-position:center; transition:.25s ease; }
.feature-tile:hover,.signal-card:hover { transform:translateY(-6px); border-color:#adb7ff; box-shadow:0 20px 54px rgba(0,0,0,.36); }
.feature-tile>div { position:relative; z-index:1; }.feature-tile:before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,2,8,.94),rgba(1,2,8,.08)); }
.feature-tile h3 { margin:8px 0; font-size:clamp(24px,2.6vw,36px); font-weight:450; }.feature-tile p:last-child { max-width:390px; margin:0; color:#ccd0df; line-height:1.55; }
.lab-tile { background-image:linear-gradient(120deg,rgba(5,7,18,.3),rgba(5,7,18,.1)),url('/optimized/category-atlas.webp'); background-size:cover,600% 100%; background-position:center,100% center; }
.weekly-tile { background-image:linear-gradient(120deg,rgba(3,5,16,.18),rgba(3,5,16,.45)),url('/optimized/weekly-question-v2.webp');background-position:center 45%; }.notes-tile { background-image:linear-gradient(120deg,rgba(5,7,18,.2),rgba(5,7,18,.2)),url('/optimized/founder-portrait.webp'); background-size:cover; background-position:center top; }
.wide-feature { max-width:1320px; margin:18px auto 0; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:34px; border:1px solid rgba(156,169,255,.38); border-radius:18px; background:linear-gradient(100deg,rgba(58,56,137,.32),rgba(9,12,28,.9)); }
.wide-feature h2 { margin:0 0 10px; font-size:30px; font-weight:440; }.wide-feature p:last-child { max-width:700px; margin:0; color:#c6cadb; line-height:1.6; }
.signal-section { background:radial-gradient(circle at 80% 20%,rgba(94,93,240,.15),transparent 31%),#050712; }.signal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; max-width:1320px; margin:auto; }.signal-card { min-height:270px; padding:28px; text-align:left; border:1px solid var(--line); border-radius:17px; color:var(--ink); background:rgba(7,10,25,.75); cursor:pointer; transition:.25s ease; }.signal-card>span { color:#aeb8ff; letter-spacing:.16em; }.signal-card h3 { margin:48px 0 10px; font-size:24px; font-weight:460; }.signal-card p { color:#bec3d5; line-height:1.55; }.signal-card small { color:#9aa6dd; }
.ideas-section { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:55px; background:radial-gradient(circle at 25% 85%,rgba(151,92,255,.16),transparent 38%),#020309; }.ideas-intro { max-width:580px; }.ideas-intro h2 { margin:0 0 17px; font-size:clamp(34px,5vw,64px); font-weight:360; line-height:1; }.ideas-intro>p:not(.eyebrow) { color:#c7cbdc; line-height:1.7; font-size:17px; }.idea-samples { display:grid; gap:13px; }.idea-samples article,.community-list article { padding:23px; border:1px solid var(--line); border-radius:14px; background:rgba(10,13,31,.8); }.idea-samples small,.community-list small { color:#b0bbff; letter-spacing:.13em; }.idea-samples p,.community-list p { margin:13px 0; font-size:19px; line-height:1.45; }.idea-samples span,.community-list span { color:#9fa7be; font-size:13px; }
.member-actions,.result-links { display:flex; justify-content:center; gap:12px; margin:27px 0; }.outline-action,.result-links :is(button,a.navigation-link) { padding:12px 19px; border:1px solid #909bd0; border-radius:999px; background:none; color:#edf0ff; cursor:pointer; }.member-note { margin:20px 0; padding:16px; border-radius:12px; background:rgba(116,129,225,.14); color:#d6daf0; }.community-card,.search-card { width:min(980px,92vw); padding:clamp(30px,5vw,60px); border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(15,23,54,.94),rgba(4,6,16,.96)); }.community-card { display:grid; grid-template-columns:1.1fr .9fr; gap:45px; }.community-card h1,.search-card h1 { margin:0; font-size:clamp(34px,5vw,58px); line-height:1.04; font-weight:360; }.community-card>div>p:not(.eyebrow) { color:#c6cbdc; font-size:17px; line-height:1.7; }.community-list { display:grid; align-content:center; gap:13px; }
.search-stage { align-items:flex-start; padding-top:100px; }.search-card { margin:auto; }.search-field { display:flex; align-items:center; gap:10px; margin:28px 0; padding:0 15px; border:1px solid #8995d9; border-radius:12px; background:rgba(0,0,0,.3); }.search-field input { width:100%; padding:17px 0; border:0; outline:0; color:#fff; background:transparent; font:inherit; font-size:17px; }.search-results { display:grid; gap:9px; }.search-results :is(button,a.navigation-link) { display:grid; gap:5px; padding:16px; text-align:left; border:1px solid rgba(145,156,255,.22); border-radius:12px; color:#edf0ff; background:rgba(13,17,38,.7); cursor:pointer; }.search-results :is(button,a.navigation-link):hover { border-color:#abb6ff; }.search-results small { color:#aeb9ff; }.search-results span,.search-results>p { color:#b6bbcf; }
@media(max-width:1180px){.feature-gallery{grid-template-columns:1fr 1fr}.feature-tile:first-child{grid-column:span 2}.ideas-section{grid-template-columns:1fr}}
@media(max-width:720px){.feature-gallery,.signal-grid{grid-template-columns:1fr}.feature-tile:first-child{grid-column:auto}.feature-tile{min-height:280px}.wide-feature,.community-card{grid-template-columns:1fr;display:grid}.wide-feature{padding:26px}.afterglow,.signal-section,.ideas-section{padding:70px 20px}.ideas-section{gap:30px}}

.visual-credit { display:flex; align-items:center; gap:10px; padding:9px 14px; border-top:1px solid rgba(145,156,255,.18); color:#b7bdd2; background:#050713; font-size:12px; }
.visual-credit img { width:42px; height:42px; object-fit:cover; border-radius:6px; background:#fff; }
.article-sheet>.visual-credit { border-bottom:1px solid var(--line); }
.custom-figure>img { display:block; width:100%; max-height:520px; object-fit:cover; }
.thinkers { margin:38px 0; padding:26px; border:1px solid rgba(145,156,255,.28); border-radius:14px; background:linear-gradient(135deg,rgba(71,82,166,.16),rgba(8,11,26,.7)); }
.thinkers h2 { margin:0 0 16px; font-size:24px; font-weight:480; }
.thinkers p { margin:10px 0; color:#d2d6e6; line-height:1.65; }
.response-box { margin:28px 0; padding:25px; border:1px solid rgba(145,156,255,.34); border-radius:15px; background:rgba(12,16,38,.8); }
.response-box h2 { margin:0 0 8px; }.response-box>p { color:#abb2ca; line-height:1.55; }
.response-box textarea { display:block; width:100%; min-height:130px; margin:16px 0; padding:15px; resize:vertical; border:1px solid #6672ad; border-radius:10px; outline:none; color:#f6f7ff; background:#040713; font:inherit; line-height:1.55; }
.response-box textarea:focus { border-color:#b2bcff; box-shadow:0 0 0 3px rgba(145,156,255,.13); }
.response-status { margin:14px 0 0!important; padding:12px 14px; border:1px solid rgba(145,156,255,.38); border-radius:10px; color:#e7eaff!important; background:rgba(116,130,224,.13); }
.article-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 20px; padding:12px 0 18px; border-bottom:1px solid var(--line); color:#aeb6d8; font-size:13px; }
.saved-responses blockquote { margin:14px 0 0; padding:14px 16px; border-left:2px solid #9da8ff; color:#d5d9e8; background:rgba(145,156,255,.08); }
.member-link { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.quiz-card { width:min(1080px,94vw); display:grid; grid-template-columns:.85fr 1.15fr; gap:30px; align-items:center; }
.quiz-visual { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#040713; }
.quiz-visual>img { display:block; width:100%; height:330px; object-fit:cover; }
.quiz-answers { grid-template-columns:1fr; }.quiz-answers :is(button,a.navigation-link) { padding:14px; text-align:left; line-height:1.4; }
@media(max-width:760px){.quiz-card{grid-template-columns:1fr}.quiz-visual>img{height:220px}.visual-credit img{width:36px;height:36px}}

.article-gallery { display:grid; grid-template-columns:2fr 1fr 1fr; gap:10px; margin:30px 0 44px; }
.clickable-media { min-width:0; position:relative; display:block; width:100%; padding:0; overflow:hidden; border:1px solid rgba(145,156,255,.3); border-radius:14px; color:#fff; background:#050713; cursor:zoom-in; }
.clickable-media img { display:block; width:100%; height:100%; min-height:210px; max-height:430px; object-fit:cover; transition:transform .35s ease,filter .35s ease; }
.clickable-media:hover img { transform:scale(1.035); filter:brightness(1.08); }
.media-hint { position:absolute; right:12px; bottom:12px; padding:7px 10px; border:1px solid rgba(255,255,255,.5); border-radius:999px; background:rgba(1,3,10,.72); backdrop-filter:blur(8px); font-size:12px; }
.article-section>.clickable-media { margin:26px 0 8px; }
.quiz-visual .clickable-media { border:0; border-radius:0; }
.quiz-visual .clickable-media img { height:330px; }
.image-lightbox[hidden] { display:none; }
.image-lightbox { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:40px; background:rgba(0,0,0,.92); backdrop-filter:blur(12px); }
.lightbox-frame { max-width:min(1400px,94vw); max-height:90vh; position:relative; overflow:hidden; border:1px solid rgba(179,190,255,.55); border-radius:15px; box-shadow:0 30px 100px #000; background:#020308; }
.lightbox-frame>img { display:block; max-width:94vw; max-height:88vh; object-fit:contain; }
.lightbox-instagram { position:absolute; right:14px; bottom:14px; padding:10px 15px; border:1px solid rgba(255,255,255,.62); border-radius:999px; color:#fff; background:rgba(0,0,0,.72); backdrop-filter:blur(9px); font-size:14px; font-weight:650; text-decoration:none; text-shadow:0 1px 5px #000; }
.lightbox-close { position:fixed; top:18px; right:25px; z-index:2; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff; background:rgba(0,0,0,.55); font-size:30px; cursor:pointer; }
.lightbox-open { overflow:hidden; }
@media(max-width:800px){.article-gallery{grid-template-columns:1fr 1fr}.article-gallery .clickable-media:first-child{grid-column:span 2}.image-lightbox{padding:18px}.lightbox-instagram{right:8px;bottom:8px;font-size:12px}.quiz-visual .clickable-media img{height:220px}}

/* Supabase membership */
.auth-form,.profile-settings{display:grid;gap:15px;margin:28px auto 18px;text-align:left}.auth-form{max-width:480px}.auth-form label,.profile-settings label{display:grid;gap:7px;color:#cbd0e2;font-size:13px}.auth-form input,.profile-settings input,.profile-settings textarea{width:100%;padding:14px;border:1px solid #6975ad;border-radius:10px;outline:none;color:#fff;background:#040713;font:inherit}.profile-settings textarea{min-height:110px;resize:vertical}.auth-form input:focus,.profile-settings input:focus,.profile-settings textarea:focus{border-color:#b2bcff;box-shadow:0 0 0 3px rgba(145,156,255,.13)}.auth-divider{display:flex;align-items:center;gap:12px;max-width:480px;margin:16px auto;color:#838ba8}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.google-button{width:min(480px,100%);padding:14px;border:1px solid #aeb7e8;border-radius:999px;color:#f5f6ff;background:rgba(255,255,255,.05);cursor:pointer}.google-button:hover{background:rgba(255,255,255,.11)}.auth-status{margin:18px auto 0!important;padding:13px;border-radius:10px;color:#e9ebff!important;background:rgba(114,129,225,.15)}.privacy-copy{font-size:13px!important}.member-panel{text-align:left}.member-head{display:flex;align-items:center;gap:18px}.member-head h1{font-size:clamp(30px,4vw,48px)}.member-head p{margin:4px 0;color:#aeb5cb}.member-avatar{width:74px;height:74px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #9da8e9;border-radius:50%;background:linear-gradient(135deg,#7888ff,#a76edb);font-size:30px}.member-tabs{display:flex;gap:8px;margin:28px 0 10px;border-bottom:1px solid var(--line)}.member-tabs :is(button,a.navigation-link){padding:11px 15px;border:0;border-bottom:2px solid transparent;color:#aeb4c8;background:none;cursor:pointer}.member-tabs .active{border-color:#aab5ff;color:#fff}.profile-settings{grid-template-columns:1fr 1fr}.profile-settings label:last-of-type,.profile-settings :is(button,a.navigation-link){grid-column:1/-1}.message-panel{margin:32px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(7,10,25,.7)}.message-panel p{color:#afb5c9}.saved-responses blockquote strong{display:block;margin-bottom:7px;color:#b5bfff}.saved-responses blockquote p{margin:0;line-height:1.55}@media(max-width:640px){.profile-settings{grid-template-columns:1fr}.member-head{align-items:flex-start}.member-avatar{width:58px;height:58px}}
.tag-cloud,.search-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag-cloud :is(button,a.navigation-link),.search-tags :is(button,a.navigation-link){padding:7px 11px;border:1px solid rgba(157,170,238,.35);border-radius:999px;color:#cbd2ff;background:rgba(93,108,199,.1);cursor:pointer}.tag-cloud :is(button,a.navigation-link):hover,.search-tags :is(button,a.navigation-link):hover{border-color:#aab5ff;background:rgba(114,129,225,.2)}.card-tags{display:block;margin:12px 0;color:#98a5df;font-size:11px}.weekly-question-page{width:min(1120px,100%);margin:auto;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(5,8,20,.94)}.weekly-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;padding:28px}.weekly-hero .clickable-media{min-height:360px}.weekly-hero h1{font-size:clamp(32px,4vw,58px);line-height:1.03}.weekly-hero p{color:#c2c7d8;line-height:1.75}.weekly-body{max-width:880px;margin:auto;padding:20px 32px 60px}.weekly-body>section{padding:28px 0;border-bottom:1px solid var(--line)}.weekly-body h2,.expanded-notes h2{font-size:25px}.weekly-body p,.expanded-notes p{color:#c0c6d8;line-height:1.82}.viewpoint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.viewpoint-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(95,107,181,.08)}.viewpoint-grid strong{color:#e4e7ff}.weekly-choice-note{margin-top:18px;padding:16px;border-left:3px solid #909fff;background:rgba(116,130,224,.12)}.expanded-notes{align-items:start}.expanded-notes .founder-copy{max-width:760px}.expanded-notes .founder-copy>section{padding:20px 0;border-top:1px solid var(--line)}.expanded-notes blockquote{margin:26px 0;padding:22px;border-left:3px solid #aab5ff;color:#e6e9ff;font-size:20px}.note-lead{font-size:20px}.trait-bars{display:grid;gap:14px;margin:26px 0}.trait-bars div>span{display:flex;justify-content:space-between;margin-bottom:7px;color:#dfe3ff}.trait-bars i{display:block;height:9px;border-radius:99px;background:#202640;overflow:hidden}.trait-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7789ff,#bc78dc)}.temperament{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(91,104,180,.1)}.profile-disclaimer,.quiz-note,.field-help{color:#929ab5!important;font-size:13px}.field-help{grid-column:1/-1;margin:-7px 0 0}.member-overview{padding:25px 0}.member-overview>p{padding:12px 0;border-bottom:1px solid var(--line);color:#c4c9da}.message-compose{display:grid;gap:14px;margin:20px 0}.message-compose label{display:grid;gap:7px;color:#cbd0e2;font-size:13px}.message-compose input,.message-compose textarea{padding:13px;border:1px solid #6975ad;border-radius:10px;color:#fff;background:#040713;font:inherit}.message-compose textarea{min-height:100px;resize:vertical}.message-list{display:grid;gap:12px;margin-top:25px}.message-item{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.message-item.sent{border-left:3px solid #7d8dff}.message-item.received{border-left:3px solid #ba78dc}.message-item small{color:#aab5ff}.message-item p{margin:8px 0;color:#e1e4f0}.message-item time{color:#747d99;font-size:11px}@media(max-width:800px){.weekly-hero{grid-template-columns:1fr}.weekly-hero .clickable-media{min-height:230px}.viewpoint-grid{grid-template-columns:1fr}.weekly-body{padding:10px 20px 40px}}