:root { color-scheme: light; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f2efe8; }
button, a { -webkit-tap-highlight-color: transparent; }
.site { --bg:#f2efe8; --paper:#faf8f3; --ink:#17251f; --muted:#718078; --line:#d8dbd4; --green:#1e5b45; --mint:#b9dac8; min-height:100vh; color:var(--ink); background:var(--bg); font-family:"Noto Serif SC","Songti SC","STSong",serif; transition:.3s ease; position:relative; overflow:hidden; }
.site.dark { --bg:#111a17; --paper:#18231f; --ink:#edf2ec; --muted:#a3afa9; --line:#34433c; --green:#9dd5ba; --mint:#285745; color-scheme:dark; }
.site.cosmic{background:radial-gradient(circle at 72% 7%,rgba(55,99,143,.25),transparent 27%),radial-gradient(circle at 7% 35%,rgba(65,40,104,.22),transparent 30%),linear-gradient(155deg,#03070f 0%,#07121d 44%,#091612 100%);position:relative}.site.cosmic.dark{--bg:#050b13;--paper:rgba(10,20,30,.72);--ink:#edf7f3;--muted:#91a8a3;--line:rgba(143,190,180,.18);--green:#8be0bd;--mint:#173f39}.cosmic-nebula{position:absolute;inset:0 0 auto 0;height:900px;pointer-events:none;background:radial-gradient(ellipse at 67% 26%,rgba(43,126,126,.2),transparent 23%),radial-gradient(ellipse at 80% 15%,rgba(86,67,145,.18),transparent 34%),radial-gradient(ellipse at 17% 42%,rgba(29,70,118,.19),transparent 31%);filter:blur(18px);animation:nebula-drift 14s ease-in-out infinite alternate}.cosmic-stars{position:absolute;inset:0 0 auto 0;height:1100px;pointer-events:none;opacity:.7;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px),radial-gradient(circle,#94d8c0 0 1px,transparent 1.3px),radial-gradient(circle,#fff 0 .6px,transparent .9px);background-size:83px 83px,137px 137px,47px 47px;background-position:4px 7px,31px 54px,17px 29px;mask-image:linear-gradient(#000 55%,transparent)}.cosmic .nav,.cosmic .hero,.cosmic .section,.cosmic .split,.cosmic .friends,.cosmic footer{position:relative;z-index:2}.cosmic .nav{border-color:rgba(150,220,200,.15)}.cosmic .orbit-card{background:linear-gradient(145deg,rgba(7,16,28,.8),rgba(12,32,32,.56));border-color:rgba(139,224,189,.22);box-shadow:0 24px 90px rgba(0,0,0,.52),0 0 90px rgba(50,129,115,.12),inset 0 0 60px rgba(84,148,135,.06);backdrop-filter:blur(15px)}.cosmic .post-art{box-shadow:inset 0 0 35px rgba(255,255,255,.08),0 0 35px rgba(90,180,150,.08)}.cosmic .friend-row a{background:rgba(9,20,28,.58);backdrop-filter:blur(10px)}.cosmic .about-card{background:linear-gradient(145deg,#123b35,#173448);box-shadow:0 25px 70px rgba(0,0,0,.32)}
.noise { position:fixed; inset:0; pointer-events:none; opacity:.035; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.shell { width:min(1160px,calc(100% - 48px)); margin:auto; }
.nav { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-size:20px; font-weight:800; display:flex; align-items:center; gap:10px; letter-spacing:.08em; }
.brand-mark { width:31px; height:31px; border-radius:50%; background:var(--green); color:var(--bg); display:grid; place-items:center; font-size:15px; }
.nav nav { display:flex; gap:40px; margin-left:auto; margin-right:36px; }
.nav nav a { color:var(--muted); text-decoration:none; font-family:system-ui,sans-serif; font-size:13px; }
.nav nav a:hover { color:var(--green); }
.theme { width:38px; height:38px; border:1px solid var(--line); color:var(--ink); background:transparent; border-radius:50%; cursor:pointer; font-size:18px; }
.hero { min-height:640px; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:76px; padding-top:44px; padding-bottom:64px; }
.eyebrow { font-family:ui-monospace,monospace; color:var(--green); font-size:11px; font-weight:700; letter-spacing:.18em; display:flex; align-items:center; gap:10px; margin:0 0 22px; }
.eyebrow span { width:24px; height:1px; background:var(--green); }
.hero h1 { font-size:clamp(48px,6vw,78px); line-height:1.18; letter-spacing:-.045em; margin:0; font-weight:800; }
.hero h1 span { color:var(--green); position:relative; white-space:nowrap; }
.hero h1 span:after { content:""; position:absolute; left:0; right:0; bottom:-8px; height:8px; border-top:2px solid var(--green); border-radius:50%; transform:rotate(-1.5deg); }
.lede { color:var(--muted); font-size:16px; line-height:2; max-width:580px; margin:40px 0 32px; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.primary { background:var(--green); color:var(--bg); text-decoration:none; padding:15px 24px; font-family:system-ui,sans-serif; font-size:13px; display:flex; gap:28px; align-items:center; border-radius:2px; }
.primary b { font-size:18px; }.text-link { color:var(--ink); text-decoration:none; font-size:14px; border-bottom:1px solid var(--line); padding-bottom:5px; }.text-link span{margin-left:10px;color:var(--green)}
.orbit-card { min-height:440px; border:1px solid var(--line); background:var(--paper); position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:24px; box-shadow:18px 18px 0 color-mix(in srgb,var(--green) 8%, transparent); }
#three-stage{height:360px;position:relative;display:grid;place-items:center;cursor:crosshair;isolation:isolate}#three-stage:before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:rgba(77,190,160,.14);filter:blur(55px)}#three-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.three-ready .three-fallback{opacity:0}.three-fallback{transition:opacity .35s}.drag-hint{position:absolute;right:4px;top:4px;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.14em;z-index:3;writing-mode:vertical-rl}.dark #three-stage canvas{filter:saturate(1.08) brightness(1.18)}
.orbit { margin:auto; width:290px; height:290px; border:1px solid var(--line); border-radius:50%; position:relative; animation:float 6s ease-in-out infinite; }
.orbit:before,.orbit:after { content:""; position:absolute; border:1px solid var(--line); border-radius:50%; inset:38px; }.orbit:after { inset:80px; }
.planet { width:85px; height:85px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#d8efe3,var(--green) 58%,#0f382a); position:absolute; left:102px; top:102px; box-shadow:0 14px 50px color-mix(in srgb,var(--green) 35%, transparent); }
.moon { position:absolute; width:18px; height:18px; border-radius:50%; background:#d3ad62; top:46px; right:39px; box-shadow:0 0 0 5px color-mix(in srgb,#d3ad62 15%,transparent); }.spark{position:absolute;color:var(--green)}.s1{top:10px;left:42px}.s2{bottom:30px;right:18px;font-size:28px}.s3{bottom:2px;left:44px}
.status { border-top:1px solid var(--line); padding-top:18px; display:flex; align-items:center; font-family:system-ui,sans-serif; }.pulse{width:8px;height:8px;background:#46a677;border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,#46a677 15%,transparent);margin:0 14px 0 5px}.status b{display:block;font-size:12px}.status small{color:var(--muted);font-size:10px}.status em{margin-left:auto;color:var(--muted);font:10px ui-monospace,monospace}
.section { padding:110px 0 70px; border-top:1px solid var(--line); }.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.split h2,.friends h2{font-size:40px;margin:0}.section-head>p{color:var(--muted);line-height:1.8;font-size:13px;text-align:right}.filters{display:flex;gap:10px;margin:42px 0 20px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 17px;border-radius:999px;cursor:pointer}.filters button.active{background:var(--green);color:var(--bg);border-color:var(--green)}
.post { display:grid; grid-template-columns:70px 150px 1fr 44px; gap:28px; align-items:center; border-top:1px solid var(--line); padding:28px 0; transition:.2s; }.post:last-child{border-bottom:1px solid var(--line)}.post:hover{padding-left:10px}.date b{font-size:31px;display:block}.date span{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:.18em}.post-art{height:98px;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,#2a6a55,#a5cbb8);overflow:hidden}.post-art span{width:56px;height:56px;border:1px solid #ffffff75;border-radius:50%;display:grid;place-items:center}.post-art.violet{background:linear-gradient(135deg,#4d476d,#bcb1d6)}.post-art.amber{background:linear-gradient(135deg,#9c6e35,#e1c796)}.post-art.rose{background:linear-gradient(135deg,#86534f,#d7a9a2)}.meta{font:10px ui-monospace,monospace;color:var(--green);display:flex;gap:9px}.meta i{color:var(--muted)}.post h3{font-size:23px;margin:9px 0}.post p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;max-width:650px}.arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--green)}
.split { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; padding:90px 0; }.notes-panel{padding-right:25px}.panel-title{display:flex;justify-content:space-between}.panel-title a{color:var(--green);font-size:12px;text-decoration:none}.note{display:grid;grid-template-columns:62px 1fr;border-top:1px solid var(--line);padding:22px 0;margin-top:16px}.note span{font:10px ui-monospace,monospace;color:var(--muted)}.note p{margin:0;font-size:15px;line-height:1.8}.about-card{background:var(--green);color:var(--bg);padding:50px;position:relative}.quote{font-size:72px;opacity:.32;line-height:.5}.about-card h2{font-size:30px;margin:24px 0}.about-card p{line-height:2;font-size:14px;opacity:.8}.signature{font:12px ui-monospace,monospace;letter-spacing:.22em;margin-top:35px}.signature i{margin-left:10px}.coordinates{display:flex;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--bg) 25%,transparent);padding-top:18px;margin-top:45px;font:9px ui-monospace,monospace;opacity:.65}
.friends{padding:90px 0;border-top:1px solid var(--line)}.friends>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.friend-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.friend-row a{border:1px solid var(--line);padding:16px;display:flex;gap:14px;align-items:center;color:var(--ink);text-decoration:none;background:var(--paper)}.friend-row i{width:42px;height:42px;background:var(--mint);display:grid;place-items:center;border-radius:50%;font-style:normal;color:var(--green);font-weight:bold}.friend-row span{font-size:13px;font-weight:bold}.friend-row small{display:block;color:var(--muted);font-weight:normal;margin-top:4px}
footer{height:130px;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px}footer p{color:var(--muted);font-size:12px}footer>span{margin-left:auto;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.1em}
.launch-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 45%,#0a1c24,#010308 62%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eaf8f3;transition:opacity .8s ease,visibility .8s}.launch-screen:before{content:"";position:absolute;inset:24px;border:1px solid rgba(164,230,215,.15);clip-path:polygon(0 0,14% 0,14% 1px,86% 1px,86% 0,100% 0,100% 100%,86% 100%,86% calc(100% - 1px),14% calc(100% - 1px),14% 100%,0 100%)}.launch-screen>p{font:8px ui-monospace,monospace;letter-spacing:.42em;color:rgba(202,234,226,.45);margin:30px 0 24px}.launch-screen h2{font-size:clamp(40px,6vw,82px);line-height:1.05;text-align:center;margin:0;font-weight:400;letter-spacing:-.04em}.launch-screen h2 b{font-weight:800;color:#bdf4df;text-shadow:0 0 35px rgba(99,231,194,.25)}.launch-reticle{width:104px;height:104px;border:1px solid rgba(151,229,208,.28);border-radius:50%;position:relative;display:grid;place-items:center;animation:reticle 7s linear infinite}.launch-reticle:before,.launch-reticle:after{content:"";position:absolute;border:1px solid rgba(151,229,208,.12);border-radius:50%}.launch-reticle:before{inset:10px}.launch-reticle:after{inset:25px}.launch-reticle i{position:absolute;background:rgba(170,235,219,.25)}.launch-reticle i:first-child{width:140px;height:1px}.launch-reticle i:nth-child(2){height:140px;width:1px}.launch-reticle span{color:#9ce5ca;text-shadow:0 0 16px #66d6b4}.launch-screen button{margin-top:46px;width:220px;height:58px;border:1px solid rgba(157,229,211,.4);background:rgba(109,199,174,.06);color:#e7f7f2;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;cursor:pointer;overflow:hidden}.launch-screen button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(139,235,205,.2),transparent);transform:translateX(-110%);transition:transform .6s}.launch-screen button:hover:before{transform:translateX(110%)}.launch-screen button span{font-size:13px;letter-spacing:.16em}.launch-screen button em{position:absolute;bottom:3px;font:5px ui-monospace,monospace;letter-spacing:.16em;color:rgba(211,240,232,.34)}.launch-data{position:absolute;left:48px;right:48px;bottom:42px;display:flex;justify-content:space-between;font:6px ui-monospace,monospace;letter-spacing:.18em;color:rgba(190,226,218,.34)}.flash-frame{position:fixed;inset:0;background:white;opacity:0;pointer-events:none;z-index:99}.launching .launch-screen{animation:launch-shake .12s linear infinite}.launching .launch-screen h2,.launching .launch-screen>p,.launching .launch-screen button{opacity:.25;filter:blur(1px)}.flash .flash-frame{animation:flash .7s ease-out}.launched .launch-screen{opacity:0;visibility:hidden;pointer-events:none}.prelaunch{height:100vh;overflow:hidden}.prelaunch .nav,.prelaunch .cinematic-hero .hero-copy,.prelaunch .cinema-caption,.prelaunch .scroll-cue{opacity:0}.launched .cinematic-hero .hero-copy{animation:title-arrive 1.3s cubic-bezier(.16,1,.3,1) both}.launched .nav,.launched .cinema-caption,.launched .scroll-cue{animation:interface-arrive 1s .45s ease both}.launching #three-stage canvas{filter:saturate(1.8) contrast(1.25) brightness(1.35);transform:scale(1.025)}
.planet-menu{position:absolute;inset:0;z-index:7;pointer-events:none}.planet-menu button{position:absolute;transform:translate(-50%,-50%);min-width:118px;border:0;background:transparent;color:#e6f5f1;text-align:left;display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;transition:opacity .25s,filter .25s}.planet-menu button:before{content:"";position:absolute;left:-7px;top:50%;width:7px;height:7px;border:1px solid rgba(188,243,227,.72);border-radius:50%;box-shadow:0 0 12px rgba(117,233,199,.85)}.planet-menu button:after{content:"";position:absolute;left:0;top:50%;width:26px;height:1px;background:linear-gradient(90deg,rgba(170,230,214,.7),transparent);transform:translateX(-100%)}.planet-menu button:hover{filter:drop-shadow(0 0 12px rgba(121,225,194,.7))}.planet-menu button b{font:7px ui-monospace,monospace;color:#9ee2cf}.planet-menu button span{font-size:12px;letter-spacing:.12em}.planet-menu button small{display:block;margin-top:4px;font:5px ui-monospace,monospace;letter-spacing:.16em;color:rgba(205,234,227,.42)}.prelaunch .planet-menu,.launching .planet-menu{opacity:0}.dive-hud{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#eaf9f5;opacity:0;pointer-events:none}.dive-hud span,.dive-hud em{font:7px ui-monospace,monospace;letter-spacing:.36em;color:rgba(210,239,232,.55)}.dive-hud strong{font-size:clamp(42px,7vw,96px);letter-spacing:.08em;margin:16px 0;text-shadow:0 0 35px rgba(130,241,210,.45)}.dive-hud i{width:220px;height:1px;background:linear-gradient(90deg,transparent,#baf2e2,transparent);margin-bottom:14px}.diving .dive-hud{animation:dive-hud 1.65s ease both}.diving .hero-copy,.diving .planet-menu,.diving .cinema-caption,.diving .scroll-cue{opacity:0!important;transition:opacity .2s}.diving #three-stage canvas{filter:saturate(1.7) contrast(1.2);transition:filter .5s}.dive-flash .flash-frame{animation:flash .7s ease-out}.galaxy-return{position:fixed;z-index:30;right:24px;bottom:24px;border:1px solid rgba(151,220,202,.28);background:rgba(3,12,17,.8);backdrop-filter:blur(14px);color:#b9ded4;padding:11px 15px;font:9px ui-monospace,monospace;letter-spacing:.12em;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.3s;cursor:pointer}.galaxy-return span{font-size:15px}.landed .galaxy-return{opacity:1;pointer-events:auto;transform:translateY(0)}
.chapter-page{display:none!important;position:relative;z-index:4;min-height:100svh;padding-top:clamp(72px,10vw,120px)!important;padding-bottom:100px!important}.chapter-page.chapter-active{display:block!important;animation:chapter-land .85s cubic-bezier(.16,1,.3,1) both}.chapter-page.split.chapter-active{display:grid!important}.chapter-open{min-height:100svh;overflow:auto}.chapter-open .nav,.chapter-open footer{display:none!important}.chapter-open .cinematic-hero{display:block!important;position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;min-height:0!important;padding:0!important;opacity:.5;z-index:0!important;filter:saturate(.82)}.chapter-open .cinematic-hero .hero-copy,.chapter-open .cinematic-hero .planet-menu,.chapter-open .cinematic-hero .cinema-caption,.chapter-open .cinematic-hero .scroll-cue,.chapter-open .cinematic-hero:before,.chapter-open .cinematic-hero:after{display:none!important}.launched:not(.chapter-open){height:100svh;overflow:hidden}.chapter-open:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 86% 4%,rgba(70,145,137,.17),transparent 25%),linear-gradient(155deg,rgba(3,7,15,.84),rgba(8,20,28,.91) 55%,rgba(9,21,18,.88));z-index:1}.chapter-planet-mark{font:8px ui-monospace,monospace;letter-spacing:.28em;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:58px}.chapter-page[data-chapter="writing"]{--green:#8be0bd}.chapter-page[data-chapter="notes"]{--green:#e2b66d}.chapter-page[data-chapter="links"]{--green:#b5a1ed}.chapter-page[data-chapter="about"]{--green:#83bce8}.chapter-page[data-chapter="notes"] .about-card{background:linear-gradient(145deg,#5a3d20,#362619)}.about-chapter{padding-top:clamp(72px,10vw,120px)!important}.about-landing{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:90px;min-height:60vh}.about-landing h2{font-size:clamp(48px,7vw,90px);line-height:1.05;margin:0 0 35px}.about-landing p{color:var(--muted);font-size:15px;line-height:2;max-width:600px}.identity-orbit{width:min(320px,70vw);aspect-ratio:1;border:1px solid rgba(131,188,232,.28);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 80px rgba(55,123,174,.13)}.identity-orbit:before,.identity-orbit:after{content:"";position:absolute;border:1px solid rgba(131,188,232,.14);border-radius:50%}.identity-orbit:before{inset:32px}.identity-orbit:after{inset:72px}.identity-orbit i{position:absolute;inset:-14px;border:1px dashed rgba(131,188,232,.18);border-radius:50%;animation:reticle 18s linear infinite}.identity-orbit span{font-size:58px;color:#b7dbf4}.identity-orbit small{position:absolute;bottom:42px;font:7px/1.8 ui-monospace,monospace;letter-spacing:.16em;color:rgba(177,216,242,.45);text-align:center}.chapter-galaxy-map{position:fixed;z-index:24;right:24px;top:24px;width:205px;padding:14px;border:1px solid rgba(159,219,204,.18);background:rgba(3,11,17,.68);backdrop-filter:blur(16px);color:#cbe7df;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.4s}.chapter-open .chapter-galaxy-map{opacity:1;pointer-events:auto;transform:none}.map-head{display:flex;justify-content:space-between;font:6px ui-monospace,monospace;letter-spacing:.16em;color:rgba(203,231,223,.45)}.map-head b{color:#9ce1cc}.map-orbits{height:142px;position:relative;margin:9px 0}.map-orbits>i{position:absolute;left:50%;top:50%;border:1px solid rgba(153,216,199,.13);border-radius:50%;transform:translate(-50%,-50%)}.map-orbits>i:first-child{width:58px;height:58px}.map-orbits>i:nth-child(2){width:96px;height:96px}.map-orbits>i:nth-child(3){width:134px;height:134px}.map-sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ace8d7;text-shadow:0 0 12px #5ed5b2}.map-orbits button{position:absolute;width:22px;height:22px;border:1px solid rgba(173,225,211,.25);border-radius:50%;background:#0d2526;color:#afd9ce;font:6px ui-monospace,monospace;cursor:pointer;transition:.2s}.map-orbits button:hover,.map-orbits button.active{background:#90d8c1;color:#05100d;box-shadow:0 0 18px rgba(109,230,193,.62);transform:scale(1.15)}.map-orbits button:nth-of-type(1){left:85px;top:20px}.map-orbits button:nth-of-type(2){left:29px;top:61px;background-color:#4e3521}.map-orbits button:nth-of-type(3){right:14px;top:80px;background-color:#34294f}.map-orbits button:nth-of-type(4){left:57px;bottom:3px;background-color:#183b57}.chapter-galaxy-map>p{margin:0;font:6px ui-monospace,monospace;letter-spacing:.1em;color:rgba(203,231,223,.44);display:flex;align-items:center;gap:7px}.map-pulse{width:5px;height:5px;border-radius:50%;background:#74d9bb;box-shadow:0 0 8px #74d9bb;animation:pulse-map 1.4s ease-in-out infinite}.diving .chapter-page,.diving .chapter-galaxy-map,.diving .galaxy-return{opacity:0!important;pointer-events:none}
.article-reader{display:none}.article-detail-mode{width:min(1260px,calc(100% - 48px))!important;padding-top:0!important}.article-detail-mode>.chapter-planet-mark,.article-detail-mode>.section-head,.article-detail-mode>.filters,.article-detail-mode>.post-list{display:none!important}.article-detail-mode .article-reader{display:block;animation:chapter-land .7s ease both}.article-open .chapter-galaxy-map{opacity:.68}.article-open .galaxy-return{display:none}.reader-progress{position:fixed;left:0;right:0;top:0;height:2px;background:rgba(139,224,189,.08);z-index:60}.reader-progress i{display:block;width:0;height:100%;background:#8be0bd;box-shadow:0 0 10px #8be0bd;transition:width .08s linear}.reader-back{position:fixed;left:24px;top:24px;z-index:25;border:1px solid rgba(144,213,194,.22);background:rgba(3,12,17,.72);backdrop-filter:blur(12px);color:#b8ddd3;padding:11px 15px;font:8px ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}.reader-hero{min-height:78svh;padding:clamp(100px,14vw,170px) 7vw 80px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.reader-kicker{display:flex;gap:14px;align-items:center;font:8px ui-monospace,monospace;letter-spacing:.2em}.reader-kicker span{color:#8be0bd}.reader-kicker i{color:var(--muted)}.reader-hero h1{font-size:clamp(52px,7.5vw,104px);line-height:1.04;letter-spacing:-.055em;max-width:970px;margin:38px 0 32px;position:relative;z-index:2}.reader-hero>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:650px;position:relative;z-index:2}.reader-meta{display:flex;gap:24px;margin-top:40px;font:8px ui-monospace,monospace;letter-spacing:.14em;color:rgba(205,229,223,.42);position:relative;z-index:2}.article-horizon{position:absolute;width:min(42vw,480px);aspect-ratio:1;border-radius:50%;right:-8%;bottom:-42%;background:radial-gradient(circle at 32% 25%,#5eaa91 0,#1e5749 23%,#0c2624 62%,#03090c 76%);box-shadow:0 0 80px rgba(67,179,143,.18),inset -35px -25px 80px #020709}.article-horizon:before,.article-horizon:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(146,224,201,.16);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.article-horizon:before{width:130%;height:36%}.article-horizon:after{width:155%;height:55%}.article-horizon i{position:absolute;inset:-18%;border:1px dashed rgba(146,224,201,.1);border-radius:50%;animation:reticle 35s linear infinite}.article-horizon span{position:absolute;left:-30px;top:25%;font:7px/1.7 ui-monospace,monospace;letter-spacing:.2em;color:rgba(188,228,216,.38)}.reader-layout{display:grid;grid-template-columns:180px minmax(0,720px);gap:90px;justify-content:center;padding:100px 30px 130px}.reader-toc{position:sticky;top:80px;align-self:start;display:flex;flex-direction:column;gap:15px;border-left:1px solid var(--line);padding-left:22px}.reader-toc b{font:8px ui-monospace,monospace;letter-spacing:.18em;color:#8be0bd;margin-bottom:8px}.reader-toc a{color:var(--muted);text-decoration:none;font-size:11px}.reader-toc a:hover{color:#c9eee2}.reader-toc>span{margin-top:35px;font:6px/1.8 ui-monospace,monospace;letter-spacing:.14em;color:rgba(197,226,218,.32)}.reader-toc em{color:#78d5b7}.reader-content{font-size:18px;line-height:2.15;color:rgba(235,245,241,.82)}.reader-content p{margin:0 0 2em}.reader-content .dropcap:first-letter{float:left;font-size:5.2em;line-height:.76;margin:.12em .12em 0 0;color:#9fe5cd;font-weight:800}.reader-content h2{font-size:34px;line-height:1.35;margin:3.2em 0 1em;color:#eff9f5}.reader-content h2 span{display:block;font:8px ui-monospace,monospace;letter-spacing:.22em;color:#76cbae;margin-bottom:12px}.reader-content blockquote{margin:3em -50px;padding:35px 48px;border-left:2px solid #7fd6b8;background:linear-gradient(90deg,rgba(80,159,135,.12),transparent);font-size:26px;line-height:1.65;color:#dff5ed}.reader-callout{border:1px solid rgba(129,207,184,.24);padding:28px 32px;margin:45px 0;background:rgba(9,29,27,.55)}.reader-callout b{color:#9de3cb}.reader-callout p{font-size:14px;margin:12px 0 0;color:var(--muted)}.reader-content pre{overflow:auto;padding:25px 28px;background:#02090c;border:1px solid rgba(123,193,174,.18);color:#9cd9c7;font:13px/1.8 ui-monospace,monospace;margin:45px 0}.photo-field{height:360px;margin:50px 0;background:radial-gradient(circle at 70% 25%,rgba(220,184,125,.5),transparent 3%),linear-gradient(165deg,#101d35 0 55%,#080b10 56%);position:relative;overflow:hidden;box-shadow:inset 0 0 100px #010205}.photo-field:before{content:"";position:absolute;left:7%;right:7%;bottom:0;height:48%;background:linear-gradient(90deg,#06080b 0 12%,transparent 12% 18%,#090b0e 18% 31%,transparent 31% 36%,#050609 36% 70%,transparent 70% 77%,#07090b 77%);clip-path:polygon(0 30%,12% 30%,12% 0,17% 0,17% 45%,42% 45%,42% 18%,53% 18%,53% 60%,76% 60%,76% 8%,85% 8%,85% 42%,100% 42%,100% 100%,0 100%)}.photo-field span{position:absolute;left:18px;bottom:14px;z-index:2;font:7px ui-monospace,monospace;letter-spacing:.16em;color:rgba(255,255,255,.42)}.reader-footer{border-top:1px solid var(--line);padding:55px 7vw 85px;display:flex;justify-content:space-between;align-items:center}.reader-footer span{font-size:14px;color:var(--muted)}.reader-footer button{border:1px solid rgba(132,208,185,.28);background:rgba(32,81,67,.22);color:#cdebe2;padding:14px 20px;font-size:11px;cursor:pointer}
.cinematic-hero{width:100%!important;max-width:none!important;height:calc(100svh - 92px);min-height:680px!important;padding:0 max(24px,calc((100vw - 1160px)/2))!important;display:flex!important;align-items:center!important;position:relative!important;overflow:hidden;isolation:isolate;background:#020509}.cinematic-hero:before,.cinematic-hero:after{content:"";position:absolute;z-index:8;left:0;right:0;height:clamp(24px,4.2vh,52px);background:#010203;pointer-events:none}.cinematic-hero:before{top:0}.cinematic-hero:after{bottom:0}.cinematic-hero #three-stage{position:absolute;inset:0;height:auto;z-index:0;cursor:crosshair}.cinematic-hero #three-stage:before{width:42vw;right:4vw;left:auto;background:rgba(77,155,170,.12);filter:blur(90px)}.cinematic-hero .hero-copy{position:relative;z-index:4;width:min(1160px,100%);margin:auto;padding:0;transform:translateY(-1vh);pointer-events:none}.cinematic-hero .hero-copy>*{pointer-events:auto}.cinematic-hero .film-index{font:9px ui-monospace,monospace;color:rgba(210,232,229,.45);letter-spacing:.32em;margin:0 0 clamp(60px,10vh,110px)}.cinematic-hero .eyebrow{color:#9dcabb;font-size:9px;letter-spacing:.25em;margin-bottom:25px}.cinematic-hero h1{font-size:clamp(58px,7.5vw,116px);line-height:.88;letter-spacing:-.055em;text-shadow:0 5px 40px rgba(0,0,0,.55);max-width:900px}.cinematic-hero h1 small{display:block;font:400 clamp(13px,1.2vw,18px)/1.2 system-ui,sans-serif;letter-spacing:.42em;color:rgba(222,239,234,.66);margin:0 0 30px 5px}.cinematic-hero h1 span{color:#e9f6f2;text-shadow:0 0 38px rgba(124,218,190,.22)}.cinematic-hero h1 span:after{border-color:#9cd8c4;opacity:.65;bottom:-14px}.cinematic-hero .lede{font-family:system-ui,sans-serif;font-size:13px;line-height:2;color:rgba(218,235,231,.63);margin:38px 0 30px;letter-spacing:.04em}.cinematic-hero .hero-actions{gap:34px}.cinematic-hero .primary{background:rgba(126,203,178,.09);border:1px solid rgba(143,222,197,.45);color:#dff5ed;backdrop-filter:blur(12px);padding:13px 20px}.film-coordinate{font:8px/1.8 ui-monospace,monospace;letter-spacing:.17em;color:rgba(218,235,231,.38)}.cinema-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 62% 48%,transparent 15%,rgba(0,0,0,.16) 51%,rgba(0,0,0,.72) 100%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 50%,rgba(0,0,0,.1))}.cinema-flare{position:absolute;z-index:2;width:28vw;height:5px;right:20vw;top:38%;background:linear-gradient(90deg,transparent,rgba(172,236,220,.7),transparent);filter:blur(4px);opacity:.2;transform:rotate(-8deg);box-shadow:0 0 35px rgba(131,222,199,.38)}.cinema-caption{position:absolute;z-index:9;left:max(24px,calc((100vw - 1160px)/2));right:max(24px,calc((100vw - 1160px)/2));bottom:18px;display:flex;align-items:center;gap:20px;font:7px ui-monospace,monospace;letter-spacing:.24em;color:rgba(210,231,225,.38)}.cinema-caption i{height:1px;flex:1;background:rgba(190,222,214,.12)}.scroll-cue{position:absolute;z-index:9;right:max(28px,calc((100vw - 1160px)/2));bottom:76px;color:rgba(216,236,230,.45);text-decoration:none;font:7px ui-monospace,monospace;letter-spacing:.22em;display:flex;align-items:center;gap:13px;writing-mode:vertical-rl}.scroll-cue span{width:1px;height:46px;background:linear-gradient(#b4d8cd,transparent);animation:scan 1.8s ease-in-out infinite}.cinematic-hero .three-fallback{position:absolute;right:12%;top:25%}
@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes nebula-drift{to{transform:translate3d(2%,-1%,0) scale(1.04);opacity:.78}}
@keyframes scan{0%,100%{opacity:.2;transform:scaleY(.55);transform-origin:top}50%{opacity:.9;transform:scaleY(1)}}
@keyframes reticle{to{transform:rotate(360deg)}}
@keyframes launch-shake{25%{transform:translateX(1px)}75%{transform:translateX(-1px)}}
@keyframes flash{0%{opacity:0}12%{opacity:.92}100%{opacity:0}}
@keyframes title-arrive{from{opacity:0;transform:translateY(42px);filter:blur(12px)}to{opacity:1;transform:translateY(-1vh);filter:blur(0)}}
@keyframes interface-arrive{from{opacity:0}to{opacity:1}}
@keyframes dive-hud{0%{opacity:0;transform:translate(-50%,-46%) scale(.86);filter:blur(10px)}18%,62%{opacity:1;filter:blur(0)}100%{opacity:0;transform:translate(-50%,-55%) scale(1.08);filter:blur(8px)}}
@keyframes chapter-land{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes pulse-map{50%{opacity:.35;transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.post{transition:none}.drag-hint{display:none}}
@media(max-width:760px){.shell{width:min(100% - 28px,1160px)}.nav{height:74px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px;gap:50px}.hero h1{font-size:47px}.cinematic-hero{height:calc(100svh - 74px);min-height:630px!important;padding:0 22px!important}.cinematic-hero .film-index{margin-bottom:74px}.cinematic-hero h1{font-size:clamp(52px,16vw,76px);line-height:.91}.cinematic-hero h1 small{font-size:10px;letter-spacing:.3em}.cinematic-hero .lede{font-size:11px;max-width:270px}.cinematic-hero #three-stage canvas{opacity:.74}.cinema-vignette{background:radial-gradient(ellipse at 80% 35%,transparent,rgba(0,0,0,.46) 48%,rgba(0,0,0,.86) 100%)}.film-coordinate,.cinema-caption{display:none}.scroll-cue{right:18px}.orbit-card{min-height:390px}.section{padding-top:80px}.section-head{align-items:start}.section-head>p{display:none}.post{grid-template-columns:48px 90px 1fr;gap:14px}.post-art{height:76px}.post .arrow{display:none}.post h3{font-size:18px}.post p{display:none}.split{grid-template-columns:1fr;gap:28px}.about-card{padding:38px 30px}.friend-row{grid-template-columns:1fr 1fr}footer p{display:none}.section-head h2,.split h2,.friends h2{font-size:33px}}
@media(max-width:480px){.hero{min-height:auto}.orbit{width:240px;height:240px}.planet{left:83px;top:83px;width:74px;height:74px}.post{grid-template-columns:42px 74px 1fr}.friend-row{grid-template-columns:1fr}.hero-actions{gap:16px}}
@media(max-width:760px){.planet-menu button{min-width:88px;gap:6px;padding:5px}.planet-menu button span{font-size:9px}.planet-menu button small{display:none}.chapter-page{width:calc(100% - 28px)!important;padding-top:180px!important}.chapter-page.split.chapter-active{grid-template-columns:1fr!important}.about-landing{grid-template-columns:1fr;gap:50px}.identity-orbit{margin:auto}.galaxy-return{right:14px;bottom:14px}.chapter-planet-mark{margin-bottom:40px}.chapter-galaxy-map{right:14px;top:14px;width:160px;padding:10px;transform:scale(.82);transform-origin:top right}.chapter-open .chapter-galaxy-map{transform:scale(.82)}.map-orbits{margin-left:-22px;margin-right:-22px}}
@media(max-width:760px){.article-detail-mode{width:100%!important;padding-top:0!important}.reader-back{left:14px;top:14px}.reader-hero{padding:130px 20px 70px;min-height:80svh}.reader-hero h1{font-size:clamp(46px,14vw,70px)}.reader-hero>p{font-size:14px;max-width:80%}.reader-meta{gap:12px;flex-wrap:wrap}.article-horizon{width:76vw;right:-34%;bottom:-20%}.reader-layout{display:block;padding:70px 20px 90px}.reader-toc{position:relative;top:auto;margin-bottom:65px}.reader-content{font-size:17px;line-height:2}.reader-content h2{font-size:28px}.reader-content blockquote{margin:2.5em -5px;padding:25px 22px;font-size:22px}.reader-footer{padding:40px 20px 90px;gap:20px}.article-open .chapter-galaxy-map{opacity:.32;pointer-events:none}.photo-field{height:240px}}

/* Deep-space atlas: full-screen Three.js explorer */
.explorer-mode{height:100svh;min-height:620px;overflow:hidden;background:#01040b;color:#edf9f5}
.explorer-mode>.nav,.explorer-mode>.section:not(.cinematic-hero),.explorer-mode>.split,.explorer-mode>.friends,.explorer-mode>footer,.explorer-mode .planet-menu,.explorer-mode .dive-hud,.explorer-mode .hero-copy,.explorer-mode .cinema-caption,.explorer-mode .scroll-cue,.explorer-mode .chapter-galaxy-map,.explorer-mode .galaxy-return,.explorer-mode .chapter-page{display:none!important}
.explorer-mode .cinematic-hero{height:100svh!important;min-height:620px!important;padding:0!important;background:#01040b}
.explorer-mode .cinematic-hero #three-stage{inset:0!important;height:100%!important;cursor:grab}
.explorer-mode .cinematic-hero #three-stage canvas{display:block;width:100%!important;height:100%!important;transition:filter .4s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.explorer-mode.warp-active .cinematic-hero #three-stage canvas{filter:saturate(1.75) contrast(1.18) brightness(1.35);transform:scale(1.03)}
.explorer-mode .cinematic-hero:before,.explorer-mode .cinematic-hero:after{height:26px;background:linear-gradient(#010204,rgba(1,2,4,.96));z-index:9}
.explorer-mode .cinematic-hero:after{background:linear-gradient(rgba(1,2,4,.96),#010204)}
.explorer-hud{position:absolute;z-index:14;left:42px;right:42px;top:46px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;transition:opacity .45s ease}
.explorer-title{display:flex;flex-direction:column;gap:7px;padding-left:15px;border-left:1px solid rgba(134,222,203,.4)}
.explorer-title>span{font:7px ui-monospace,monospace;letter-spacing:.3em;color:rgba(184,226,217,.48)}
.explorer-title>b{font-size:22px;letter-spacing:.12em;font-weight:600;text-shadow:0 0 24px rgba(104,224,194,.25)}
.explorer-title>small{font:7px ui-monospace,monospace;letter-spacing:.14em;color:rgba(202,231,224,.42)}
.system-count{display:flex;align-items:center;gap:11px;text-align:right}
.system-count strong{font:300 34px/1 ui-monospace,monospace;color:#b8f0df;text-shadow:0 0 22px rgba(103,229,194,.38)}
.system-count span{font:6px/1.7 ui-monospace,monospace;letter-spacing:.18em;color:rgba(197,229,221,.42)}
.profile-signal{position:absolute;z-index:15;left:42px;top:148px;width:306px;padding:17px 18px 15px;color:#e8f7f2;border:1px solid rgba(145,220,202,.18);border-left-color:rgba(159,236,216,.58);background:linear-gradient(135deg,rgba(4,15,24,.76),rgba(8,27,31,.42));backdrop-filter:blur(13px);box-shadow:0 22px 80px rgba(0,0,0,.26),inset 0 0 35px rgba(102,211,183,.025);transition:opacity .38s ease,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:auto}
.profile-signal:before{content:"";position:absolute;left:-1px;top:0;width:48px;height:1px;background:#9ce7d1;box-shadow:0 0 14px rgba(101,224,190,.7)}
.profile-signal>header{display:flex;align-items:center;justify-content:space-between;font:6px ui-monospace,monospace;letter-spacing:.2em;color:rgba(194,228,219,.46)}
.profile-signal>header b{display:flex;align-items:center;gap:6px;color:#86dbbf;font-weight:500}.profile-signal>header i{width:4px;height:4px;border-radius:50%;background:#7ce0c1;box-shadow:0 0 9px #74e0c0;animation:content-star-pulse 1.8s ease-in-out infinite}
.profile-identity{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;margin:17px 0 15px}.profile-identity>div:first-child{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(152,229,208,.35);border-radius:50%;background:radial-gradient(circle at 34% 28%,#c5f6e7,#3c8d7a 36%,#0b2428 72%);box-shadow:0 0 25px rgba(92,215,181,.16);font:600 19px serif;color:#effff9}.profile-identity small{display:block;margin-bottom:5px;font:5px ui-monospace,monospace;letter-spacing:.18em;color:rgba(188,224,214,.4)}.profile-identity h2{margin:0;font-size:19px;line-height:1.2;letter-spacing:.02em}.profile-identity p{margin:6px 0 0;font-size:9px;color:rgba(205,231,224,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-latest{padding:12px 13px;border:1px solid rgba(139,211,193,.13);background:rgba(7,25,31,.42)}.profile-latest>div{display:flex;justify-content:space-between;gap:12px;font:5px ui-monospace,monospace;letter-spacing:.15em;color:rgba(177,218,208,.42)}.profile-latest strong{display:block;margin-top:9px;font-size:12px;letter-spacing:.04em}.profile-latest p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:6px 0 0;font-size:9px;line-height:1.65;color:rgba(207,232,226,.54)}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:13px 0 12px;border-top:1px solid rgba(141,211,194,.11);border-bottom:1px solid rgba(141,211,194,.11)}.profile-stats>div{min-width:0;padding:9px 5px;border-right:1px solid rgba(141,211,194,.1)}.profile-stats>div:last-child{border-right:0}.profile-stats b{display:block;overflow:hidden;font:15px ui-monospace,monospace;color:#c8eee3;text-overflow:ellipsis}.profile-stats span{display:block;margin-top:3px;font-size:7px;color:rgba(190,222,214,.42)}
.profile-signal>footer{display:flex;gap:8px}.profile-signal>footer button{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(148,221,202,.18);background:rgba(89,185,159,.055);color:#bfe7dc;padding:8px 10px;font-size:8px;letter-spacing:.08em;cursor:pointer;transition:.2s}.profile-signal>footer button:hover{border-color:rgba(153,235,211,.5);background:rgba(101,208,178,.13);color:#edfff9}.profile-signal>footer span{font-size:11px;color:#8ad8c1}
.inside-system .profile-signal,.warp-active .profile-signal,.reading-space .profile-signal{opacity:0;transform:translateX(-24px);pointer-events:none}
@media(max-width:680px){.profile-signal{left:14px;top:88px;width:min(300px,calc(100vw - 28px));padding:13px}.profile-identity{margin:12px 0}.profile-latest p{-webkit-line-clamp:1}.profile-stats{margin:10px 0}.profile-stats>div{padding:7px}.profile-signal>footer button{padding:7px 9px}}
.system-labels{position:absolute;inset:0;z-index:13;pointer-events:none}
.system-label{position:absolute;transform:translate(-8px,-50%);min-width:150px;padding:7px 9px;border:0;background:transparent;color:#ecfbf6;display:flex;align-items:center;gap:10px;text-align:left;pointer-events:auto;cursor:pointer;transition:opacity .25s ease,filter .22s ease,transform .22s ease}
.system-label:before{content:"";width:7px;height:7px;border:1px solid rgba(183,245,228,.78);border-radius:50%;box-shadow:0 0 11px rgba(112,237,203,.88),0 0 0 5px rgba(112,237,203,.05)}
.system-label:after{content:"";position:absolute;left:11px;top:50%;width:25px;height:1px;background:linear-gradient(90deg,rgba(166,235,217,.72),transparent)}
.system-label>b{font:6px ui-monospace,monospace;color:#7ee5c8;margin-left:19px}
.system-label>span{font-size:11px;letter-spacing:.12em;white-space:nowrap}
.system-label small{display:block;margin-top:4px;font:5px ui-monospace,monospace;letter-spacing:.17em;color:rgba(205,237,229,.38)}
.system-label:hover,.system-label.hover{filter:drop-shadow(0 0 13px rgba(112,237,203,.72));transform:translate(-8px,-50%) scale(1.08)}
.system-label.warp-hidden{opacity:0!important;pointer-events:none!important}
.system-info{position:absolute;z-index:19;right:32px;top:106px;width:min(350px,calc(100vw - 64px));max-height:calc(100svh - 360px);overflow:auto;padding:27px 29px 25px;border:1px solid rgba(151,224,205,.22);background:linear-gradient(145deg,rgba(4,15,24,.88),rgba(10,30,32,.7));backdrop-filter:blur(18px);box-shadow:0 22px 90px rgba(0,0,0,.44),inset 0 0 45px rgba(105,213,185,.035);opacity:0;pointer-events:none;transform:translateX(calc(100% + 50px));transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .35s;color:#eaf8f3}
.system-info.active{opacity:1;pointer-events:auto;transform:none}
.system-info:before{content:"";position:absolute;left:0;top:0;width:44px;height:1px;background:#9fe6d2;box-shadow:0 0 12px #6edabb}
.system-info>button{position:absolute;right:12px;top:11px;width:27px;height:27px;border:0;background:transparent;color:rgba(208,235,228,.55);font-size:22px;cursor:pointer}
.system-info>p:first-of-type{margin:0 0 20px;font:6px ui-monospace,monospace;letter-spacing:.28em;color:#7cddc0}
.system-info h2{font-size:34px;line-height:1.1;letter-spacing:.06em;margin:0 0 7px}
.system-info>span{font:6px ui-monospace,monospace;letter-spacing:.2em;color:rgba(208,236,229,.4)}
.info-stats{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;border-top:1px solid rgba(159,218,202,.13);border-left:1px solid rgba(159,218,202,.13)}
.info-stats>div{padding:13px 12px;border-right:1px solid rgba(159,218,202,.13);border-bottom:1px solid rgba(159,218,202,.13)}
.info-stats small{display:block;margin-bottom:7px;font:6px ui-monospace,monospace;letter-spacing:.13em;color:rgba(190,222,214,.38)}
.info-stats b{font:10px/1.45 ui-monospace,monospace;color:#cce9e1}
.system-info>#info-description{font:12px/1.95 system-ui,sans-serif;color:rgba(218,236,231,.68);margin:0}
.info-source{margin-top:22px;padding-top:15px;border-top:1px solid rgba(159,218,202,.12);font:5px ui-monospace,monospace;letter-spacing:.14em;color:rgba(187,221,212,.3)}
.warp-ui{position:absolute;z-index:110;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);display:flex;flex-direction:column;align-items:center;color:#ecfbf7;opacity:0;visibility:hidden;pointer-events:none;filter:blur(7px);transition:opacity .24s,filter .35s,transform .45s cubic-bezier(.16,1,.3,1)}
.warp-ui.active{opacity:1;visibility:visible;filter:none;transform:translate(-50%,-50%) scale(1)}
.warp-ring{--progress:0deg;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#b6ffec var(--progress),rgba(135,218,198,.1) 0);box-shadow:0 0 45px rgba(105,236,200,.22)}
.warp-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,rgba(8,24,30,.8),#02070c 72%);border:1px solid rgba(169,234,217,.2)}
.warp-ring:after{content:"";position:absolute;inset:-16px;border:1px solid rgba(164,234,216,.11);border-radius:50%;animation:warp-reticle 5s linear infinite}
.warp-ring span{position:relative;z-index:1;font:17px ui-monospace,monospace;letter-spacing:.06em;text-shadow:0 0 14px #8ce7cb}
.warp-ui>p{margin:30px 0 9px;font:7px ui-monospace,monospace;letter-spacing:.32em;color:#9ce2cf}
.warp-ui>b{font:10px ui-monospace,monospace;letter-spacing:.2em;color:rgba(226,244,239,.6)}
.system-indicators{position:absolute;z-index:17;left:50%;bottom:42px;transform:translateX(-50%);display:flex;align-items:flex-end;gap:13px;max-width:calc(100vw - 500px);pointer-events:auto}
.system-indicators button{width:42px;padding:5px 0;border:0;background:transparent;color:rgba(206,232,225,.36);cursor:pointer;display:grid;justify-items:center;gap:5px;transition:color .25s,width .35s}
.system-indicators i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}
.system-indicators span{font:6px ui-monospace,monospace;letter-spacing:.08em}
.system-indicators b{display:none;font:7px ui-monospace,monospace;letter-spacing:.1em;white-space:nowrap}
.system-indicators button:hover,.system-indicators button.active{color:#9ef0d7}
.system-indicators button.active{width:92px}
.system-indicators button.active b{display:block}
.control-hint{position:absolute;z-index:14;left:38px;bottom:42px;display:flex;align-items:center;gap:7px;font:6px ui-monospace,monospace;letter-spacing:.1em;color:rgba(203,230,223,.32);pointer-events:none}
.control-hint span{color:#a6dfcf;border:1px solid rgba(151,218,200,.16);padding:5px 7px}
.control-hint i{font-style:normal;margin-right:4px}
.radar-panel{position:absolute;z-index:16;right:32px;bottom:34px;width:206px;padding:13px;border:1px solid rgba(145,219,200,.18);background:rgba(3,12,19,.65);backdrop-filter:blur(12px);color:#bfe9dd;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.radar-panel>div{display:flex;justify-content:space-between;font:6px ui-monospace,monospace;letter-spacing:.16em;color:rgba(196,229,220,.42)}
.radar-panel>div b{color:#82e5c8;text-shadow:0 0 8px #4ed5ae}
.radar-panel canvas{display:block;width:180px;height:180px;margin:7px 0}
.radar-panel p{margin:0;font:5px ui-monospace,monospace;letter-spacing:.12em;color:rgba(190,226,217,.35)}
.exit-system{position:absolute;z-index:20;left:50%;top:46px;transform:translate(-50%,-15px);padding:9px 13px;border:1px solid rgba(147,222,203,.22);background:rgba(3,13,20,.68);backdrop-filter:blur(10px);color:#bce7dc;font:7px ui-monospace,monospace;letter-spacing:.14em;opacity:0;pointer-events:none;cursor:pointer;transition:.35s}
.exit-system.active{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.prelaunch .explorer-hud,.prelaunch .system-labels,.prelaunch .system-indicators,.prelaunch .control-hint,.prelaunch .radar-panel,.prelaunch .exit-system{opacity:0;pointer-events:none}
.explorer-mode.launching .launch-screen{opacity:.18;filter:blur(3px)}
@keyframes warp-reticle{to{transform:rotate(360deg)}}
@media(max-width:980px){.system-indicators{max-width:none;bottom:34px}.control-hint{display:none}.radar-panel{transform:scale(.78);transform-origin:bottom right}.system-info{max-height:calc(100svh - 315px)}}
@media(max-width:680px){.explorer-mode{min-height:560px}.explorer-mode .cinematic-hero{min-height:560px!important}.explorer-hud{left:18px;right:18px;top:36px}.explorer-title>small,.system-count span{display:none}.explorer-title>b{font-size:17px}.system-count strong{font-size:25px}.system-label{min-width:105px}.system-label>b,.system-label small{display:none}.system-label>span{font-size:9px}.system-info{right:14px;left:14px;top:auto;bottom:110px;width:auto;max-height:44svh;padding:21px 22px}.system-info h2{font-size:27px}.system-info>#info-description{font-size:11px;line-height:1.75}.system-indicators{left:14px;right:14px;bottom:30px;transform:none;overflow-x:auto;justify-content:flex-start;gap:4px;padding-bottom:2px}.system-indicators button{min-width:34px}.system-indicators button.active{min-width:76px}.radar-panel{right:12px;bottom:86px;width:128px;padding:8px;transform:none}.radar-panel canvas{width:110px;height:110px}.radar-panel p{display:none}.inside-system .radar-panel{opacity:.62}.exit-system{top:34px}.warp-ring{width:112px;height:112px}}

/* Blog content nodes inside the live galaxy */ 
.planet-content{position:absolute;z-index:18;left:32px;top:112px;bottom:96px;width:min(560px,calc(100vw - 446px));display:flex;flex-direction:column;padding:24px 27px 18px;border:1px solid rgba(147,222,203,.2);background:linear-gradient(145deg,rgba(3,13,22,.88),rgba(8,27,31,.68));backdrop-filter:blur(17px);box-shadow:0 25px 100px rgba(0,0,0,.42),inset 0 0 60px rgba(89,199,170,.035);color:#edf9f5;opacity:0;pointer-events:none;transform:translateX(-42px);transition:opacity .42s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.planet-content.active{opacity:1;pointer-events:auto;transform:none}
.planet-content:before{content:"";position:absolute;left:0;top:0;width:56px;height:1px;background:#a5edd8;box-shadow:0 0 15px #6ed9ba}
.planet-content>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(154,217,201,.12)}
.planet-content>header>div{display:flex;align-items:center;gap:10px;font:6px ui-monospace,monospace;letter-spacing:.15em;color:rgba(195,228,219,.42)}
.planet-content>header>div b{font:inherit;color:#74e1c1;text-shadow:0 0 8px rgba(77,223,183,.62)}
.planet-content>header>div b:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#74e1c1;box-shadow:0 0 8px #74e1c1}
.planet-content>header>p{margin:0;text-align:right;font:6px ui-monospace,monospace;letter-spacing:.18em;color:#8edfc7}
.planet-content-copy{padding:20px 0 14px}
.planet-content-copy h2{margin:0 0 9px;font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:.025em}
.planet-content-copy p{margin:0;max-width:450px;font:12px/1.8 system-ui,sans-serif;color:rgba(211,234,228,.58)}
.planet-content-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:7px;scrollbar-width:thin;scrollbar-color:rgba(112,222,192,.36) transparent}
.planet-content>footer{display:flex;align-items:center;gap:12px;padding-top:15px;margin-top:11px;border-top:1px solid rgba(154,217,201,.12);font:5px ui-monospace,monospace;letter-spacing:.14em;color:rgba(195,226,218,.34)}
.planet-content>footer i{height:1px;flex:1;background:rgba(150,215,198,.13)}
.planet-content>footer b{font:inherit;color:rgba(129,221,196,.5)}
.featured-articles,.archive-list{display:flex;flex-direction:column}
.content-article{width:100%;display:grid;grid-template-columns:32px 1fr 20px;gap:15px;align-items:center;padding:17px 4px;border:0;border-top:1px solid rgba(150,215,198,.13);background:transparent;color:#eaf7f3;text-align:left;cursor:pointer;transition:padding .25s,background .25s}
.content-article:last-child{border-bottom:1px solid rgba(150,215,198,.13)}
.content-article:hover{padding-left:11px;background:linear-gradient(90deg,rgba(96,207,177,.08),transparent)}
.content-article-index{font:7px ui-monospace,monospace;letter-spacing:.12em;color:#7ce0c3}
.content-article small{font:6px ui-monospace,monospace;letter-spacing:.13em;color:rgba(135,221,198,.68)}
.content-article h3{font-size:16px;line-height:1.35;margin:7px 0 5px;letter-spacing:.02em}
.content-article p{font:10px/1.65 system-ui,sans-serif;color:rgba(204,229,222,.48);margin:0}
.content-article>i{font-style:normal;color:#89dec7;font-size:15px}
.content-article.compact{padding-top:12px;padding-bottom:12px}
.content-article.compact p{display:none}
.signal-notes{display:flex;flex-direction:column;gap:9px}
.signal-notes article{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:15px;border:1px solid rgba(148,216,198,.13);background:rgba(96,181,159,.035)}
.signal-notes article>span{font:7px ui-monospace,monospace;color:#79dfc1}
.signal-notes small{font:6px ui-monospace,monospace;letter-spacing:.15em;color:rgba(150,219,201,.5)}
.signal-notes p{margin:7px 0 0;font-size:13px;line-height:1.75;color:rgba(229,242,238,.78)}
.topic-spectrum{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.topic-spectrum span{border:1px solid rgba(139,215,195,.15);padding:7px 9px;font:6px ui-monospace,monospace;letter-spacing:.12em;color:rgba(178,225,213,.58)}
.photo-telemetry{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:16px}
.photo-telemetry>*{border:1px solid rgba(143,211,194,.14);padding:13px 10px;text-align:center;font:9px ui-monospace,monospace;color:#bee5da}
.photo-telemetry i{grid-column:1/-1;padding:8px;font-size:6px;font-style:normal;letter-spacing:.2em;color:rgba(176,222,210,.42)}
.archive-scan{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}
.archive-scan>div{padding:13px 9px;border:1px solid rgba(146,214,196,.14);text-align:center}
.archive-scan span{display:block;font:18px ui-monospace,monospace;color:#ace8d7}
.archive-scan small{display:block;margin-top:5px;font:5px ui-monospace,monospace;letter-spacing:.1em;color:rgba(188,225,215,.38)}
.friend-signals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.friend-signals a{display:grid;grid-template-columns:35px 1fr 14px;align-items:center;gap:10px;padding:12px;border:1px solid rgba(145,214,196,.14);background:rgba(91,178,154,.035);color:#eaf7f3;text-decoration:none;transition:.25s}
.friend-signals a:hover{border-color:rgba(117,226,197,.34);background:rgba(91,178,154,.09)}
.friend-signals a>i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(99,206,176,.14);font-style:normal;color:#9ce4d0}
.friend-signals b{display:block;font-size:11px}
.friend-signals small{display:block;margin-top:4px;font:6px ui-monospace,monospace;color:rgba(190,225,216,.4)}
.friend-signals em{font-style:normal;color:#7edfc3}
.about-signal{position:relative;padding:24px;border:1px solid rgba(150,219,201,.16);background:linear-gradient(135deg,rgba(39,101,89,.34),rgba(18,44,56,.27));overflow:hidden}
.about-quote{position:absolute;right:16px;top:6px;font-size:72px;color:rgba(134,225,200,.13)}
.about-signal h3{font-size:25px;line-height:1.35;margin:0 0 18px;max-width:330px}
.about-signal>p{font-size:13px;line-height:2;color:rgba(222,238,233,.67);max-width:420px}
.about-signal>div{display:flex;align-items:center;gap:16px;margin-top:28px;font:7px/1.6 ui-monospace,monospace;letter-spacing:.14em;color:#aee3d5}
.about-signal>div i{height:1px;flex:1;background:rgba(151,219,201,.18)}
.about-signal>div span{text-align:right;color:rgba(179,221,210,.45)}

.space-reader{position:absolute;z-index:45;inset:0;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 84% 18%,rgba(41,109,100,.2),transparent 25%),linear-gradient(145deg,rgb(0 113 255 / 60%),rgb(0 0 0 / 70%) 52%,rgb(0 239 255 / 60%));backdrop-filter:blur(9px);color:#edf8f4;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.018);transition:opacity .4s,visibility .4s,transform .6s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;scrollbar-color:rgba(110,220,190,.34) transparent}
.space-reader.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.space-reader-progress{position:fixed;z-index:3;left:0;right:0;top:0;height:2px;background:rgba(118,216,190,.08)}
.space-reader-progress i{display:block;width:0;height:100%;background:#9cf0d7;box-shadow:0 0 12px #79dfc1}
.space-reader-toolbar{position:sticky;z-index:2;top:0;height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(150,216,199,.13);background:rgba(2,9,14,.72);backdrop-filter:blur(18px)}
.space-reader-toolbar button{border:0;background:transparent;color:#aadfd1;font:7px ui-monospace,monospace;letter-spacing:.13em;cursor:pointer;padding:10px}
.space-reader-toolbar>span{font:6px ui-monospace,monospace;letter-spacing:.18em;color:rgba(188,226,216,.36)}
.space-reader-shell{width:min(960px,calc(100% - 48px));margin:auto}
.space-reader-head{min-height:68svh;padding:clamp(90px,12vw,155px) 6% 75px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(151,217,200,.14);position:relative}
.space-reader-head:after{content:"";position:absolute;right:1%;bottom:-14%;width:min(34vw,390px);aspect-ratio:1;border:1px solid rgba(126,220,195,.09);border-radius:50%;box-shadow:0 0 90px rgba(70,183,153,.08),inset 0 0 75px rgba(70,183,153,.045);pointer-events:none}
.space-reader-head>p{display:flex;gap:14px;margin:0;font:7px ui-monospace,monospace;letter-spacing:.18em;color:#82e1c4}
.space-reader-head>p i{font-style:normal;color:rgba(188,225,215,.4)}
.space-reader-head h1{max-width:850px;margin:34px 0 37px;font-size:clamp(48px,7vw,90px);line-height:1.08;letter-spacing:-.045em;position:relative;z-index:1}
.space-reader-head>div{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:24px;position:relative;z-index:1}
.space-reader-head>div p{max-width:580px;margin:0;font-size:15px;line-height:1.85;color:rgba(214,234,228,.58)}
.space-reader-head>div span{font:6px ui-monospace,monospace;letter-spacing:.13em;color:rgba(186,223,213,.36)}
.space-reader-body{width:min(720px,100% - 36px);margin:0 auto;padding:100px 0 120px;font-size:18px;line-height:2.15;color:rgba(232,243,239,.8)}
.space-reader-body p{margin:0 0 2em}
.space-reader-body .dropcap:first-letter{float:left;font-size:5.2em;line-height:.77;margin:.12em .12em 0 0;color:#9be7d0;font-weight:800}
.space-reader-body h2{margin:3.1em 0 1em;font-size:33px;line-height:1.35;color:#f0faf6}
.space-reader-body h2 span{display:block;margin-bottom:11px;font:7px ui-monospace,monospace;letter-spacing:.2em;color:#77d6b9}
.space-reader-body blockquote{margin:3em -48px;padding:32px 44px;border-left:2px solid #85dfc3;background:linear-gradient(90deg,rgba(71,155,132,.14),transparent);font-size:25px;line-height:1.7;color:#dcf3eb}
.space-reader-body pre{overflow:auto;margin:42px 0;padding:24px 27px;border:1px solid rgba(127,202,182,.18);background:rgba(0,6,10,.72);color:#9bdbc8;font:13px/1.8 ui-monospace,monospace}
.space-reader-body .reader-callout{margin:44px 0;border-color:rgba(129,207,184,.23);background:rgba(9,29,27,.52)}
.space-reader-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 6% 85px;border-top:1px solid rgba(151,217,200,.14)}
.space-reader-shell>footer span{font-size:12px;color:rgba(190,225,216,.43)}
.space-reader-shell>footer button{padding:12px 16px;border:1px solid rgba(143,218,198,.22);background:rgba(81,175,150,.07);color:#b5e5d8;font:7px ui-monospace,monospace;letter-spacing:.13em;cursor:pointer}
.explorer-mode.reading-space .explorer-hud,.explorer-mode.reading-space .system-labels,.explorer-mode.reading-space .system-info,.explorer-mode.reading-space .system-indicators,.explorer-mode.reading-space .control-hint,.explorer-mode.reading-space .radar-panel,.explorer-mode.reading-space .exit-system{opacity:0!important;pointer-events:none!important}
.explorer-mode.reading-space #three-stage canvas{filter:saturate(.7) brightness(.42) blur(1px);transform:scale(1.025)}
@media(max-width:980px){.planet-content{left:20px;top:100px;bottom:88px;width:calc(100vw - 410px);padding-left:21px;padding-right:21px}.friend-signals{grid-template-columns:1fr}.content-article p{display:none}}
@media(max-width:680px){.inside-system .system-info{display:none}.planet-content{left:12px;right:12px;top:86px;bottom:80px;width:auto;padding:18px 17px 14px}.planet-content>header>p{display:none}.planet-content-copy{padding-top:16px}.planet-content-copy h2{font-size:27px}.planet-content-copy p{font-size:11px}.planet-content>footer b{display:none}.content-article{grid-template-columns:25px 1fr 14px;gap:9px;padding:12px 2px}.content-article h3{font-size:14px}.friend-signals{grid-template-columns:1fr 1fr}.friend-signals a{grid-template-columns:30px 1fr;padding:8px}.friend-signals a>i{width:30px;height:30px}.friend-signals em,.friend-signals small{display:none}.space-reader-toolbar{height:60px;padding:0 8px}.space-reader-toolbar>span{display:none}.space-reader-shell{width:100%}.space-reader-head{min-height:64svh;padding:95px 20px 55px}.space-reader-head h1{font-size:clamp(43px,13vw,65px);margin:27px 0}.space-reader-head>div{grid-template-columns:1fr;gap:12px}.space-reader-head>div span{display:inline;margin-right:13px}.space-reader-body{width:calc(100% - 36px);padding:70px 0 85px;font-size:16px;line-height:2}.space-reader-body h2{font-size:27px}.space-reader-body blockquote{margin:2.5em -3px;padding:24px 20px;font-size:21px}.space-reader-shell>footer{padding:35px 20px 75px}}

.content-star-labels{position:absolute;inset:0;z-index:17;pointer-events:none}.content-star-label{position:absolute;transform:translate(11px,-50%);display:flex;align-items:center;gap:9px;padding:7px 9px;border:0;background:linear-gradient(90deg,rgba(5,18,24,.72),transparent);color:#e8f8f3;text-align:left;cursor:pointer;pointer-events:auto;transition:opacity .22s,filter .22s,transform .22s}.content-star-label>i{width:7px;height:7px;border-radius:50%;background:#e9fff8;box-shadow:0 0 8px #b6ffe9,0 0 20px #76e5c5,0 0 36px rgba(97,224,188,.65);animation:content-star-pulse 1.8s ease-in-out infinite}.content-star-label b{display:block;font-size:9px;letter-spacing:.08em;white-space:nowrap}.content-star-label small{display:block;margin-top:4px;font:5px ui-monospace,monospace;letter-spacing:.15em;color:rgba(169,226,211,.46)}.content-star-label:before{content:"";position:absolute;left:-18px;width:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,245,228,.6))}.content-star-label:hover,.content-star-label.hover{filter:drop-shadow(0 0 13px rgba(103,235,198,.75));transform:translate(11px,-50%) scale(1.08)}.reader-external-link{display:inline-flex;padding:12px 16px;border:1px solid rgba(131,218,194,.26);background:rgba(70,175,147,.08);color:#b8ecdd;text-decoration:none;font:8px ui-monospace,monospace;letter-spacing:.12em}.explorer-mode.reading-space .content-star-labels{opacity:0;pointer-events:none}@keyframes content-star-pulse{50%{transform:scale(1.45);opacity:.68;box-shadow:0 0 12px #d9fff4,0 0 30px #74e0c1,0 0 55px rgba(100,226,191,.75)}}@media(max-width:680px){.content-star-label{padding:5px}.content-star-label b{font-size:8px}.content-star-label small{display:none}}