:root{--navy:#122238;--navy2:#1b3047;--ink:#27354a;--paper:#fbf9f3;--cream:#f4f0e7;--gold:#b79468;--muted:#77818c;--line:#dddcd5;--white:#fffdf9;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;--serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.85;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #caad7c;outline-offset:3px}[hidden]{display:none!important}::selection{background:#d5c3a9}.skip-link{position:absolute;left:-200px;top:0;padding:10px;background:white;z-index:999}.skip-link:focus{left:0}.container{max-width:1130px;padding-inline:30px;margin:auto}.eyebrow{font:700 10px/1.6 var(--sans);letter-spacing:.19em;color:var(--gold);margin:0 0 13px}.topbar{position:sticky;top:0;z-index:20;height:77px;padding:0 max(25px,calc((100% - 1250px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(252,250,246,.96);border-bottom:1px solid #dcdcd582;backdrop-filter:blur(15px)}.logo{display:flex;align-items:center;gap:10px;font:600 19px/1.2 var(--serif);letter-spacing:.13em;white-space:nowrap}.logo-orbit{display:grid;place-items:center;width:42px;height:42px;color:#dfbb87;background:var(--navy);border-radius:50%;font:26px var(--serif)}.logo small{display:block;letter-spacing:.2em;font:600 8px var(--sans);color:#8a959b;margin-top:6px}.top-actions{display:flex;gap:23px;align-items:center;font-size:12px}.top-how{color:#69727b}.top-button{border:1px solid #3b4b61;padding:10px 19px;border-radius:5px}.top-button span{margin-left:10px}.top-button:hover{background:#1f3247;color:white}.hero{background:radial-gradient(ellipse at 80% 15%,#2c455b,var(--navy) 53%,#101b2b);color:#f5f3ee;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:center;gap:10px}.hero-copy{z-index:1;padding:70px 0 80px}.goldstar{font-size:20px;vertical-align:middle}.hero h1{font:500 clamp(36px,4.4vw,62px)/1.55 var(--serif);letter-spacing:.1em;margin:22px 0}.hero h1 span{color:#d7b88b}.hero-sub{font:400 clamp(15px,1.5vw,19px)/2.2 var(--serif);color:#dfdedb;letter-spacing:.06em}.hero-buttons{display:flex;align-items:center;gap:16px;margin-top:35px;flex-wrap:wrap}.primary-btn{background:#d4b38a;color:#192b3d;min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 22px;border:0;border-radius:5px;font-size:13px;font-weight:700;line-height:1.5;transition:transform .2s,background .2s}.primary-btn:hover{transform:translateY(-2px);background:#ebc7a1}.ghost-btn{border:1px solid #8894a15c;border-radius:5px;padding:14px 19px;font-size:12px}.ghost-btn span{margin-left:12px}.hero-note{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:#9faebb;margin:24px 0 0}.hero-art{height:475px;position:relative}.earth-circle{position:absolute;width:420px;height:420px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:1px solid #a0b8bf55;background:radial-gradient(circle at 30% 30%,#456b80,#223d56 60%,#15283b 89%);box-shadow:0 0 90px #c6b49b14,0 20px 80px #0003}.earth-circle:before,.earth-circle:after{content:"";position:absolute;inset:10%;border:1px solid #cfbd9780;border-radius:50%;transform:rotate(25deg) scaleX(.57)}.earth-circle:after{transform:rotate(-32deg) scaleX(.7)}.earth-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 15%,#d9caa029,transparent 50%)}.earth-lat{position:absolute;border:1px solid #dbc69b58;border-radius:50%;width:130%;height:34%;left:-15%;top:31%}.e-lat2{height:67%;top:16%}.earth-long{position:absolute;width:1px;height:100%;background:#d4c49d22;left:50%;top:0}.e-long2{transform:rotate(60deg)}.earth-line{position:absolute;top:-20%;left:47%;height:150%;width:3px;background:linear-gradient(transparent,#dec59b 30%,#dec59b 65%,transparent);transform:rotate(29deg);box-shadow:0 0 15px #f2c88d65}.el2{left:63%;background:linear-gradient(transparent,#8fe3c2 20%,#9adbc8 65%,transparent);transform:rotate(-36deg)}.earth-pin{position:absolute;border:2px solid #d4b589;background:#d4b589;width:10px;height:10px;border-radius:50%;left:53%;top:36%;box-shadow:0 0 0 8px #d4b58924}.ep2{left:41%;top:70%;border-color:#9bd5d8;background:#9bd5d8}.orbit-text{position:absolute;color:#e8cba0;font:11px var(--serif);letter-spacing:.3em}.orbit-a{top:14%;left:5%}.orbit-b{bottom:15%;right:1%}.hero-spark{position:absolute;color:#f5d9ad}.spark-a{top:14%;right:11%;font-size:29px}.spark-b{bottom:18%;left:6%;font-size:20px}.spark-c{bottom:6%;right:10%;font-size:11px}.hero-bottom{border-top:1px solid #8092a033;padding-block:19px;display:flex;justify-content:space-between;color:#a7b4bc;font-size:9px;letter-spacing:.12em}.promise{padding:100px 0 105px}.promise-head{max-width:760px;margin:0 auto 45px;text-align:center}.promise-head h2,.form-head h2,.result-top h2,.how-header h2,.about-note h2{font:600 clamp(25px,3vw,39px)/1.6 var(--serif);letter-spacing:.06em;margin:0}.promise-head p:not(.eyebrow){margin:18px auto 0;color:#67717a;font-size:13px;line-height:2.1}.promise-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.promise-cards>div{border:1px solid #e4e0d8;background:white;padding:28px 26px}.promise-icon{color:#9a8061;font:31px var(--serif)}.promise-cards h3{font:600 18px var(--serif);margin:10px 0}.promise-cards p{font-size:12px;color:#78818a;margin:0}.create-section{background:var(--cream);padding:92px 0 104px}.section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dddad3;padding-bottom:13px;margin-bottom:35px}.section-label .eyebrow{margin:0}.section-count{font-size:10px;color:#a2a5a8;letter-spacing:.2em}.form-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:35px}.form-head>p{max-width:385px;font-size:12px;color:#717c85;margin:0;line-height:2.2}.form-surface{background:#fffdf9;box-shadow:0 15px 55px #30343c0a;padding:40px 45px;max-width:850px;margin:auto}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:block;min-width:0}.field>span{display:block;font-weight:700;font-size:12px;margin-bottom:10px}.field em{font-style:normal;color:#aa7d54;background:#f7ecdd;font-size:10px;padding:2px 7px;border-radius:4px}.field input:not([type=radio]),.field select{width:100%;min-height:52px;border:1px solid #cbd0ce;background:white;border-radius:5px;padding:12px 13px;color:#1b2d3d;font-size:14px;-webkit-appearance:none;appearance:none}.field select{background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23526372'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:32px}.field small{font-size:10px;color:#7e878c;display:block;margin:7px 0 0;line-height:1.8}.unknown-check{display:flex;gap:9px;align-items:center;margin:22px 0 0;color:#44515f;font-size:12px;flex-wrap:wrap}.unknown-check input{accent-color:#7b8d9a;width:17px;height:17px}.unknown-check span{color:#8c9499;font-size:11px}.form-divider{height:1px;background:#e8e5df;margin:28px 0}.seg-tabs{display:inline-flex;background:#efeee9;padding:5px;gap:5px;border-radius:6px;margin-bottom:23px}.seg-tabs label{cursor:pointer}.seg-tabs input{position:absolute;opacity:0;width:1px;height:1px}.seg-tabs label span{display:block;border-radius:4px;padding:10px 20px;font-size:12px;color:#707981}.seg-tabs input:checked+span{background:white;color:#1a2e42;box-shadow:0 1px 5px #28304413}.seg-tabs input:focus-visible+span{outline:2px solid #b18a57}.form-explain{display:flex;align-items:start;gap:12px;margin:28px 0 0;padding:15px 20px;background:#f5f3ec;color:#596672}.form-explain>span{color:#b69a6d;font-size:20px;flex:none}.form-explain p{font-size:11px;margin:0;line-height:2}.create-btn{width:100%;justify-content:center;margin:25px 0 0}.under-button{text-align:center;font-size:10px;color:#7c868f;margin:13px 0 0;line-height:1.8}.form-error{color:#a93532;background:#fff1ef;padding:13px 15px;font-size:12px;border-radius:5px}.not-ready{background:#fff;max-width:850px;margin:20px auto 0;border-left:4px solid #bc9566;padding:22px;font-size:12px}.not-ready p{margin:6px 0 0;color:#666}.results-section{padding:92px 0;background:#fdfcf8}.result-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:30px}.birth-summary{color:#64707d;font-size:12px}.simple-button{background:transparent;border:1px solid #c5c8ca;color:#354a5c;border-radius:5px;padding:11px 14px;font-size:12px}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#eceeea;padding:10px 14px 0;border-radius:9px 9px 0 0;flex-wrap:wrap}.map-tabs{display:flex;gap:5px}.map-tabs button,.theme-filters button{border:0;border-radius:6px;padding:11px 19px;background:transparent;color:#566472;font-size:12px;font-weight:700}.map-tabs button.active{background:#1e364b;color:#fff}.map-hint{font-size:11px;color:#74818b}.map-hint span{color:#b28d67}.map-shell{background:#172e42;color:#e4e8e8;border-radius:0 0 10px 10px;padding:19px 23px 13px;min-height:480px;position:relative}.map-head,.map-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.12em;color:#9baeb9}.map-footer{font-size:9px;letter-spacing:0;border-top:1px solid #ffffff1b;padding-top:10px}.map-shell svg{display:block;width:100%;height:auto;max-height:590px;aspect-ratio:940/520;touch-action:pan-y}.map-loading{padding:60px 0;text-align:center;font-size:12px;color:#d4c3ac}.map-loading.error{color:#ffd3b9}.land{fill:#385567;stroke:#8fa6b1;stroke-width:.7;vector-effect:non-scaling-stroke}.world-grid{fill:none;stroke:#74909f;stroke-width:.65;stroke-opacity:.35}.line-path{fill:none;stroke-width:1.8;stroke-opacity:.9;vector-effect:non-scaling-stroke;pointer-events:none}.line-hit{fill:none;stroke-width:13;stroke:transparent;stroke-opacity:0;cursor:pointer;pointer-events:stroke;vector-effect:non-scaling-stroke}.line-selected{stroke-width:3.6;stroke-opacity:1}.city-dot{fill:#f4dbb6;stroke:#142d41;stroke-width:2;vector-effect:non-scaling-stroke}.city-label{font:12px var(--sans);fill:#f1e5d5;paint-order:stroke;stroke:#142d41;stroke-width:4;stroke-linejoin:round}.map-caption{font:12px var(--sans);fill:#e1bd88}.map-line-group:focus-visible .line-path{stroke-width:5}.filter-label{font-size:15px;font-weight:700;margin:26px 0 11px}.filter-label small{font-weight:400;font-size:11px;color:#7b8286;margin-left:8px}.theme-filters{display:flex;gap:9px;flex-wrap:wrap}.theme-filters button{border:1px solid #d5d8d9;background:white;padding:10px 16px}.theme-filters button.active{background:#1f374b;color:white;border-color:#1f374b}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0}.planet-panel,.city-panel{background:white;border:1px solid #e1e3df;border-radius:8px;padding:32px}.planet-panel{min-height:340px}.planet-symbol{color:#b28b66;font:54px var(--serif);line-height:1.2;margin:5px 0}.planet-panel h3,.city-panel h3,.nearby-panel h3,.premium-next h3{font:600 23px/1.5 var(--serif);margin:6px 0 13px}.planet-panel>p,.city-panel>p,.nearby-panel p,.premium-next p{font-size:12px;color:#697781;line-height:2.1}.planet-caution{background:#f7f2e9;padding:10px 14px;border-radius:4px}.planet-tags{display:flex;gap:8px;flex-wrap:wrap;color:#76818a;font-size:10px;margin-top:25px}.planet-tags span{border:1px solid #e0e3e1;padding:4px 8px;border-radius:4px}.city-panel .field{margin:25px 0 14px}.city-match{background:#f4f7f6;border-left:3px solid #a18b6b;padding:13px 16px;font-size:12px;line-height:1.8}.city-match strong{font-size:16px;color:#263d4f;display:block;margin-bottom:6px}.city-match small{color:#6f8189}.nearby-panel{padding:26px 30px;background:#f4f1ea;border-radius:9px;display:grid;grid-template-columns:280px 1fr;gap:20px}.nearby-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nearby-list button{background:white;border:1px solid #e4e1d8;text-align:left;padding:14px;border-radius:6px;font-size:13px;color:#223649}.nearby-list button span{display:block;font-size:10px;color:#7e8b91;margin-top:4px}.nearby-list button:hover{border-color:#b08a66}.premium-next{margin-top:35px;padding:35px;background:#1c3449;color:#fff;display:grid;grid-template-columns:1fr 215px;align-items:center;gap:35px;border-radius:8px}.premium-next .eyebrow{color:#d4b795}.premium-next p{color:#bdcbd0}.premium-buy{border-left:1px solid #586c7e;padding-left:25px}.premium-buy span,.premium-buy small{display:block;font-size:11px;color:#ced4d4}.premium-buy strong{display:block;font:600 30px var(--serif);color:#eccba6;margin:5px 0}.premium-buy button{width:100%;padding:13px;background:#485768;color:#cfd5dc;border:none;border-radius:5px;margin-top:12px;font-size:12px}.how-section{padding:99px 0;background:#f2f0e9}.how-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.how-header>p{max-width:440px;color:#737a81;font-size:12px}.angles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.angles>div{padding:30px 20px;background:#fff;border:1px solid #e6e3dd}.angles b{font:600 39px var(--serif);color:#b2906e}.angles h3{font:600 16px var(--serif);margin:5px 0}.angles span{font-size:11px;color:#677884}.how-faq{margin-top:35px}.how-faq details{border-bottom:1px solid #d8d7d2;padding:18px 5px}.how-faq summary{cursor:pointer;font-weight:600;font-size:13px}.how-faq details p{font-size:12px;color:#697580;max-width:850px}.about-note{text-align:center;padding:85px 0;background:#dfe6e4}.about-note .note-spark{font-size:30px;color:#8a9b9e}.about-note h2{margin-top:15px}.about-note p{font-size:13px;color:#627578;line-height:2.2}footer{background:#122238;color:#f9f7f3;padding:40px 0 30px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{font:600 20px var(--serif)}.footer-sub{display:block;font-size:9px;letter-spacing:.15em;color:#acb8be;margin-top:8px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:17px;align-items:start}.footer-links a,.footer-links button{background:none;border:0;font-size:11px;color:#d8dce0;padding:2px}.footer-fine{grid-column:1/-1;color:#a6b4bd;font-size:10px;border-top:1px solid #ffffff2a;padding-top:22px}.dialog-x{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:27px}.skip-link:focus{left:10px}dialog{position:fixed;border:0;border-radius:9px;max-height:80vh;overflow:auto;width:min(550px,calc(100% - 30px));padding:37px;background:#fffdf8;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#122238ac}dialog h2{font:600 21px var(--serif)}dialog p{font-size:12px;color:#647381}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr .75fr}.earth-circle{width:310px;height:310px}.hero-art{height:350px}.promise-cards{gap:10px}.form-head,.how-header{display:block}.form-head>p,.how-header>p{margin-top:20px}.nearby-panel{display:block}.nearby-list{margin-top:16px}}
@media(max-width:620px){html{scroll-padding-top:63px}.container{padding-inline:20px}.topbar{height:63px;padding:0 17px}.logo{font-size:15px;gap:7px}.logo-orbit{height:35px;width:35px;font-size:21px}.logo small{font-size:7px}.top-how{display:none}.top-button{font-size:10px;padding:9px 10px}.top-button span{display:none}.hero-grid{display:block;min-height:740px;position:relative}.hero-copy{padding:68px 0 0;position:relative;z-index:2}.hero h1{font-size:clamp(36px,10vw,45px);line-height:1.55;letter-spacing:.05em}.hero-sub{font-size:14px}.hero-buttons{gap:10px}.primary-btn{font-size:12px;gap:13px;padding:13px 15px;min-height:53px}.ghost-btn{font-size:11px;padding:14px 10px}.hero-note{gap:10px;font-size:9px}.hero-art{position:absolute;bottom:-15px;left:0;right:0;height:300px;pointer-events:none}.earth-circle{width:300px;height:300px;top:42%}.orbit-a{top:2%;left:0}.orbit-b{bottom:10%;right:2%}.hero-bottom{font-size:8px;padding-block:13px;gap:10px}.hero-bottom span:nth-child(2){display:none}.promise{padding:68px 0 76px}.promise-head h2,.form-head h2,.result-top h2,.how-header h2,.about-note h2{font-size:26px}.promise-head>p{font-size:11px!important}.promise-cards{grid-template-columns:1fr;gap:10px}.promise-cards>div{display:grid;grid-template-columns:50px 1fr;gap:0 6px;padding:17px 20px}.promise-icon{grid-row:span 2;margin-top:0}.promise-cards h3{font-size:16px;margin:0}.promise-cards p{font-size:11px}.create-section{padding:66px 0 72px}.section-label{margin-bottom:25px}.section-count{display:none}.form-head{margin-bottom:25px}.form-head>p{font-size:11px}.form-surface{padding:25px 18px}.field-row{grid-template-columns:1fr;gap:19px}.unknown-check{font-size:11px;gap:7px}.unknown-check span{font-size:10px}.seg-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.seg-tabs label span{text-align:center;padding:9px 5px}.form-explain{padding:14px 11px}.form-explain p,.under-button{font-size:10px}.results-section{padding:62px 0 75px}.result-top{display:block}.result-top .simple-button{margin-top:15px}.map-toolbar{padding:9px 9px 0}.map-tabs{width:100%}.map-tabs button{flex:1;padding:10px;font-size:11px}.map-hint{font-size:10px;padding:0 3px 5px}.map-shell{min-height:230px;padding:12px 6px}.map-head,.map-footer{padding-inline:8px;font-size:8px;letter-spacing:0}.map-shell svg{aspect-ratio:940/650;max-height:none}.filter-label{font-size:13px;line-height:1.7}.filter-label small{display:block;margin-left:0;font-size:10px}.theme-filters{gap:7px}.theme-filters button{font-size:10px;padding:9px 10px}.detail-grid{grid-template-columns:1fr;gap:12px}.planet-panel,.city-panel{padding:24px 21px;min-height:0}.planet-panel h3,.city-panel h3,.nearby-panel h3,.premium-next h3{font-size:21px}.nearby-panel{padding:22px 17px}.nearby-list{grid-template-columns:1fr 1fr;gap:7px}.nearby-list button{font-size:12px;padding:10px}.premium-next{padding:24px 19px;display:block}.premium-buy{border-left:0;border-top:1px solid #586c7e;padding:18px 0 0;margin-top:18px}.how-section{padding:69px 0}.angles{grid-template-columns:1fr 1fr;gap:9px}.angles>div{padding:18px 11px}.angles b{font-size:29px}.angles h3{font-size:13px}.angles span{font-size:10px}.about-note{padding:65px 0}.about-note p{font-size:12px}footer{padding:36px 0 25px}.footer-inner{display:block}.footer-links{justify-content:flex-start;margin:25px 0;gap:15px}.footer-fine{font-size:9px}dialog{padding:25px 20px}.city-label{font-size:17px}.map-caption{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}