.pss{--bg:#0c0a1c;--card:#130f27;--panel:#1b1535;--panel-2:#221a42;--line:#2e2652;--accent:#c084fc;--accent-strong:#a855f7;--text:#f3f0fb;--muted:#a7a1c6;--amber:#f0a63c;--good:#4ade80;--bad:#f87171;--space-1:#101a3a;--space-2:#060a18;--space-3:#02040c;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.pss *{box-sizing:border-box}.pss{color:var(--text);font-family:inherit;font-size:16px;line-height:1.5}.pss .lab{background:var(--card);border:1px solid var(--line);border-radius:22px;gap:20px;padding:clamp(16px,2.5vw,30px);display:grid}.pss .eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.pss h1{text-wrap:balance;margin:4px 0 0;font-size:clamp(24px,3vw,32px)}.pss h2{text-wrap:balance;margin:0;font-size:22px}.pss h3{margin:0;font-size:18px}.pss p{margin:0}.pss .steps{flex-wrap:wrap;gap:8px;display:flex}.pss .step{font:inherit;color:var(--muted);border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex}.pss .step .n{background:var(--panel-2);width:22px;height:22px;color:var(--text);border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.pss .step[aria-current=true]{color:var(--text);border-color:var(--accent);background:#c084fc1f}.pss .step[aria-current=true] .n{background:var(--accent-strong)}.pss .step:focus-visible,.pss button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pss .grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=820px){.pss .grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.pss .visual{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:12px;min-width:0;padding:16px;display:grid}.pss .visual .hint{color:var(--muted);font-size:15px}.pss .space{background:radial-gradient(ellipse at 30% 20%, var(--space-1) 0%, var(--space-2) 55%, var(--space-3) 100%);border-radius:14px;position:relative;overflow:hidden}.pss .space svg.main{width:100%;height:auto;display:block;position:relative}.pss .star{pointer-events:none;background:#fff;border-radius:50%;position:absolute}.pss .side{background:var(--panel);border:1px solid var(--line);border-radius:18px;align-content:start;gap:14px;min-width:0;padding:18px;display:grid}.pss .box{background:var(--panel-2);color:#d9d4ee;border-radius:14px;padding:14px 16px}.pss .box strong{color:var(--text)}.pss .muted{color:var(--muted)}.pss .btn{font:inherit;color:var(--text);background:var(--panel-2);border:1.5px solid var(--line);cursor:pointer;text-align:left;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600}.pss .btn:hover{border-color:var(--accent)}.pss .btn.on{border-color:var(--accent);background:#c084fc29}.pss .btn.done:after{content:"✓";color:var(--good);margin-left:8px}.pss .btn-row{flex-wrap:wrap;gap:8px;display:flex}.pss .seg{background:var(--panel-2);border-radius:12px;gap:4px;padding:4px;display:flex}.pss .seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 10px;font-size:15px;font-weight:600}.pss .seg button.on{background:var(--accent-strong);color:#fff}.pss .why{font:inherit;color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;text-align:left;background:0 0;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:700}.pss .why.on{background:#c084fc29}.pss .ghost{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:14px}.pss .explain{background:var(--panel);border:1.5px solid var(--accent);border-radius:18px;gap:12px;padding:18px 20px;display:grid}.pss .explain-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pss .explain p{color:#ddd8f0;max-width:75ch}.pss .facts{flex-wrap:wrap;gap:10px;display:flex}.pss .fact{background:var(--panel-2);border-radius:12px;padding:10px 14px;display:grid}.pss .fact .k{color:var(--muted);font-size:13px}.pss .fact .v{font-variant-numeric:tabular-nums;font-weight:700}.pss .pl-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pss .pl-title{align-items:center;gap:12px;display:flex}.pss .pl-title svg{flex-shrink:0;width:52px;height:52px}.pss .close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:18px}.pss .close:hover{background:#ffffff14}.pss .rows{gap:8px;display:grid}.pss .row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.pss .row dt{color:var(--muted)}.pss .row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.pss .note{color:var(--muted);font-size:14px}.pss .tip{border:1.5px solid var(--amber);color:#ece3d2;background:#f0a63c14;border-radius:14px;padding:14px 16px}.pss .track{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 14px;display:flex;position:relative}.pss .track .sun{flex-shrink:0;width:70px;height:70px}.pss .slots{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;display:grid}@media (width>=1100px){.pss .slots{grid-template-columns:repeat(8,minmax(0,1fr))}}.pss .slot{font:inherit;color:#c9d3f3;cursor:pointer;background:#ffffff08;border:2px dashed #aabef059;border-radius:14px;align-content:center;justify-items:center;gap:4px;min-height:96px;padding:8px 4px;display:grid}.pss .slot .num{font-size:18px;font-weight:700}.pss .slot.filled{cursor:default;background:#4ade800f;border-style:solid;border-color:#4ade8099}.pss .slot svg{width:46px;height:46px}.pss .slot .nm{font-size:13px;font-weight:600}.pss .slot.wrong{border-color:var(--bad);animation:.35s pss-shake}@keyframes pss-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pss .palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pss .pchip{font:inherit;color:var(--text);background:var(--panel-2);border:1.5px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.pss .pchip svg{flex-shrink:0;width:34px;height:34px}.pss .pchip.on{border-color:var(--accent);background:#c084fc29}.pss .msg-bad{color:#fecaca;background:#f871711a;border:1px solid #f8717166;border-radius:12px;padding:10px 14px}.pss .msg-good{color:#dcfce7;background:#4ade801a;border:1px solid #4ade8073;border-radius:12px;padding:12px 16px}.pss .mnemo{font-size:20px;font-weight:600}.pss .mnemo b{color:var(--accent)}.pss .timeline{gap:8px;display:grid}.pss .tl-btn{justify-content:space-between;gap:10px;display:flex}.pss .tl-btn .y{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.pss .sea-canvas{width:100%;height:auto;display:block}.pss .season{text-align:center;color:#fff;border-radius:14px;padding:14px}.pss .season-n{font-size:26px;font-weight:800}.pss .season-s{opacity:.92;font-size:14px}.pss .toggle-row{background:var(--panel-2);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.pss .switch{cursor:pointer;background:#64748b;border:0;border-radius:999px;flex-shrink:0;width:52px;height:28px;position:relative}.pss .switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:4px;left:4px}.pss .switch.on{background:var(--accent-strong)}.pss .switch.on span{left:28px}.pss .slider-wrap{gap:4px;display:grid}.pss .slider-lab{justify-content:space-between;font-weight:700;display:flex}.pss .slider-lab span{color:var(--accent)}.pss .slider-wrap input{width:100%;accent-color:var(--accent-strong)}.pss .slider-ends{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.pss .age-list{gap:6px;padding:14px;display:grid;position:relative}.pss .age-row{color:#e3e8ff;background:#ffffff0a;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid;position:relative}.pss .age-row.earth{background:#c084fc24}.pss .age-ico{width:40px;height:40px}.pss .age-name{font-weight:600;display:grid}.pss .age-note{color:#9aa7cc;font-size:12px;font-weight:500}.pss .age-val{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.pss .age-val small{color:#9aa7cc;font-size:13px;font-weight:600}.pss .stepper{align-items:center;gap:6px;display:flex}.pss .stepper input{width:64px;font:inherit;text-align:center;color:var(--text);background:var(--panel);border:1.5px solid var(--line);border-radius:10px;padding:6px;font-size:18px;font-weight:700}.pss .step-btn{font:inherit;border:1.5px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;font-size:20px;font-weight:700}.pss button.age-row{font:inherit;text-align:left;cursor:pointer;border:1.5px solid #0000;width:100%}.pss button.age-row.on{border-color:var(--accent)}.pss .formula{font-variant-numeric:tabular-nums;font-size:17px}.pss .sun-glow{animation:2.4s ease-in-out infinite pss-sunpulse}@keyframes pss-sunpulse{0%,to{opacity:.4}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.pss .sun-glow{opacity:.8;animation:none}}.pss svg text{font-family:inherit}.pss [data-action]{cursor:pointer}.pss .lab-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pss .intro{z-index:60;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px calc(env(safe-area-inset-bottom,0px) + 14px);background:radial-gradient(ellipse at 30% 20%, var(--space-1) 0%, var(--space-2) 55%, var(--space-3) 100%);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 28px 28px;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;transition:transform .48s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;inset:0;overflow:hidden;box-shadow:0 18px 40px #0009}.pss .intro.dragging{transition:none}.pss .intro.gone{transform:translateY(-105%)}.pss .intro.peek{animation:1.4s ease-in-out 1.8s 2 pss-peek}@keyframes pss-peek{0%,to{transform:translateY(0)}45%{transform:translateY(-46px)}}.pss .intro-top{z-index:1;padding-inline:8px;position:relative}.pss .intro{--sz:min(100vw - 32px, 100vh - 150px);--cy:52%}@media (width>=1000px){.pss .intro{--sz:calc(min(100vw, 100vh) * 1.5);--cy:50%}}.pss .intro-stage{position:absolute;inset:0}.pss .intro-svg{left:50%;top:var(--cy);width:var(--sz);height:var(--sz);display:block;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.pss .intro-bottom{z-index:1;grid-row:3;place-items:center;display:grid;position:relative}.pss .pull{font:inherit;color:var(--text);border:1px solid var(--accent);cursor:pointer;background:#130f27bf;border-radius:999px;justify-items:center;gap:1px;padding:3px 10px 5px;font-size:9px;font-weight:600;display:grid}.pss .pull .chev{width:14px;height:14px}.pss .pull-bar{background:var(--accent);opacity:.8;border-radius:2px;width:24px;height:3px}.pss .chev{animation:1.6s ease-in-out infinite pss-bob}@keyframes pss-bob{0%,to{transform:translateY(3px)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.pss .slot.wrong,.pss .intro.peek,.pss .chev{animation:none}.pss .intro{transition:none}}