html,body,#root{width:100%;max-width:100%}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{min-width:0}body:has([data-app-install-trigger]) .app-content:not(.app-content-immersive){padding-top:calc(var(--safe-top) + 4.5rem)}.app-content:not(.app-content-immersive) :is(p,h1,h2,h3,span,dd).truncate{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.app-content:not(.app-content-immersive) :where(button){white-space:normal;overflow-wrap:anywhere}.app-content{width:100%;min-width:0;max-width:100%;overflow-x:clip}.app-content:not(.app-content-immersive) :where(main,section,article,header,footer,nav,aside,form){max-width:100%}.app-content:not(.app-content-immersive) :where(.flex,.grid)>*{min-width:0}.app-content:not(.app-content-immersive) :where(img,video,canvas),.app-content:not(.app-content-immersive) :where(input,textarea,select,button){max-inline-size:100%}.app-content:not(.app-content-immersive) :where(p,h1,h2,h3,h4,h5,h6,label,span){overflow-wrap:break-word}.app-content:not(.app-content-immersive) :where(code,pre,bdi){overflow-wrap:anywhere;word-break:break-word;max-width:100%}@media (width<=1023px){.app-content:not(.app-content-immersive) :where(input,textarea,select){font-size:max(16px,1em)}.app-content:not(.app-content-immersive) :where(button,a,summary,input,select,textarea){touch-action:manipulation}}@media (width<=390px){.app-content:not(.app-content-immersive) :where(main){padding-inline-start:max(.75rem, env(safe-area-inset-left));padding-inline-end:max(.75rem, env(safe-area-inset-right))}.app-content:not(.app-content-immersive) :where(.rounded-4xl){border-radius:min(1.5rem,7vw)}.app-content:not(.app-content-immersive) :where(.text-3xl){font-size:clamp(1.5rem,8vw,1.875rem)}.app-content:not(.app-content-immersive) :where(.text-2xl){font-size:clamp(1.25rem,6.6vw,1.5rem)}.app-content:not(.app-content-immersive) :where(.text-xl){font-size:clamp(1.05rem,5.5vw,1.25rem)}}@media (width>=641px) and (width<=1023px){.app-content:not(.app-content-immersive)>*{min-width:0}.app-content:not(.app-content-immersive) :where(main){padding-inline-start:max(1.25rem, env(safe-area-inset-left));padding-inline-end:max(1.25rem, env(safe-area-inset-right))}}@media (height<=540px) and (orientation:landscape) and (width<=1023px){.app-content:not(.app-content-immersive) :where(main){min-height:100dvh;padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.app-content:not(.app-content-immersive) :where(.space-y-6)>:not([hidden])~:not([hidden]){margin-top:1rem}}@supports (padding:max(0px)){.app-content:not(.app-content-immersive) :where(.fixed.bottom-0){padding-bottom:max(.75rem, env(safe-area-inset-bottom))}}.invite-guide{max-width:100%}.phone-confirm>img,img[src="/brand/chalk-logo-v1.png"].h-60,img[src="/brand/chalk-logo-v1.png"].h-36{background-color:#7350c8;border-radius:.75rem}.community-story-grid>*{min-width:0}.home-brand-header{direction:ltr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding-bottom:26px;animation:4s ease-in-out infinite home-brand-float;display:grid}.home-brand-logo{grid-area:1/2;width:clamp(88px,23vw,128px);height:auto}.home-brand-profiles{grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:30px 6px;width:100%;min-width:0;max-width:134px;display:grid}.home-brand-profile{aspect-ratio:1;direction:rtl;width:100%;position:relative}.home-brand-avatar{width:100%;height:100%}.home-brand-profile>p{width:100%;position:absolute;top:100%;left:0}@keyframes home-brand-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.home-brand-header{animation:none}}.library-bookshelf{--book-width:clamp(150px, 36vw, 210px);position:relative}.library-book-controls{z-index:110;pointer-events:none;position:absolute;inset:0}.library-book-controls button{pointer-events:auto;background:#6544b8e6;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:calc(50% - 4px);transform:translateY(-50%);box-shadow:0 3px 10px #25154940}.library-book-controls button:first-child{right:2px}.library-book-controls button:last-child{left:2px}.library-story-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:18px calc(50% - var(--book-width) / 2) 26px;scrollbar-width:none;cursor:grab;align-items:center;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.library-story-rail::-webkit-scrollbar{display:none}.library-book-slot{flex:0 0 var(--book-width);scroll-snap-align:center;perspective:850px;position:relative}.library-book-slot+.library-book-slot{margin-inline-start:calc(var(--book-width) * -.18)}.library-book{aspect-ratio:4/5;transform:scale(var(--book-scale,1)) rotateY(var(--book-turn,0deg));transform-style:preserve-3d;filter:drop-shadow(0 12px 9px #25154966);position:relative}.library-book:before{content:"";background:repeating-linear-gradient(90deg,#e3dac5 0 1px,#fff8e9 1px 3px);border-radius:3px 7px 7px 3px;position:absolute;inset:4px -6px 4px 8px;transform:translateZ(-5px)}.library-book-cover{color:#fff;background:#483078;border-radius:4px 9px 9px 4px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff5}.library-book-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08041b66,#ffffff45 2%,#00000040 4%,#0000 9% 85%,#ffffff24);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff30}.library-book-image{object-fit:cover;width:100%;height:100%}.library-book-title{text-align:center;color:#fff9e7;text-shadow:0 2px 3px #0009;background:linear-gradient(#0000,#160b39c9 40%,#160b39ed);padding:36px 14px 16px;font-size:clamp(14px,2.8vw,18px);line-height:1.65;position:absolute;inset:auto 0 0}.library-book-cover:focus-visible{outline-offset:-3px;outline:3px solid #ffe36b}.library-story-rail[data-dragging=true]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.library-story-rail:focus-visible{outline-offset:3px;border-radius:16px;outline:2px solid #fff}.magic-create-orb{background:radial-gradient(circle at 30% 20%,#81eeed,#079ce0 48%,#8451de);border:3px solid #ffffffba;width:clamp(88px,23vw,112px);height:clamp(88px,23vw,112px);box-shadow:0 8px #49349a70,0 14px 30px #27205c40,inset 0 2px 8px #ffffff80}.magic-create:active .magic-create-orb{transform:translateY(3px)}@media (prefers-reduced-motion:no-preference){.magic-create-orb{animation:4s ease-in-out infinite home-brand-float}}