/*! DeenScreen. Copyright (c) 2026 Zito Miah. All rights reserved. See LICENSE. */
body{font-family:Nunito,sans-serif}button,a,select,summary{touch-action:manipulation}:focus-visible{outline:4px solid #b45309;outline-offset:4px}.sound-toggle:focus-visible{outline-color:#fbbf24}.skip-link{position:fixed;z-index:30;top:1rem;left:1rem;padding:.75rem 1rem;border-radius:.75rem;background:#fff;color:#134e4a;font-weight:800;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.noor{display:flex;align-items:flex-end;gap:.5rem}.noor-fixed{position:fixed;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));z-index:25;pointer-events:none}.noor-fixed>*{pointer-events:auto}.noor-buddy{position:relative;flex:none;padding:0;border:0;background:none;cursor:pointer;animation:noor-bob 3.2s ease-in-out infinite}.noor-small .noor-buddy{width:4.5rem}.noor-large .noor-buddy{width:clamp(6.5rem,26vw,8.5rem)}.noor-svg{position:relative;display:block;width:100%;height:auto;overflow:visible}.noor-halo{position:absolute;inset:5% -45% -10%;border-radius:50%;background:radial-gradient(circle at 50% 55%,#ffecaaf2 0,#fdc85a99,#fbbf2400 70%);filter:blur(8px);pointer-events:none;animation:noor-glow 2.4s ease-in-out infinite}.noor-svg{filter:drop-shadow(0 0 6px rgb(255 214 120 / 95%)) drop-shadow(0 0 16px rgb(251 191 36 / 70%))}.noor-buddy.noor-jump{animation:noor-jump .55s cubic-bezier(.3,1.6,.5,1)}.noor-buddy:focus-visible{outline:4px solid #b45309;outline-offset:2px;border-radius:1rem}.noor-eyes{transform-box:fill-box;transform-origin:center;animation:noor-blink 4.6s infinite}.noor-eyes-closed,.noor-grin,.noor-oh,.noor-zz,.noor[data-mood=excited] .noor-smile,.noor[data-mood=wow] .noor-smile{display:none}.noor[data-mood=excited] .noor-grin,.noor[data-mood=wow] .noor-oh{display:inline}.noor[data-mood=sleepy] .noor-eyes{display:none}.noor[data-mood=sleepy] .noor-eyes-closed,.noor[data-mood=sleepy] .noor-zz{display:inline}.noor-zz{animation:noor-zz 2.4s ease-in-out infinite}.noor-bubble{position:relative;max-width:min(16rem,calc(100vw - 7.5rem));margin:0 0 2.2rem;padding:.7rem .9rem;border:3px solid #163b43;border-radius:1.3rem 1.3rem 1.3rem .35rem;background:#fff;box-shadow:0 5px #163b4340;color:#163b43;font-size:1rem;font-weight:800;line-height:1.3;opacity:0;visibility:hidden;transform:scale(.6);transform-origin:bottom left;transition:opacity .2s ease,transform .25s cubic-bezier(.3,1.6,.5,1),visibility 0s .25s}.noor-large .noor-bubble{margin-bottom:3.5rem;font-size:clamp(1.05rem,4.2vw,1.3rem)}.noor-speaking .noor-bubble{opacity:1;visibility:visible;transform:none;transition-delay:0s}@keyframes noor-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes noor-jump{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-18px) scale(1.08,.95)}to{transform:translateY(0) scale(1)}}@keyframes noor-glow{0%,to{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes noor-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes noor-zz{0%,to{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(3px,-6px)}}.noor-talking .noor-mouth{display:none}.noor-talking .noor-oh{display:inline;transform-box:fill-box;transform-origin:center;animation:noor-talk .22s ease-in-out infinite alternate}@keyframes noor-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1.1)}}.fanous{display:inline-block;width:.6em;height:1em;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cg stroke='%23163b43' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='30' cy='5' r='3.5' fill='none'/%3E%3Cpath d='M18 31C18 24 25 21 28 17Q30 15 32 17C35 21 42 24 42 31Z' fill='%23f59e0b'/%3E%3Crect x='15' y='29' width='30' height='5' rx='2.5' fill='%23d97706'/%3E%3Cpath d='M17 34C10 41 10 61 17 68H43C50 61 50 41 43 34Z' fill='%23fde68a' stroke='none'/%3E%3Cpath d='M17 34C10 41 10 61 17 68H23C20 61 20 41 23 34Z' fill='%232dd4bf' stroke='none'/%3E%3Cpath d='M43 34C50 41 50 61 43 68H37C40 61 40 41 37 34Z' fill='%23fb7185' stroke='none'/%3E%3Cpath d='M17 34C10 41 10 61 17 68H43C50 61 50 41 43 34Z' fill='none'/%3E%3Crect x='15' y='67' width='30' height='5' rx='2.5' fill='%23d97706'/%3E%3Cpath d='M21 72C22 79 27 83 30 85C33 83 38 79 39 72Z' fill='%23f59e0b'/%3E%3Ccircle cx='30' cy='89' r='2.5' fill='%23d97706'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 .15em rgb(253 230 138 / 80%))}.noor-fixed.noor-right{right:max(.75rem,env(safe-area-inset-right));left:auto;flex-direction:row-reverse}.noor-right .noor-bubble{border-radius:1.3rem 1.3rem .35rem;transform-origin:bottom right}.noor-fixed.noor-large .noor-buddy{width:clamp(5.5rem,22vw,7.5rem);animation:noor-hover 4s ease-in-out infinite}.noor-fixed.noor-large .noor-bubble{max-width:min(17rem,calc(100vw - 9rem));margin-bottom:3rem}@keyframes noor-hover{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}.noor-fixed.noor-large .noor-buddy.noor-jump{animation:noor-jump .55s cubic-bezier(.3,1.6,.5,1)}.noor-fixed .noor-buddy{cursor:grab}.noor-fixed.noor-dragging .noor-buddy{cursor:grabbing;animation:none;transform:scale(1.12) rotate(-6deg)}.noor-fixed.noor-dragging .noor-bubble{visibility:hidden;opacity:0}.noor-bubble{padding-right:2.1rem}.noor-bubble{background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.noor-bubble-text{margin:0}.noor-bubble-close{position:absolute;top:-.85rem;right:-.7rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:3px solid #163b43;border-radius:50%;background:#fff;box-shadow:0 3px #163b43;color:#163b43;font:inherit;font-size:.95rem;font-weight:900;line-height:1;cursor:pointer;touch-action:manipulation}.noor-bubble-close:active{transform:translateY(2px);box-shadow:0 1px #163b43}.noor-bubble-close:focus-visible{outline:4px solid #b45309;outline-offset:2px}@media (max-width: 599px){.noor-fixed.noor-large .noor-bubble{max-width:min(15rem,calc(100vw - 7.25rem));margin-bottom:2.25rem;padding:.5rem 2rem .55rem .75rem;border-width:2.5px;font-size:clamp(.875rem,3.9vw,1rem);line-height:1.28}}.noor-bubble:before,.noor-bubble:after{content:"";position:absolute;bottom:.7rem;pointer-events:none}.noor-bubble:before{z-index:-1;left:-1.65rem;width:2rem;height:1.9rem;background:#163b43;clip-path:polygon(100% 0,0 78%,100% 100%)}.noor-bubble:after{left:-1.2rem;bottom:calc(.7rem + 3px);width:1.55rem;height:1.42rem;background:#ffffffeb;clip-path:polygon(100% 0,0 78%,100% 100%)}.noor-right .noor-bubble:before{left:auto;right:-1.65rem;clip-path:polygon(0 0,100% 78%,0 100%)}.noor-right .noor-bubble:after{left:auto;right:-1.2rem;clip-path:polygon(0 0,100% 78%,0 100%)}