.public-pinel-panel{border-radius:8px;max-height:calc(100dvh - 140px);padding:1.25rem;overflow-y:auto}.public-pinel-intro{width:calc(100vw - 32px);max-width:380px;max-height:calc(100dvh - 32px);color:var(--primary-foreground);text-align:center;box-shadow:none;z-index:90;background:0 0;border:0;border-radius:0;gap:.75rem;overflow-y:auto}.public-pinel-intro-mascot{width:170px;max-width:70%;margin:0 auto}.public-pinel-intro-title{letter-spacing:0;color:var(--primary-foreground);font-size:1.4rem;line-height:1.2}.public-pinel-intro-text{color:var(--primary-foreground);font-size:1rem;line-height:1.6}.public-pinel-intro-actions>button:last-child{color:var(--primary-foreground)}.public-pinel-intro-actions>button:last-child:hover{color:var(--accent-foreground)}.public-pinel-intro-actions{flex-direction:column;gap:.5rem;display:flex}@media (height<=750px){.public-pinel-intro-mascot{width:155px}.public-pinel-intro{gap:.75rem}}.public-pinel-invite{z-index:70;color:var(--ocean);box-shadow:var(--shadow-soft);border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:1rem;font-weight:700;display:flex;position:fixed;bottom:10.5rem;right:1rem}.public-pinel-invite p{margin:0;padding-left:.35rem}.public-pinel-invite-actions{align-items:center;gap:.15rem;display:flex}.public-pinel-heading{align-items:center;gap:.85rem;padding-right:1.3rem;display:flex}.public-pinel-close{position:absolute;top:.25rem;right:.25rem}.public-pinel-face{flex-shrink:0;width:5rem}.public-pinel-welcome{flex-shrink:0;width:7.5rem}.public-pinel-launcher{z-index:70;border:2px solid var(--primary);background:var(--card);width:3.5rem;height:3.5rem;box-shadow:var(--shadow-soft);border-radius:50%;position:fixed;bottom:6.25rem;right:1rem}.public-pinel-launcher .pinel-mascot{pointer-events:none;width:3rem}.public-pinel-spot{box-shadow:0 0 0 9999px color-mix(in oklab,var(--foreground) 15%,transparent)}.public-pinel-heading-alternate{flex-direction:row-reverse}.public-pinel-heading>div{flex:1;min-width:0}.public-pinel-start{white-space:normal;border:2px solid var(--sun);width:100%;height:auto;min-height:3rem;box-shadow:var(--shadow-soft);order:-1;font-weight:800}.public-pinel-start svg:last-child{margin-left:auto;transition:transform .2s}.public-pinel-start:hover svg:last-child{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.public-pinel-start svg:last-child{transition:none}.public-pinel-start:hover svg:last-child{transform:none}}@media (width<=639px){.public-pinel-launcher{bottom:1rem}.public-pinel-panel{max-height:calc(100dvh - 150px);padding:1rem}.public-pinel-welcome{width:6rem}.public-pinel-face{width:4rem}.public-pinel-invite{max-width:calc(100vw - 6.5rem);bottom:5.5rem;right:.75rem}}