.petra-actions{flex-wrap:wrap;gap:12px 24px;display:flex}.petra-actions[hidden],.petra-visitor[hidden]{display:none}.petra-actions button{border:0;border-bottom:1px solid var(--theme-line-strong);color:var(--green);font:.8125rem/1.6 var(--mono);cursor:pointer;background:0 0;padding:0 0 7px}.petra-actions button span{margin-left:14px}.petra-actions button:hover{color:var(--theme-accent)}.petra-visitor{--petra-size:min(340px,42svh,80vw);--petra-travel:max(0px,min(55vw,580px,calc(100vw - var(--petra-size) - 48px)));width:var(--petra-size);z-index:15;pointer-events:none;animation:.7s cubic-bezier(.2,.9,.3,1.2) both petra-arrive;position:fixed;bottom:18px;right:24px}.petra-runner{position:relative}.petra-pet{width:var(--petra-size);height:var(--petra-size);pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.petra-sprite{transform-origin:50% 90%;height:100%;animation:3.5s ease-in-out infinite petra-idle;display:block}.petra-sprite img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 10px 10px color-mix(in srgb, var(--theme-shadow) 33.33%, transparent));user-select:none;display:block}.petra-speech{border:1px solid var(--theme-line-strong);background:color-mix(in srgb, var(--theme-surface) 96.08%, transparent);width:225px;max-width:80vw;box-shadow:0 4px 25px color-mix(in srgb, var(--theme-shadow) 20.0%, transparent);color:var(--theme-accent);font:.75rem/1.6 var(--mono);border-radius:12px 12px 0;margin:0 0 -4px;padding:12px 14px;position:absolute;bottom:100%;right:0}.petra-dismiss{pointer-events:auto;border:1px solid var(--theme-line);color:var(--theme-muted);background:color-mix(in srgb, var(--theme-surface) 96.08%, transparent);font:.6875rem var(--mono);cursor:pointer;border-radius:5px;margin-left:auto;padding:7px 10px;display:block}.petra-dismiss span{margin-left:12px}.petra-dismiss:hover{border-color:var(--green);color:var(--green)}.petra-hearts{width:100%;color:var(--green);opacity:0;pointer-events:none;font-size:1.5rem;position:absolute;top:16px;left:12px}.is-loved .petra-hearts{animation:1s ease-out both petra-hearts}.is-loved .petra-sprite{animation:.45s ease-in-out 2 petra-hop}.is-barking .petra-sprite{animation:.3s ease-out 2 petra-bark}.is-barking .petra-speech{border-color:var(--green);background:var(--theme-accent-bright);color:var(--theme-on-accent);text-align:center;letter-spacing:-.06em;box-shadow:0 0 35px color-mix(in srgb, var(--theme-accent-bright) 26.67%, transparent);transform-origin:85% 100%;font-size:2.25rem;font-weight:500;animation:.65s cubic-bezier(.2,.8,.2,1) both petra-woof-pop}@keyframes petra-woof-pop{0%{opacity:0;transform:scale(.45)rotate(-12deg)}45%{opacity:1;transform:scale(1.12)rotate(4deg)}70%{transform:scale(.96)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes petra-bark{0%,to{transform:scale(1)}35%{transform:translateY(-7px)scale(1.035)}}.petra-ball{opacity:0;font-size:30px;position:absolute;bottom:45px;left:35%}.is-fetching .petra-ball{animation:3s ease-in-out both petra-ball}.is-fetching .petra-runner{animation:3s ease-in-out both petra-fetch}.is-fetching .petra-sprite{animation:.22s ease-in-out infinite petra-hop}.is-fetching .petra-speech{visibility:hidden}.is-paused,.is-paused *{animation-play-state:paused!important}@keyframes petra-arrive{0%{opacity:0;transform:translate(100px,40px)rotate(8deg)}to{opacity:1;transform:none}}@keyframes petra-idle{0%,to{transform:rotate(-2deg)}45%{transform:translateY(-3px)rotate(2deg)}60%{transform:rotate(0)}}@keyframes petra-hop{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes petra-hearts{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-70px)scale(1.1)}}@keyframes petra-fetch{0%,to{transform:translate(0)}40%,55%{transform:translateX(calc(var(--petra-direction,-1) * var(--petra-travel)))}}@keyframes petra-ball{0%{opacity:1;transform:translateY(-80px)rotate(0)}32%,50%{opacity:1;transform:translate(calc(var(--petra-direction,-1) * var(--petra-travel)),0) rotate(-540deg)}55%,to{opacity:0;transform:translate(calc(var(--petra-direction,-1) * var(--petra-travel)),0)}}@media (width<=600px){.petra-visitor{--petra-size:min(240px,38svh,80vw);bottom:12px;right:12px}.petra-speech{width:200px;padding:10px 12px;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.petra-visitor,.petra-visitor *{animation:none!important}.is-loved .petra-hearts{opacity:1}}.petra-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.petra-controls .petra-dismiss{margin-left:0}.petra-release{pointer-events:auto;border:1px solid var(--theme-line-strong);background:var(--theme-accent-bright);color:var(--theme-on-accent);font:.6875rem var(--mono);cursor:pointer;border-radius:5px;padding:7px 10px}.petra-release[hidden]{display:none}.petra-actions button:disabled{color:var(--theme-muted);border-color:var(--theme-line);cursor:not-allowed}.petra-crate{border:5px solid var(--theme-line-strong);background:linear-gradient(to top,color-mix(in srgb, var(--theme-surface) 26.67%, transparent),transparent 25%);box-shadow:inset 0 0 0 2px var(--theme-bg),0 5px 12px color-mix(in srgb, var(--theme-shadow) 40.0%, transparent);perspective:650px;opacity:0;visibility:hidden;pointer-events:none;border-bottom-width:12px;border-radius:16px 16px 7px 7px;transition:opacity .3s,transform .4s,visibility .4s;position:absolute;inset:9% 2% 1%;transform:translateY(12px)scale(.94)}.petra-crate-name{background:var(--theme-surface);color:var(--theme-fg);border:1px solid var(--theme-line-strong);font:.625rem/1.5 var(--mono);letter-spacing:.15em;z-index:2;border-radius:4px;padding:3px 12px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.petra-crate-door{border:3px solid var(--theme-line-strong);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 3px),var(--theme-muted) calc(20% - 3px),var(--theme-surface-raised) 20%),linear-gradient(transparent 47%,var(--theme-muted) 47%,var(--theme-muted) 49%,transparent 49%);box-shadow:3px 0 7px color-mix(in srgb, var(--theme-shadow) 33.33%, transparent);transform-origin:0;border-radius:10px 10px 0 0;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:rotateY(-100deg)}.petra-crate-lock{background:var(--theme-accent-bright);color:var(--theme-on-accent);box-shadow:0 2px 5px color-mix(in srgb, var(--theme-shadow) 33.33%, transparent);border-radius:4px;padding:2px 5px;font-size:18px;position:absolute;top:44%;right:-7px}.is-crated .petra-crate{opacity:1;visibility:visible;transform:none}.is-crated .petra-crate-door{transform:rotateY(0)}.is-crated .petra-sprite{animation:none;transform:translateY(4%)scale(.85)}.petra-sprite{transition:transform .4s}@media (prefers-reduced-motion:reduce){.petra-crate,.petra-crate-door,.petra-sprite{transition:none}}@media (width>=901px){.petra-visitor{--petra-direction:1;left:24px;right:auto}.petra-speech{border-radius:12px 12px 12px 0;left:0;right:auto}.petra-controls{justify-content:flex-start}}.now-page{max-width:1400px;margin:auto;padding:78px 0 45px}.now-heading{padding-bottom:40px}.now-heading h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.5rem,6vw,6.5rem);font-weight:500;line-height:1.08}.now-overview{grid-template-columns:.85fr 1.15fr;align-items:center;gap:24px;display:grid}.now-solar{isolation:isolate;width:100%;max-width:740px;height:620px;margin:auto;position:relative}.now-sun{color:var(--theme-accent);letter-spacing:-.07em;text-shadow:0 0 24px color-mix(in srgb, var(--theme-accent-bright) 60%, transparent);font-size:clamp(1.1rem,2vw,1.7rem);font-weight:600;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.now-sun span{color:var(--green)}.now-sun:before{content:"";z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb, var(--theme-accent-bright) 14.9%, transparent),transparent 70%);position:absolute;inset:-35px}.now-orbit{border:1px solid color-mix(in srgb, var(--theme-muted) 20.78%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}.now-orbit-0{width:52%;height:36%}.now-orbit-1{border-style:dashed;width:76%;height:65%}.now-orbit-2{width:94%;height:90%}.now-planet{border:1px solid var(--theme-line);background:linear-gradient(135deg,color-mix(in srgb, var(--theme-surface) 96.08%, transparent),color-mix(in srgb, var(--theme-surface) 96.08%, transparent));width:min(270px,46%);box-shadow:0 14px 40px color-mix(in srgb, var(--theme-shadow) 26.67%, transparent);cursor:pointer;color:var(--theme-fg);text-align:left;border-radius:18px;padding:0;transition:border-color .25s,box-shadow .25s,left .4s,top .4s,width .4s,opacity .3s;animation:7s ease-in-out infinite now-card-float;position:absolute;transform:translate(-50%,-50%)}.now-planet-0{top:22%;left:24%}.now-planet-1{background:linear-gradient(135deg,color-mix(in srgb, var(--theme-surface) 96.08%, transparent),color-mix(in srgb, var(--theme-surface) 96.08%, transparent));border-color:var(--theme-line);animation-delay:-2s;top:28%;left:76%}.now-planet-2{background:linear-gradient(135deg,color-mix(in srgb, var(--theme-surface) 96.08%, transparent),color-mix(in srgb, var(--theme-surface) 96.08%, transparent));border-color:var(--theme-line);animation-delay:-4s;top:78%;left:48%}.now-planet-body{aspect-ratio:1;background:radial-gradient(circle at 28% 25%,var(--theme-accent-bright),var(--theme-muted) 43%,var(--theme-surface) 78%);width:46px;box-shadow:inset -6px -6px 12px color-mix(in srgb, var(--theme-shadow) 33.33%, transparent),0 0 26px color-mix(in srgb, var(--theme-accent-bright) 9.02%, transparent);border-radius:50%;transition:transform .35s,box-shadow .35s;display:block}.now-planet-1 .now-planet-body{background:radial-gradient(circle at 28% 25%,var(--theme-accent-bright),var(--theme-info) 43%,var(--theme-surface) 78%)}.now-planet-2 .now-planet-body{background:radial-gradient(circle at 28% 25%,var(--theme-warning),var(--theme-warning) 43%,var(--theme-surface-raised) 78%)}.now-planet-label{letter-spacing:-.03em;font-size:1.25rem;font-weight:500;line-height:1.2}.now-planet-context{color:var(--theme-muted);font-size:.875rem;line-height:1.6}.now-planet-link{width:100%;color:var(--green);font:.6875rem/1.5 var(--mono);justify-content:space-between;margin-top:auto;padding-top:4px;display:flex}.now-planet:hover,.now-planet:focus-within,.now-planet[open]{border-color:var(--green);box-shadow:0 14px 40px color-mix(in srgb, var(--theme-shadow) 26.67%, transparent),0 0 25px color-mix(in srgb, var(--theme-accent-bright) 10.98%, transparent)}.now-planet:hover .now-planet-body,.now-planet:focus-within .now-planet-body{transform:scale(1.12)rotate(8deg)}.now-solar.is-still .now-planet{animation-play-state:paused}@keyframes now-card-float{0%,to{transform:translate(-50%,-50%)translateY(-5px)rotate(-1deg)}50%{transform:translate(-50%,-50%)translateY(5px)rotate(1deg)}}.now-planet>summary{cursor:pointer;border-radius:inherit;flex-direction:column;align-items:flex-start;gap:12px;min-height:210px;padding:22px;list-style:none;display:flex}.now-planet>summary::-webkit-details-marker{display:none}.now-planet>summary:focus-visible{outline-offset:-5px}.now-planet-close-label{display:none}.now-planet[open]{z-index:4;border-color:var(--green);width:min(490px,100%);box-shadow:0 20px 65px color-mix(in srgb, var(--theme-shadow) 53.33%, transparent),0 0 40px color-mix(in srgb, var(--theme-accent-bright) 8.24%, transparent);animation:none;top:50%;left:50%;transform:translate(-50%,-50%)}.now-planet[open]>summary{min-height:0;padding-bottom:18px}.now-planet[open] .now-planet-open-label{display:none}.now-planet[open] .now-planet-close-label{display:inline}.now-planet-toggle{font-size:1rem;transition:transform .3s}.now-planet[open] .now-planet-toggle{transform:rotate(45deg)}.now-solar:has(.now-planet[open]) .now-planet:not([open]){opacity:.32}.now-solar:has(.now-planet[open]) .now-planet:not([open]):hover,.now-solar:has(.now-planet[open]) .now-planet:not([open]):focus-within{opacity:1;z-index:5}.now-detail{border-top:1px solid color-mix(in srgb, var(--theme-muted) 18.82%, transparent);margin:0 22px;padding:18px 0 24px;animation:.35s ease-out now-unfold}.now-detail>p{color:var(--theme-muted);margin:0 0 20px;font-size:.9375rem;line-height:1.8}.now-detail>p:last-child{margin-bottom:0}.now-detail .petra-actions{gap:16px 22px}.now-detail .petra-actions button{text-align:left}@keyframes now-unfold{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@supports (interpolate-size:allow-keywords){.now-planet{interpolate-size:allow-keywords}.now-planet::details-content{height:0;transition:height .4s ease,content-visibility .4s allow-discrete;overflow:clip}.now-planet[open]::details-content{height:auto}}@media (width<=900px){.now-overview{grid-template-columns:1fr;gap:0}.now-solar{max-width:640px;margin-top:0}}@media (width<=600px){.now-page{padding-top:45px}.now-solar{gap:18px;height:auto;padding:20px 0 35px;display:grid}.now-sun{text-align:center;margin-bottom:12px;position:relative;top:auto;left:auto;transform:none}.now-orbit{top:50%}.now-planet,.now-planet[open]{width:100%;animation:none;position:relative;top:auto;left:auto;transform:none}.now-planet>summary{grid-template-columns:46px 1fr;gap:8px 16px;min-height:0;padding:20px;display:grid}.now-planet-body{grid-area:1/1/4}.now-planet-label,.now-planet-context,.now-planet-link{grid-column:2}.now-detail{margin:0 20px}.now-solar:has(.now-planet[open]) .now-planet:not([open]){opacity:1}.now-heading{padding-bottom:38px}#petra[open] .now-detail{padding-bottom:300px}}@media (prefers-reduced-motion:reduce){.now-planet-body,.now-planet,.now-planet::details-content,.now-planet-toggle{transition:none;animation:none}.now-detail{animation:none}}.now-word{isolation:isolate;color:var(--theme-on-accent);margin-top:.14em;padding:0 .14em .07em;display:inline-block;position:relative}.now-word:before{content:"";z-index:-1;background:linear-gradient(110deg,var(--theme-accent-bright) 20%,var(--theme-accent-bright) 45%,var(--theme-accent-bright) 65%);background-size:260% 100%;border-radius:.055em;animation:5s ease-in-out infinite now-highlight;position:absolute;inset:.02em -.015em 0;transform:rotate(-3deg)}@keyframes now-highlight{0%,to{background-position:100%;transform:rotate(-3deg)scaleX(1)}45%{background-position:0%;transform:rotate(-1deg)scaleX(1.035)}70%{background-position:0%;transform:rotate(-3deg)scaleX(1)}}@media (prefers-reduced-motion:reduce){.now-word:before{animation:none}}