.pt-page{background:var(--bg);min-height:100vh;color:var(--ink);position:relative;overflow-x:hidden}.pt-sky{pointer-events:none;background:radial-gradient(800px 420px at 85% -10%, color-mix(in srgb, var(--sun) 20%, transparent), transparent 70%), radial-gradient(700px 500px at -10% 110%, #2ee6c41a, transparent 70%), radial-gradient(600px 400px at 50% 120%, #9b7bff1a, transparent 70%);position:fixed;inset:0}.pt-word{align-items:center;gap:var(--s2);white-space:nowrap;display:inline-flex}.pt-word-text{font-size:var(--t-lg);letter-spacing:-.02em;font-weight:700}.pt-word-text span{color:var(--ink-2);font-weight:600}.pt-top{z-index:1;justify-content:space-between;align-items:center;gap:var(--s3);max-width:1120px;padding:var(--s5) var(--s4) 0;margin:0 auto;display:flex;position:relative}.pt-top-right{align-items:center;gap:var(--s2);min-width:0;display:flex}.pt-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pt-main{z-index:1;max-width:1120px;padding:var(--s6) var(--s4) 64px;margin:0 auto;position:relative}.pt-hello h1{letter-spacing:-.025em;margin:0 0 var(--s1);font-size:clamp(26px,4vw,36px);font-weight:700}.pt-hello p{margin:0}.pt-grid{gap:var(--s5);margin-top:var(--s6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.pt-tile{--acc:var(--sun);--acc-2:#ff8a3d;border-radius:var(--r-lg);color:inherit;background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);animation:pt-in .42s var(--ease) both;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.pt-tile:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg, color-mix(in srgb, var(--acc) 70%, transparent), transparent 40%, transparent 60%, color-mix(in srgb, var(--acc-2) 55%, transparent));-webkit-mask-composite:xor;opacity:.45;transition:opacity .22s var(--ease);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pt-tile:hover,.pt-tile:focus-visible{box-shadow:var(--shadow), 0 20px 60px -20px color-mix(in srgb, var(--acc) 55%, transparent);outline:none;transform:translateY(-5px)}.pt-tile:hover:before,.pt-tile:focus-visible:before{opacity:1}.pt-tile:hover{text-decoration:none}.pt-tile:focus-visible{box-shadow:0 0 0 2px var(--focus), var(--shadow)}.pt-shade{--acc:#ffc233;--acc-2:#ff8a3d}.pt-edge{--acc:#2ee6c4;--acc-2:#3b82f6}.pt-helio{--acc:#a78bfa;--acc-2:#ff7a59}.pt-art{background:radial-gradient(120% 120% at 75% 0%, color-mix(in srgb, var(--acc) 26%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--acc-2) 10%, var(--canvas)), var(--canvas));border-bottom:1px solid var(--line);height:150px;position:relative;overflow:hidden}.pt-art svg{width:100%;height:100%;display:block}.pt-status{top:var(--s3);left:var(--s3);font-size:var(--t-xs);color:var(--ink);background:var(--glass-strong);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-weight:600;display:inline-flex;position:absolute}.pt-status i{background:var(--grey);border-radius:50%;width:7px;height:7px}.pt-status.up i{background:var(--green);box-shadow:0 0 0 3px var(--green-soft);animation:2.4s ease-in-out infinite pt-blink}.pt-status.down i{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.pt-body{gap:var(--s2);padding:var(--s4) var(--s5) var(--s5);flex-direction:column;flex:1;display:flex}.pt-name-row{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.pt-name-row h2{font-size:var(--t-xl);letter-spacing:-.015em;margin:0;font-weight:700}.pt-go{width:20px;height:20px;color:var(--acc);transition:transform .22s var(--ease);flex:none}.pt-tile:hover .pt-go{transform:translate(3px,-3px)}.pt-tagline{color:var(--ink-2);font-size:var(--t-md);margin:0}.pt-points{margin:var(--s1) 0 0;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.pt-points li{font-size:var(--t-sm);color:var(--muted);padding-left:16px;position:relative}.pt-points li:before{content:"";background:var(--acc);opacity:.85;border-radius:2px;width:6px;height:6px;position:absolute;top:.55em;left:2px}.pt-host{padding-top:var(--s3);font-size:var(--t-xs);color:var(--muted);margin-top:auto;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.sa-sun{fill:#ffc233;filter:drop-shadow(0 0 14px #ffc233a6)}.sa-rays rect{fill:#ffd45c;opacity:.55}.sa-rays{transform-origin:196px 62px;animation:40s linear infinite pt-spin}.sa-leaf{fill:#2fa565}.sa-leaf+.sa-leaf{fill:#278f56}.sa-trunk{fill:#6b4a2b}.sa-shadow{fill:#00000073}.sa-earth{fill:color-mix(in srgb, #2fa565 22%, var(--canvas))}.sa-glow{fill:#ffd67859}.sa-pole{fill:var(--ink-2)}.sa-panel{fill:#1e3a5f;stroke:#5cc8ff;stroke-width:1.2px}.sa-lamp{fill:var(--ink-2)}.sa-ground{stroke:var(--line-strong);stroke-width:1.5px}.sa-beam{stroke:#ffd45c;stroke-width:2px;stroke-dasharray:3 4;stroke-linecap:round;animation:1.2s linear infinite pt-dash}:root[data-theme=light] .sa-shadow{fill:#0f172a38}.ea-grid line{stroke:color-mix(in srgb, var(--acc) 12%, transparent);stroke-width:1px}.ea-link{stroke:color-mix(in srgb, var(--acc) 35%, transparent);stroke-width:1.4px}.ea-pulse{stroke:var(--acc);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:8 220;animation:2.4s linear infinite pt-travel}.ea-node{fill:var(--acc);stroke:var(--canvas);stroke-width:2px}.ea-node.warn{fill:#ffc233}.ea-halo{fill:none;stroke:var(--acc);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite pt-ping}.ea-batt{fill:none;stroke:var(--ink-2);stroke-width:1.5px}.ea-batt-cap{fill:var(--ink-2)}.ea-batt-fill{fill:var(--green);transform-box:fill-box;transform-origin:0;animation:4s ease-in-out infinite pt-charge}.ha-arc{fill:none;stroke-width:1.6px;stroke-linecap:round}.ha-arc.summer{stroke:#ff7a59;stroke-dasharray:2 5;opacity:.8}.ha-arc.equinox{stroke:#ffc233;opacity:.9}.ha-arc.winter{stroke:var(--acc);stroke-dasharray:2 5;opacity:.9}.ha-hour{fill:#ffc233;animation:3s ease-in-out infinite pt-blink}.ha-sun{fill:#ffd45c;filter:drop-shadow(0 0 10px #ffc440e6)}.ha-skyline{fill:color-mix(in srgb, var(--acc) 22%, var(--canvas))}.ha-compass circle{fill:none;stroke:var(--ink-2);stroke-width:1.2px;opacity:.7}.ha-compass path{fill:#ff7a59}.ha-compass text{fill:var(--ink-2);font-size:8px;font-weight:700}.ha-compass{animation:6s ease-in-out infinite pt-wobble}@keyframes pt-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pt-spin{to{transform:rotate(360deg)}}@keyframes pt-dash{to{stroke-dashoffset:-14px}}@keyframes pt-travel{0%{stroke-dashoffset:228px}to{stroke-dashoffset:0}}@keyframes pt-ping{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@keyframes pt-blink{50%{opacity:.45}}@keyframes pt-charge{0%,to{transform:scaleX(.35)}60%{transform:scaleX(1)}}@keyframes pt-wobble{0%,to{transform:translate(290px,38px)rotate(-8deg)}50%{transform:translate(290px,38px)rotate(8deg)}}@media (width<=560px){.pt-email{display:none}.pt-top{padding-top:var(--s4)}.pt-main{padding-top:var(--s5)}.pt-grid{gap:var(--s4)}}@media (prefers-reduced-motion:reduce){.pt-tile,.sa-rays,.sa-beam,.ea-pulse,.ea-halo,.ea-batt-fill,.ha-hour,.ha-compass,.pt-status.up i{animation:none!important}.pt-tile:hover{transform:none}}
