/* Companion to Tailwind Play CDN. Only what Tailwind cannot express. */
[x-cloak]{display:none!important}
.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.phone-frame{position:relative;flex:none;width:calc(390px + 24px);height:calc(844px + 24px);padding:12px;border-radius:60px;background:linear-gradient(145deg,#2c2c2e 0%,#0d0d0f 58%,#3a3a3c 100%);box-shadow:0 42px 80px rgba(22,16,20,.3),0 14px 30px rgba(22,16,20,.2)}
.phone-screen{position:relative;overflow:hidden;width:100%;height:100%;border-radius:48px;background:#f8f9fa;isolation:isolate;display:grid;grid-template-rows:50px minmax(0,1fr) 29px}
:root[data-theme="dark"] .phone-screen{background:#141116}
.phone-status{position:relative;z-index:35;display:flex;align-items:center;justify-content:space-between;padding:8px 24px 0;font-size:12px;font-weight:700}
.phone-gesture{position:absolute;z-index:31;left:50%;bottom:8px;width:96px;height:4px;transform:translateX(-50%);border-radius:99px;background:currentColor;opacity:.82;pointer-events:none}
@media (max-width:480px){.phone-frame{width:100%;height:100dvh;min-height:100dvh;padding:0;border-radius:0;background:#f8f9fa;box-shadow:none}:root[data-theme="dark"] .phone-frame{background:#141116}.phone-screen{border-radius:0;grid-template-rows:auto minmax(0,1fr) env(safe-area-inset-bottom,0px)}.phone-gesture{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}