body{background-color:#bfbfbf;margin:0;font-family:Fredoka,sans-serif;transition:background-color 2s ease-in-out;overflow:hidden}a{color:#3c48f3}#transition-overlay{z-index:999;pointer-events:none;opacity:0;background-color:#000;width:100vw;height:100vh;transition:opacity 1s ease-in-out,background-color 1s ease-in-out;position:absolute;top:0;left:0}#canvas-container{width:100vw;height:100vh;transition:opacity 2s ease-in-out;display:block}#ui-container{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:85vw;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}#text-overlay{text-align:center;color:#fff;opacity:0;width:100%;font-family:Fredoka,sans-serif;font-size:1rem;line-height:1.5;transition:opacity 2s ease-in-out}#input-container{opacity:0;pointer-events:auto;width:100%;transition:opacity 2s ease-in-out .5s}#verse-input{color:#fff;text-align:center;background:0 0;border:none;border-bottom:1px solid #ffffff80;outline:none;width:100%;padding:5px 0;font-family:Fredoka,sans-serif;font-size:1rem}#emoticon-container{opacity:0;pointer-events:auto;justify-content:center;gap:15px;margin-top:5px;transition:opacity 2s ease-in-out .5s;display:flex}.emoticon{cursor:pointer;width:30px;height:30px;transition:transform .2s}.emoticon:hover{transform:scale(1.2)}#verse-input::placeholder{color:#ffffff4d}#end-page-container{color:#fff;box-sizing:border-box;z-index:20;opacity:0;pointer-events:none;background-color:#000;flex-direction:column;align-items:center;width:100vw;height:100vh;padding-top:100px;font-family:Fredoka,sans-serif;transition:opacity 2s ease-in-out;display:flex;position:absolute;top:0;left:0;overflow-y:auto}#end-page-title,#end-page-container h2{text-align:center;width:80%;max-width:800px;margin-bottom:40px;font-size:2.5rem}#end-page-container p{text-align:center;width:80%;max-width:800px;margin-bottom:40px;font-size:1.2rem;line-height:1.6}#entries-scroll-panel{flex-direction:column;flex-shrink:0;gap:15px;width:80%;max-width:800px;height:400px;padding-right:15px;display:flex;overflow-y:auto}.entry-row{background:#ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;font-size:1.2rem;display:flex}.entry-text{word-break:break-word;flex-grow:1;margin-right:15px}.entry-emoticon{flex-shrink:0;width:40px;height:40px}#media-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;grid-auto-flow:dense;gap:15px;width:80%;margin-top:20px;margin-bottom:50px;display:grid}#media-grid video,#media-grid img{object-fit:cover;background-color:#ffffff0d;border-radius:8px;width:100%;height:100%}.grid-item-large{grid-area:span 2/span 2}.grid-item-wide{grid-area:span 1/span 2}.grid-item-tall{grid-area:span 2/span 1}@media (width<=800px){#media-grid{grid-template-columns:repeat(2,1fr)}}#coding-extract-details,#verses-extract-details{width:80%;max-width:800px;margin-bottom:20px}#coding-extract-details summary,#verses-extract-details summary{cursor:pointer;text-align:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:20px;font-size:1.1rem;line-height:1.6}#coding-extract-details summary:hover,#verses-extract-details summary:hover{background-color:#ffffff1a}#coding-extract,#verses-extract{flex-direction:column;gap:20px;width:100%;font-size:1rem;display:flex}.chat-block{border-radius:12px;padding:20px;line-height:1.6}.chat-speaker{text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.85em;font-weight:600}.author-block{color:#eee;background-color:#ffffff0d;border:1px solid #ffffff1a}.author-block .chat-speaker{color:#a3a3a3}.agent-block{color:#fff;background-color:#0096ff1a;border:1px solid #0096ff4d}.agent-block .chat-speaker{color:#66b3ff}footer{text-align:center;color:#fff9;width:100%;margin-top:auto;padding:40px 0 20px;font-size:.9rem}footer a{color:#3c48f3;text-decoration:none}footer a:hover{text-decoration:underline}body.mobile-mode{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}body.mobile-mode input,body.mobile-mode textarea{-webkit-user-select:auto;user-select:auto}