:root{color-scheme:dark;--bg:#090e14;--panel:#101820;--text:#e8edf0;--muted:#8b98a5;--accent:#b9f58b;--border:#24303a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}button:disabled{cursor:default;opacity:.6}.header{height:94px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:5px;margin-top:3px}.brand-mark{color:var(--accent);font-size:43px;line-height:1}nav{display:flex;align-items:center;gap:32px;color:#9ba7b2;font-size:13px}nav button{padding:0}nav .nav-active{color:var(--text)}#saved-count{color:var(--accent);font-size:10px;margin-left:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 22px;font-size:13px;border-radius:5px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#152415}.primary:hover{background:#d0ffad}.subtle{border:1px solid #46513e;background:#ffffff03}.hero{max-width:1440px;min-height:690px;margin:auto;position:relative;overflow:hidden;padding:88px 5% 74px;background:radial-gradient(ellipse at 76% 45%,#1530433b,transparent 53%)}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#a7b1bb;font-family:ui-monospace,monospace}.tiny-star{color:var(--accent);font-size:17px;margin-right:8px}h1{font-size:clamp(48px,5.6vw,78px);line-height:1.22;letter-spacing:-3px;margin:25px 0 23px;font-weight:600}h1 span{color:var(--accent)}.hero p{line-height:1.9;color:#a5b1bc;font-size:15px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}.text-button{font-size:12px;color:#c6d0d6;padding:12px 0}.text-button span{margin-left:12px}.hero-caption{display:flex;align-items:center;gap:12px;color:#657784;font-size:10px;letter-spacing:2px;margin-top:40px}.line{width:24px;height:1px;background:#718774}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid #ffffff0b;padding-top:20px;color:#74818c;font:9px ui-monospace,monospace;letter-spacing:2px}.planet-scene{position:absolute;right:0;top:10px;width:62%;height:620px;background-image:radial-gradient(circle at 17% 25%,#a5c5db 0 1px,transparent 1.6px),radial-gradient(circle at 85% 62%,#a5c5db 0 1px,transparent 1.6px),radial-gradient(circle at 65% 8%,#a5c5db 0 1px,transparent 1.6px);background-size:179px 151px,241px 223px,337px 287px}.planet{border-radius:50%;background-color:#1c4769;background-image:url('/earth.svg');background-size:cover;box-shadow:inset -32px -12px 50px #000c,inset 9px 7px 18px #8cd4ef45,0 0 32px #4b92b52b;position:relative}.planet:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 27%,#d9e9c512,transparent 50%,#0009 95%);border:1px solid #9bd6f747}.hero-earth{width:410px;height:410px;position:absolute;top:108px;left:20%;transform:rotate(-13deg);box-shadow:inset -55px -20px 65px #000e,inset 12px 8px 24px #8cd4ef63,0 0 60px #387b9a24}.orbit{position:absolute;border:1px solid #6e8d9f24;border-radius:50%;left:8%;top:62px;width:610px;height:510px;transform:rotate(-29deg)}.orbit-two{width:680px;height:240px;top:200px;left:1%;transform:rotate(-28deg);border-style:dashed;border-color:#8ca2ad26}.coordinate{position:absolute;font:9px ui-monospace,monospace;letter-spacing:2px;color:#758f9d;z-index:1;line-height:1.9}.coordinate span{display:block;color:#becbd1;font-size:10px}.top-coordinate{left:26%;top:42px}.bottom-coordinate{right:9%;bottom:40px}.bottom-coordinate span{font-size:8px;color:#738998}.planet-label{position:absolute;left:10%;bottom:62px;display:flex;gap:12px;align-items:center;font-size:11px;color:#cad8db}.cross{color:var(--accent);font-size:28px}.planet-label small{display:block;font:8px ui-monospace,monospace;letter-spacing:2px;color:#6d818e;margin-top:9px}.section{max-width:1440px;margin:auto;padding:68px 5%}.explore{border-top:1px solid #ffffff0b}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:14px 0 0;line-height:1.55}.dot{color:var(--accent)}.muted{color:var(--muted);line-height:1.8}.collection-note{font-size:12px;padding-bottom:7px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{padding:10px 14px;color:#8b9aa6;border-radius:4px;font-size:12px}.tabs button.active{background:#b9f58b12;color:var(--accent)}.tabs button span{margin-left:8px;font:10px ui-monospace,monospace}.search{display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid var(--border);border-radius:5px;width:220px}.search span{font-size:23px;color:#93a6ae}.search input{width:100%;border:0;background:none;outline:none;color:var(--text);font-size:12px}.results-bar{display:flex;justify-content:space-between;align-items:center;color:#82919d;font-size:11px;padding:10px 0}.preview-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.preview-toggle input{accent-color:var(--accent)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.world-card{border:1px solid #25303a;border-radius:9px;overflow:hidden;background:#0d141d;transition:transform .25s,border-color .25s}.world-card:hover{transform:translateY(-4px);border-color:#65795a}.card-art{height:218px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#19374c, #0a1420 80%)}.art-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-art .planet{width:156px;height:156px;transition:transform .6s}.world-card:hover .planet{transform:rotate(8deg) scale(1.05)}.art-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#a0b7cd08 1px,transparent 1px),linear-gradient(90deg,#a0b7cd08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000)}.art-label{position:absolute;left:17px;top:16px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#94aebb;pointer-events:none}.badge{position:absolute;bottom:13px;left:15px;padding:5px 8px;border-radius:3px;background:#080e19b8;color:#a6b5c3;font-size:10px;pointer-events:none}.badge.real{color:var(--accent)}.card-index{position:absolute;right:16px;bottom:15px;color:#9db0bd80;font:10px ui-monospace,monospace}.save{position:absolute;top:12px;right:13px;background:#0a142099;border:1px solid #8799a22b;border-radius:50%;width:30px;height:30px;color:#c4d2db;font-size:17px}.save[aria-pressed=true]{color:var(--accent);background:#263a26}.card-body{padding:21px}.card-body h3{margin:0;font-weight:500;font-size:19px;display:flex;justify-content:space-between;align-items:center}.detail-button{text-align:left;padding:0;font-size:inherit}.card-body h3 span{font-size:16px;color:#91a1ae}.card-body p{font-size:12px;line-height:1.85;color:#8e9eab;min-height:44px;margin:12px 0 20px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #27313c;padding-top:15px;font-size:10px;color:#8396a4}.tag{border:1px solid #31404b;border-radius:3px;padding:3px 6px;color:#b2bec7}.catalog-note{font-size:11px;line-height:1.8;color:#6d7f8d;margin:23px 0 0}.ocean .planet{filter:hue-rotate(13deg) saturate(1.4);background-image:radial-gradient(ellipse at 25% 25%,#8cc8cfaa,transparent 35%),repeating-radial-gradient(ellipse at 70% 30%,#1d577a 0 8px,#225f7f 10px 13px)}.ocean{background:radial-gradient(ellipse at center,#173e53,#0a1522)}.ember .planet{filter:sepia(.8) saturate(2.5) hue-rotate(330deg);background-color:#ac4830}.ember{background:radial-gradient(ellipse at center,#452a24,#171519)}.life{background:radial-gradient(ellipse at center,#153c31,#0a1818)}.life .planet{background-image:radial-gradient(ellipse at 30% 20%,#9bc789,#2d6c53 40%,#133728 70%);box-shadow:inset -30px -10px 50px #000c,0 0 35px #71b58128}.life .planet:before{content:"";position:absolute;inset:15%;border-radius:30% 70%;border:10px double #9be8b061;transform:rotate(40deg)}.civilization{background:radial-gradient(ellipse at center,#36352c,#17181e)}.civilization .planet{filter:sepia(.7);background-image:radial-gradient(circle,#f8d187 1px,transparent 3px),url('/earth.svg');background-size:15px 18px,cover}.cosmos{background:radial-gradient(ellipse at center,#292240,#10101e)}.cosmos .planet{background:repeating-linear-gradient(15deg,#b9a48b 0 9px,#817481 11px 18px,#cbb99b 20px 30px);width:126px;height:126px}.cosmos .planet:before{content:"";position:absolute;inset:36% -45%;border:14px double #b2a3b980;border-radius:50%;transform:rotate(-30deg)}.empty{text-align:center;padding:55px;color:#8b9aa5}.empty[hidden]{display:none}.empty>span{font-size:40px;color:var(--accent)}.manifesto{border-top:1px solid var(--border);display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.manifesto h2{font-size:29px}.manifesto h2 span{color:#81919d}.manifesto-copy p{color:#98a7b4;line-height:2;font-size:13px;margin:3px 0 28px}.principles{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#afbdc5}.principles b{display:block;font:10px ui-monospace,monospace;color:var(--accent);margin-bottom:10px}.creator{margin:0 auto 60px;max-width:calc(1440px - 10%);width:90%;padding:42px 44px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;border:1px solid #364334;border-radius:8px;background:linear-gradient(100deg,#18231b,#0f181a)}.creator .eyebrow{color:#a7c394}.creator h2{font-size:28px}.creator p{color:#8da093;font-size:12px;line-height:1.9}.creator>div:not(.creator-orbits),.creator>.button{position:relative;z-index:1}.creator-orbits{position:absolute;right:20%;font-size:320px;line-height:1;color:#9de7880a}.creator .button{white-space:nowrap}footer{border-top:1px solid var(--border);max-width:1440px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;gap:24px;align-items:center}footer .brand{font-size:18px}footer .brand-mark{font-size:32px}footer .brand small{font-size:8px}footer p,footer>span{font-size:10px;color:#748592}dialog{color:var(--text);background:#101922;border:1px solid #40504d;border-radius:12px;width:min(590px,92vw);padding:38px;max-height:90vh;overflow:auto}dialog::backdrop{background:#03080dde;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:12px;top:10px;font-size:28px;color:#aebbc3;z-index:2}dialog h2{margin:15px 0;font-size:30px}dialog .detail-art{border-radius:7px;margin-top:20px}.detail-info{display:flex;gap:9px;margin:18px 0}.detail-text{color:#9cabb7;font-size:14px;line-height:1.9}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.detail-warning{font-size:11px;color:#80909f;line-height:1.8;margin-top:18px}form{margin-top:25px}form label{display:block;font-size:12px;margin:17px 0;color:#bbc9d0}form input,form textarea,form select{display:block;width:100%;margin-top:8px;background:#0a1118;border:1px solid #33434e;border-radius:5px;padding:12px;color:#e3e9ec}form small{display:block;font-size:10px;color:#81939d;margin-top:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#cee9b9;color:#172817;padding:12px 23px;border-radius:5px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.creator{max-width:1296px}}@media(max-width:1100px){.hero-earth{width:340px;height:340px;left:18%;top:145px}.orbit{width:500px;height:450px;left:4%;top:92px}.orbit-two{width:550px;height:200px;top:220px}.toolbar{align-items:flex-start;flex-direction:column}.search{width:100%;max-width:350px}.world-grid{gap:16px}.card-art{height:190px}.card-body{padding:17px}.manifesto{gap:35px}.collection-note{display:none}}@media(max-width:760px){.header{height:80px}.brand{font-size:20px}.brand-mark{font-size:33px}.header nav{gap:16px}.header nav a{display:none}.header>.button{padding:10px;font-size:11px;gap:8px}.hero{min-height:850px;padding-top:45px}.hero h1{font-size:56px}.hero p{font-size:13px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.planet-scene{width:100%;height:400px;top:420px;opacity:.85}.hero-earth{width:260px;height:260px;top:55px;left:calc(50% - 130px)}.orbit{width:380px;height:330px;top:20px;left:calc(50% - 190px)}.orbit-two{width:420px;height:145px;top:100px;left:calc(50% - 210px)}.hero-caption{margin-top:22px}.top-coordinate{left:8%;top:25px}.planet-label{bottom:30px;left:8%}.bottom-coordinate{right:6%;bottom:45px}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:17px}.hero-actions{gap:16px}.hero-actions .button{padding:13px 16px;gap:15px}.text-button{font-size:11px}.section{padding:44px 5%}h2{font-size:25px}.toolbar{margin-top:22px}.tabs{gap:1px}.tabs button{padding:9px;font-size:11px}.world-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card-art{height:170px}.card-art .planet{width:120px;height:120px}.card-body h3{font-size:16px}.card-body p{min-height:60px;font-size:11px}.card-footer{font-size:9px;gap:7px;flex-wrap:wrap}.art-label{font-size:7px;left:10px}.badge{left:10px;font-size:8px}.card-index{display:none}.manifesto{grid-template-columns:1fr;gap:26px}.manifesto h2{font-size:26px}.creator{width:90%;padding:28px;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:35px}.creator h2{font-size:25px}footer{flex-wrap:wrap}footer p{display:none}footer>span{font-size:9px}dialog{padding:28px}.principles{font-size:10px}.catalog-note{font-size:10px}}@media(max-width:420px){.world-grid{grid-template-columns:1fr}.card-art{height:220px}.card-art .planet{width:160px;height:160px}.card-body p{min-height:0}.header nav{font-size:11px}.hero h1{font-size:51px}.brand small{letter-spacing:3px}.card-body h3{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}