:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#183a2b;background:#edf3e8;font-synthesis:none;text-rendering:optimizeLegibility;--paper:#edf3e8;--ink:#183a2b;--muted:#68796e;--line:rgba(24,58,43,.13);--accent:#c9ec80;--orb:#b4d995;--orb-shadow:#94b47b;--liquid:#142d23;--theme-origin:50% 50%}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;background:var(--paper);color:var(--ink);transition:background-color .3s ease,color .3s ease}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.stage{min-height:100vh;display:grid;place-items:center;padding:48px 24px 60px;position:relative;isolation:isolate}.card{width:min(100%,560px);min-height:640px;padding:34px 42px 26px;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--paper) 86%,white);box-shadow:0 28px 90px rgba(31,60,42,.08);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.card__topline,.card__footer{width:100%;display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;font-size:9px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted)}.status{display:flex;align-items:center;gap:8px}.status i{width:6px;height:6px;border-radius:50%;background:#87b765;box-shadow:0 0 0 4px rgba(135,183,101,.13)}.orb{width:212px;height:212px;border-radius:50%;margin:56px auto 38px;align-self:center;position:relative;background:radial-gradient(circle at 31% 27%,#e5f1bd 0 5%,transparent 28%),radial-gradient(circle at 60% 70%,var(--orb-shadow),transparent 52%),linear-gradient(142deg,#d2e9a4,var(--orb));box-shadow:inset -17px -21px 45px rgba(40,70,44,.13),inset 10px 13px 30px rgba(255,255,255,.5),0 20px 50px rgba(70,100,57,.17);animation:float 5s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;inset:13%;border:1px solid rgba(255,255,255,.42);border-radius:45% 55% 58% 42% / 48% 42% 58% 52%;transform:rotate(-30deg)}.orb:after{inset:23%;border-color:rgba(42,79,46,.16);transform:rotate(35deg)}.orb span{position:absolute;left:30%;top:22%;width:38px;height:17px;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(7px);transform:rotate(-37deg)}.orb span:nth-child(2){left:58%;top:55%;width:14px;height:46px;opacity:.25}.orb span:nth-child(3){left:19%;top:62%;width:29px;height:10px;opacity:.2}h1{margin:13px 0 0;font-size:clamp(43px,8vw,64px);line-height:.96;letter-spacing:-.065em;font-weight:520}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#82986f}.copy{max-width:350px;color:var(--muted);font-size:14px;line-height:1.65;margin:16px 0 27px}.theme-toggle{border:0;border-radius:999px;background:var(--ink);color:var(--paper);padding:0 8px 0 18px;min-height:54px;display:flex;align-items:center;gap:13px;font:600 12px inherit;cursor:pointer;transition:transform .18s ease,background-color .25s ease,color .25s ease}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle:focus-visible{outline:3px solid #82a66c;outline-offset:4px}.toggle-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--ink);font-size:16px}.arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:16px}.card__footer{margin-top:auto;padding-top:27px;border-top:1px solid var(--line);font-size:8px}.note{position:absolute;bottom:19px;left:24px;right:24px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:.04em}html[data-theme="dark"]{color-scheme:dark;--paper:#111912;--ink:#edf3e8;--muted:#a3b2a5;--line:rgba(231,243,232,.13);--accent:#badd79;--orb:#627d54;--orb-shadow:#263c2c;--liquid:#edf3e8}html[data-theme="dark"] h1 em{color:#b4ca99}html[data-theme="dark"] .card{background:color-mix(in srgb,var(--paper) 90%,#27382a);box-shadow:0 28px 90px rgba(0,0,0,.2)}html[data-theme="dark"] .status i{background:#badd79}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:600px){.stage{padding:20px 16px 52px}.card{min-height:calc(100svh - 88px);padding:24px 24px 20px;border-radius:24px}.orb{width:158px;height:158px;margin:38px auto 31px}.copy{font-size:13px}.card__footer{font-size:7px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.theme-toggle{font-family:inherit;font-size:12px;font-weight:600}



/* Reveal only the new page snapshot; the SVG mask distorts its edge, not its content. */
[data-liquid-aperture]{transform-box:fill-box;transform-origin:center;transform:scale(0)}
html[data-motion-transition="liquid"]::view-transition-group(root){animation:none!important}
html[data-motion-transition="liquid"]::view-transition-old(root){animation:none!important}
html[data-motion-transition="liquid"]::view-transition-new(root){animation:liquid-view-hold 620ms linear both!important;mask:url("#liquid-mask") 0 0/100% 100% no-repeat;-webkit-mask:url("#liquid-mask") 0 0/100% 100% no-repeat;mask-mode:luminance}
html[data-motion-transition="liquid"] body,html[data-motion-transition="liquid"] .card{transition:none!important}

@keyframes liquid-view-hold{from{opacity:1}to{opacity:1}}