.cosmic-page{--space-deep: #030615;--space-mid: #0a1030;--nebula: #8b7bff;--star-cyan: #4dd0e1;--star-gold: #ffd97a;--text-primary: #e8ecff;--text-body: #c2cbf0;--text-muted: #8a93c4;--card-bg: rgba(18, 24, 58, .6);--card-border: rgba(139, 123, 255, .25);background:linear-gradient(180deg,var(--space-deep) 0%,var(--space-mid) 60%,#060a22 100%)!important;background-size:100% 100%!important;color:var(--text-primary);min-height:100vh}.cosmic-page #starfield{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.cosmic-page header,.cosmic-page main,.cosmic-page footer{position:relative;z-index:1}.cosmic-page header{background:#030615e6!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);box-shadow:none!important}.cosmic-page header nav a{color:var(--text-primary)!important}.cosmic-page header nav a.active{border-bottom-color:var(--nebula)!important}.cosmic-page header h2 a,.cosmic-page header h2 a.active{color:var(--nebula)!important}.cosmic-page footer{background:#02040f!important;border-top:1px solid var(--card-border);color:var(--text-muted)!important}.cosmic-page main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.cosmic-page .cosmic-wrap{max-width:1000px;margin:0 auto;padding:2.5rem 1.2rem 5rem}.cosmic-page .pc-only{display:inline}@media(max-width:600px){.cosmic-page .pc-only{display:none}}.cosmic-page .hero{text-align:center;margin-bottom:4rem}.cosmic-page .page-tag{display:inline-block;background:#8b7bff24;color:var(--nebula);border:1px solid var(--card-border);padding:.25em .9em;border-radius:999px;font-size:.8rem;font-weight:700}.cosmic-page .hero h1{margin:.4em 0 .3em;font-size:clamp(1.8rem,5vw,2.6rem);color:var(--text-primary);letter-spacing:.04em}.cosmic-page .sub-en{font-size:.45em;color:var(--text-muted);letter-spacing:.25em;font-weight:400}.cosmic-page .hero-lead{color:var(--text-body);line-height:2;margin:0 0 2rem}.cosmic-page .hero-lead strong{color:var(--star-gold)}.cosmic-page .clock-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:2rem 1.5rem;backdrop-filter:blur(8px);box-shadow:0 0 60px #8b7bff1f;margin-bottom:2rem}.cosmic-page .clock-label{color:var(--text-muted);font-size:.85rem;letter-spacing:.2em;margin:0 0 .8rem}.cosmic-page .clock-main{margin:0 0 .8rem}.cosmic-page .clock-date{display:block;font-size:clamp(1.1rem,3vw,1.5rem);color:var(--star-gold);margin-bottom:.2em}.cosmic-page .clock-time{display:block;font-family:Consolas,Courier New,monospace;font-size:clamp(1.5rem,5.5vw,3rem);font-weight:700;color:var(--text-primary);text-shadow:0 0 24px rgba(139,123,255,.5);letter-spacing:.02em;font-variant-numeric:tabular-nums}.cosmic-page .clock-hint{color:var(--text-muted);font-size:.78rem;margin:0 0 1.2rem}.cosmic-page .odometer-row{border-top:1px solid var(--card-border);padding-top:1rem;display:flex;flex-direction:column;gap:.3rem}.cosmic-page .odo-label{color:var(--text-muted);font-size:.8rem}.cosmic-page .odo-value{font-family:Consolas,Courier New,monospace;font-size:clamp(.95rem,3vw,1.3rem);color:var(--star-cyan);font-variant-numeric:tabular-nums}.cosmic-page .birth-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:1.8rem 1.5rem;backdrop-filter:blur(8px);scroll-margin-top:90px}.cosmic-page .birth-title{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-primary)}.cosmic-page .birth-desc{color:var(--text-muted);font-size:.85rem;margin:0 0 1.2rem;line-height:1.7}.cosmic-page .birth-form{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.cosmic-page .birth-input{background:#080c20e6;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);padding:.6em .9em;font-size:1rem;color-scheme:dark}.cosmic-page .btn-primary{background:linear-gradient(135deg,var(--nebula),var(--star-cyan));color:#0a0a20;font-weight:700;border:none;border-radius:10px;padding:.6em 1.6em;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.cosmic-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b7bff66}.cosmic-page .birth-result{margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--card-border)}.cosmic-page .result-main{font-size:clamp(1.1rem,3.5vw,1.5rem);color:var(--text-primary);margin:0 0 .6rem}.cosmic-page .result-sec{font-size:1.6em;background:linear-gradient(135deg,var(--nebula),var(--star-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.cosmic-page .result-sub{color:var(--text-body);font-size:.9rem;margin:0 0 .4rem;line-height:1.7}.cosmic-page .share-row{display:flex;gap:.7rem;justify-content:center;margin-top:1.1rem;flex-wrap:wrap}.cosmic-page .btn-share{background:#8b7bff1f;border:1px solid var(--card-border);color:var(--text-primary);border-radius:999px;padding:.5em 1.4em;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.cosmic-page .btn-share:hover{background:#8b7bff40;border-color:var(--nebula)}.cosmic-page .section{margin-bottom:4.5rem}.cosmic-page .section-title{font-size:clamp(1.3rem,4vw,1.7rem);color:var(--text-primary);margin:0 0 .5rem}.cosmic-page .section-desc{color:var(--text-muted);font-size:.92rem;line-height:1.8;margin:0 0 1.6rem}.cosmic-page .card-note{color:var(--text-muted);font-size:.75rem;margin:.7rem 0 0;line-height:1.6}.cosmic-page .card-note a{color:var(--star-cyan)}.cosmic-page .timeline-scroll{overflow-x:auto;padding:.5rem 0 1rem;-webkit-overflow-scrolling:touch;scrollbar-color:var(--nebula) transparent}.cosmic-page .timeline-track{display:flex;gap:.6rem;position:relative;padding:.5rem .2rem;min-width:max-content}.cosmic-page .timeline-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,var(--nebula),var(--star-cyan));opacity:.35;pointer-events:none}.cosmic-page .tl-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:.8rem .9rem;min-width:108px;cursor:pointer;color:var(--text-primary);transition:transform .15s,border-color .15s,box-shadow .15s;backdrop-filter:blur(6px)}.cosmic-page .tl-node:hover{transform:translateY(-3px);border-color:var(--nebula)}.cosmic-page .tl-node.active{border-color:var(--star-gold);box-shadow:0 0 18px #ffd97a40}.cosmic-page .tl-node.tl-now{border-color:#ffd97a80}.cosmic-page .tl-icon{font-size:1.6rem;line-height:1}.cosmic-page .tl-date{font-size:.68rem;color:var(--star-gold);white-space:nowrap}.cosmic-page .tl-title{font-size:.78rem;color:var(--text-body);white-space:nowrap}.cosmic-page .event-detail{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.4rem 1.5rem;backdrop-filter:blur(6px);min-height:120px}.cosmic-page .ed-head{display:flex;align-items:center;gap:.9rem;margin-bottom:.8rem}.cosmic-page .ed-icon{font-size:2.2rem;line-height:1}.cosmic-page .ed-head h3{margin:0 0 .2rem;font-size:1.15rem;color:var(--text-primary)}.cosmic-page .ed-meta{margin:0;font-size:.8rem;color:var(--star-gold)}.cosmic-page .ed-desc{margin:0;color:var(--text-body);line-height:1.9;font-size:.92rem}.cosmic-page .truescale{margin-top:1.6rem}.cosmic-page .truescale-label{color:var(--text-muted);font-size:.8rem;margin:0 0 .5rem}.cosmic-page .truescale-bar{position:relative;height:44px;background:linear-gradient(90deg,#8b7bff1f,#4dd0e11f);border:1px solid var(--card-border);border-radius:8px}.cosmic-page .ts-dot{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--star-gold);box-shadow:0 0 6px #ffd97acc}.cosmic-page .ts-jan,.cosmic-page .ts-dec{position:absolute;top:100%;margin-top:.3rem;font-size:.68rem;color:var(--text-muted);line-height:1.4}.cosmic-page .ts-jan{left:0}.cosmic-page .ts-dec{right:0;text-align:right}.cosmic-page .truescale{padding-bottom:2.2rem}.cosmic-page .today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.1rem}.cosmic-page .today-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.3rem 1.4rem;backdrop-filter:blur(6px);text-align:center}.cosmic-page .today-card .card-title{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);text-align:left}.cosmic-page #moonCanvas{max-width:200px;width:60%;height:auto}.cosmic-page .moon-name{font-size:1.3rem;color:var(--star-gold);margin:.6rem 0 .2rem}.cosmic-page .moon-meta{color:var(--text-muted);font-size:.85rem;margin:0}.cosmic-page #issCanvas{width:100%;height:auto;border-radius:10px;border:1px solid rgba(120,140,210,.25)}.cosmic-page .iss-meta{color:var(--text-body);font-size:.85rem;margin:.7rem 0 0}.cosmic-page .next-event{margin-bottom:.8rem}.cosmic-page .ne-title{font-size:1.1rem;color:var(--text-primary);margin:0 0 .4rem}.cosmic-page .ne-count{font-size:1rem;color:var(--text-body);margin:0 0 .3rem}.cosmic-page .ne-count strong{font-size:1.5em;color:var(--star-cyan);font-variant-numeric:tabular-nums}.cosmic-page .ne-date{color:var(--text-muted);font-size:.8rem;margin:0}.cosmic-page .event-list{list-style:none;margin:0;padding:.8rem 0 0;border-top:1px solid var(--card-border);text-align:left;color:var(--text-body);font-size:.85rem;line-height:2}.cosmic-page .sunlight-card .sunlight-text{color:var(--text-body);line-height:2;margin:0;text-align:left;font-size:.95rem}.cosmic-page .sunlight-text strong{color:var(--star-gold)}.cosmic-page .planet-nav{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.6rem}.cosmic-page .planet-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:transparent;border:1px solid transparent;border-radius:14px;padding:.7rem .7rem .5rem;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.cosmic-page .planet-btn:hover{transform:translateY(-3px);background:#8b7bff14}.cosmic-page .planet-btn.active{background:#8b7bff24;border-color:var(--card-border)}.cosmic-page .planet-name{font-size:.78rem;color:var(--text-body)}.cosmic-page .planet-btn.active .planet-name{color:var(--star-gold)}.cosmic-page .planet-dot{position:relative;width:46px;height:46px;border-radius:50%;display:block}.cosmic-page .planet-dot.mercury{background:radial-gradient(circle at 35% 32%,#cfcfd8,#8e8e9a 50%,#4f4f5c)}.cosmic-page .planet-dot.venus{background:radial-gradient(circle at 35% 32%,#fbeccb,#e8c478 50%,#a8762e)}.cosmic-page .planet-dot.earth{background:radial-gradient(circle at 35% 32%,#aee0ff,#2e7dd1 55%,#122f5e)}.cosmic-page .planet-dot.mars{background:radial-gradient(circle at 35% 32%,#ffb38a,#d65a33 55%,#6e2410)}.cosmic-page .planet-dot.jupiter{background:radial-gradient(circle at 35% 32%,#ffffff59,#0000 45%),repeating-linear-gradient(8deg,#e0c19a 0 5px,#b98a64 5px 9px,#ecd6b0 9px 14px,#c89a74 14px 18px)}.cosmic-page .planet-dot.saturn{background:radial-gradient(circle at 35% 32%,#ffffff4d,#0000 45%),repeating-linear-gradient(5deg,#eed9a8 0 6px,#d4b478 6px 11px,#f2e2bc 11px 16px)}.cosmic-page .planet-dot.saturn:after{content:"";position:absolute;left:-10px;right:-10px;top:50%;height:12px;margin-top:-6px;border:2px solid rgba(238,217,168,.75);border-radius:50%;transform:rotate(-18deg)}.cosmic-page .planet-dot.uranus{background:radial-gradient(circle at 35% 32%,#d8fbfb,#6fd3dd 55%,#237685)}.cosmic-page .planet-dot.neptune{background:radial-gradient(circle at 35% 32%,#9cc0ff,#3a6fd8 55%,#122a6e)}.cosmic-page .planet-view{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:1.5rem;align-items:start}@media(max-width:700px){.cosmic-page .planet-view{grid-template-columns:1fr}}.cosmic-page .planet-clock-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.4rem;text-align:center;backdrop-filter:blur(6px)}.cosmic-page #planetClock{max-width:280px;width:90%;height:auto}.cosmic-page .planet-digital{font-family:Consolas,Courier New,monospace;font-size:1.25rem;color:var(--text-primary);margin:.8rem 0 0;font-variant-numeric:tabular-nums}.cosmic-page .planet-info{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.4rem 1.5rem;backdrop-filter:blur(6px)}.cosmic-page .pi-name{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary)}.cosmic-page .pi-en{font-size:.6em;color:var(--text-muted);letter-spacing:.15em;font-weight:400}.cosmic-page .pi-table{margin:0 0 1.1rem}.cosmic-page .pi-table>div{display:flex;justify-content:space-between;align-items:baseline;padding:.55rem 0;border-bottom:1px dashed rgba(139,123,255,.18)}.cosmic-page .pi-table dt{color:var(--text-muted);font-size:.85rem}.cosmic-page .pi-table dd{margin:0;color:var(--text-body);font-size:.95rem}.cosmic-page .pi-age{font-size:1.4em;background:linear-gradient(135deg,var(--nebula),var(--star-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.cosmic-page .pi-link{color:var(--star-cyan);font-size:.85rem}.cosmic-page .pi-fact{margin:0;color:var(--text-body);font-size:.88rem;line-height:1.8}.cosmic-page .about-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.8rem 1.6rem;backdrop-filter:blur(6px)}.cosmic-page .about-section h3{color:var(--star-gold);font-size:1.05rem;margin:1.4rem 0 .6rem}.cosmic-page .about-section h3:first-of-type{margin-top:.8rem}.cosmic-page .about-section p{color:var(--text-body);line-height:2;font-size:.92rem;margin:0 0 .6rem}