.sip{background-color:var(--c-surface);background-image:radial-gradient(var(--c-line-strong) 1px, transparent 1.2px);color:var(--c-ink);font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;background-size:24px 24px}.sip-halo{background:radial-gradient(ellipse at center, var(--c-surface) 0%, var(--c-surface) 38%, transparent 72%);pointer-events:none;width:min(1100px,120%);height:780px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.sip-card{background:var(--c-surface-2);border:1px solid var(--c-line);box-shadow:var(--c-shadow);border-radius:18px}.sip-tile{background:var(--c-surface-3);border-radius:12px}.sip-glass{background:var(--c-glass);border-bottom:1px solid var(--c-glass-line);-webkit-backdrop-filter:blur(16px)}.sip-note{background:var(--c-accent);color:var(--c-accent-ink);box-shadow:var(--c-shadow);font-family:Segoe Script,Bradley Hand,Snell Roundhand,Comic Sans MS,cursive}@keyframes sip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.sip-float{will-change:transform;animation:8s ease-in-out infinite sip-float}@keyframes sip-ping{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}.sip-ping{animation:1.9s cubic-bezier(0,0,.2,1) infinite sip-ping}@keyframes sip-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.sip-marquee{animation:38s linear infinite sip-marquee}@keyframes sip-draw{0%{stroke-dashoffset:240px}to{stroke-dashoffset:0}}.sip-draw{stroke-dasharray:240;animation:2.2s cubic-bezier(.22,1,.36,1) forwards sip-draw}@keyframes sip-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sip-fill{transform-origin:0;animation:1.4s cubic-bezier(.22,1,.36,1) both sip-fill}.sip section[id]{scroll-margin-top:96px}@media (prefers-reduced-motion:reduce){.sip-float,.sip-ping,.sip-marquee,.sip-draw,.sip-fill{animation:none!important}.sip-draw{stroke-dasharray:none}.sip-fill{transform:none}}