@import"https://fonts.googleapis.com/css2?family=Andika:wght@400;700&display=swap";@media(prefers-reduced-motion:reduce){.kassie-loader-container *{animation:none!important;transition:none!important}}@font-face{font-family:HouschkaRounded;src:url(https://kassie.media/static/HouschkaRounded-Bold.woff2) format("woff2"),url(https://kassie.media/static/HouschkaRounded-Bold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--kassie-font-cutive: "Cutive", monospace;--kassie-font-courier-prime: "Courier Prime", monospace;--kassie-font-roboto: "Roboto", sans-serif;--font-houschkarounded: "houschkarounded", "Courier Prime", monospace;--kassie-white: #ffffff;--kassie-black: #000000;--kassie-green-1: #bcd85fff;--kassie-green-2: #8fb83fff;--kassie-green-3: #5c833aff;--kassie-green-4: #457839ff;--kassie-brown-1: #db9260ff;--kassie-brown-2: #a56235ff;--kassie-brown-3: #723b2aff;--kassie-brown-4: #422b04ff;--kassie-orange-1: #fee589ff;--kassie-orange-2: #fbdd5cff;--kassie-orange-3: #faae1cff;--kassie-orange-4: #e96125ff;--kassie-cyan-1: #a1dbe4ff;--kassie-cyan-2: #84d2e2ff;--kassie-cyan-3: #44c1c5ff;--kassie-blue-1: #afbde1ff;--kassie-blue-2: #788ec7ff;--kassie-blue-3: #788ec7ff;--kassie-blue-4: #2b3982ff;--kassie-purple-1: #bfa9d2ff;--kassie-purple-2: #9d85beff;--kassie-purple-3: #7c51a1ff;--kassie-purple-4: #7d2c7fff;--kassie-red-1: #f68d76ff;--kassie-red-2: #eb6f5aff;--kassie-red-3: #db4139ff;--kassie-red-4: #bd202eff;--kassie-burgendy: #cf3d96ff;--kassie-primary-color: #FEE589;--kassie-button-middle: #FBDD5C;--kassie-secondary-color: #b99a0cff;--kassie-light-color: #ffffff;--kassie-red: var(--kassie-red-4);--kassie-lighter-background-color: #f8f9fa;--kassie-light-border-color: #e5e7eb;--kassie-dark-border-color: #3F2A14;--kassie-text-color: #3F2A14;--kassie-border-color: #e5e7eb;--kassie-shadow-color: rgba(0, 0, 0, .1);--kassie-blackbg-color: #111111;--kassie-box-shadow-color: #3F2A14aa;--kassie-white-transparent-20: rgba(255, 255, 255, .2);--kassie-variant-card-bgcolor: #ffffff;--kassie-variant-card-bordercolor: #000000;--kassie-dark-brown: #3F2A14;--kassie-cyan: var(--kassie-cyan-3);--kassie-cyan-light: var(--kassie-cyan-2);--kassie-cyan-tint: var(--kassie-cyan-1);--kassie-reader-background: var(--kassie-orange-4);--kassie-page-background: #fdfaf7;--kassie-page-text-color: #785e3a;--kassie-page-border-color: #c2b5a3;--category-sport: #f5bf16;--category-wildtuin: #447839;--category-plaas: #4858a6;--category-vervoer: #5c813a;--category-kuns: #7158a5;--kassie-svg-components-wildtuinbadge: url(https://kassie.media/svg/components/WildtuinBadge.svg);--kassie-svg-components-farmbadge: url(https://kassie.media/svg/components/FarmBadge.svg);--kassie-svg-components-sportbadge: url(https://kassie.media/svg/components/SportBadge.svg);--kassie-svg-components-vervoerbadge: url(https://kassie.media/svg/components/VervoerBadge.svg);--kassie-svg-components-kunsbadge: url(https://kassie.media/svg/components/KunsBadge.svg);--kassie-svg-components-aitsabadge1: url(https://kassie.media/svg/components/AitsaBadge1.svg);--kassie-svg-components-aitsaaward: url(https://kassie.media/svg/components/AitsaAward.svg);--kassie-svg-components-note1: url(https://kassie.media/svg/components/Note1.svg);--kassie-svg-components-note2: url(https://kassie.media/svg/components/Note2.svg);--kassie-svg-components-note3: url(https://kassie.media/svg/components/Note3.svg);--kassie-svg-components-bluestar: url(https://kassie.media/svg/components/BlueStar.svg);--kassie-svg-components-greenstar: url(https://kassie.media/svg/components/GreenStar.svg);--kassie-svg-components-yellowstar: url(https://kassie.media/svg/components/YellowStar.svg);--kassie-svg-components-redstar: url(https://kassie.media/svg/components/RedStar.svg);--kassie-svg-components-pinkstar: url(https://kassie.media/svg/components/PinkStar.svg);--kassie-svg-branding-kassienote: url(https://kassie.media/svg/branding/KassieNote.svg);--kassie-svg-branding-kassietassie1: url(https://kassie.media/svg/branding/KassieTassie1.svg);--kassie-reader-100w:100cqi;--kassie-reader-page-body-height:80cqb;--kassie-page-content-height:100cqb;--kassie-page-image-height: 48cqb;--kassie-page-text-height: 48cqb;--kassie-page-height:60vh;--layout-top-offset: 20vh;--carousel-max-height: 50vh;--carousel-max-height-tablet: 50vh;--card-aspect-ratio: 5 / 7;--card-play-btn-size: 15cqb;--card-badge-size: 14cqb;--card-icon-size: 8cqb;--profile-avatar-scale: 1.1;--profile-nav-icon-base: 72px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 2.5rem;--reader-font-family: "Andika", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50%;--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .15);--shadow-large: 0 8px 16px rgba(0, 0, 0, .2);--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--kassie-text-color);background-color:var(--kassie-cyan-3);min-height:100vh}#app{width:100%;min-height:100vh;background:transparent;transition:background .3s ease}#app.reader-mode{background:var(--kassie-reader-background)}[data-category=phone] #navigation-container,[data-category=tablet] #navigation-container,[data-category=desktop] #navigation-container,[data-category=foldable] #navigation-container,[data-category=smart-display] #navigation-container,[data-category=phone] .audio-controls,[data-category=tablet] .audio-controls,[data-category=desktop] .audio-controls,[data-category=foldable] .audio-controls,[data-category=smart-display] .audio-controls{height:10vh!important}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--kassie-black)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}h4,h5,h6{font-size:var(--font-size-base)}p{margin:0;color:var(--kassie-text-color)}a{color:var(--kassie-blue-4);text-decoration:none;transition:color .2s ease}a:hover{color:var(--kassie-blue-3)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;border:2px solid var(--kassie-border-color);border-radius:var(--radius-sm);padding:var(--spacing-base);background:var(--kassie-white);color:var(--kassie-text-color);transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--kassie-cyan);box-shadow:0 0 0 3px #44c1c51a}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){*{border-color:var(--kassie-black)!important}button,a{text-decoration:underline}}.init-error-screen,.error-screen.child-friendly{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;background:var(--kassie-blue-1);background-repeat:repeat;background-size:auto}.init-error-screen h1,.error-screen.child-friendly h1{font-size:2rem;color:var(--kassie-text-color);margin-bottom:1rem;font-weight:600}.init-error-screen p,.error-screen.child-friendly p{font-size:1.25rem;color:var(--kassie-text-color);margin-bottom:2rem;max-width:400px}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.error-details{margin-top:2rem;text-align:left;max-width:600px}.error-details summary{cursor:pointer;font-weight:600;color:#718096;margin-bottom:1rem}.error-details pre{background:#f7fafc;border:1px solid #E2E8F0;border-radius:.5rem;padding:1rem;font-size:.8rem;color:var(--kassie-text-color);overflow-x:auto}[data-category=phone] .error-actions{flex-direction:column;align-items:center}[data-category=phone] .init-error-screen h1,[data-category=phone] .error-screen.child-friendly h1{font-size:1.75rem}[data-category=phone] .init-error-screen p,[data-category=phone] .error-screen.child-friendly p{font-size:1.1rem}.error-message-box{border:2px solid var(--kassie-dark-border-color);background:var(--kassie-button-middle);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);margin-top:1rem;max-width:80%;box-shadow:0 4px 8px #0003}.error-message-box p{font-size:.9rem;color:var(--kassie-text-color);margin:0}.custom-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;min-width:160px;font-family:inherit;-webkit-tap-highlight-color:transparent}.custom-button .bottom-div{position:absolute;top:4px;left:0;width:100%;height:100%;border-radius:12px;z-index:0}.custom-button .top-div{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;border:2px solid var(--kassie-dark-border-color);z-index:1;transition:transform .1s ease,box-shadow .15s ease;font-family:inherit;width:100%;text-align:center}.custom-button .top-div.kassieBG{background:var(--kassie-orange-1);color:var(--kassie-text-color)}.custom-button .bottom-div.greenBG{background:var(--kassie-green-3)}.custom-button .bottom-div.cyanBG{background:var(--kassie-cyan-3)}.custom-button .bottom-div.pinkBG{background:var(--kassie-burgendy)}.custom-button .bottom-div.blueBG{background:var(--kassie-blue-3)}.custom-button:hover .top-div{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.custom-button:active .top-div{transform:translateY(2px);box-shadow:none}.custom-button .button-text{font-size:1rem;font-weight:600;white-space:nowrap}.custom-button .icon-placeholder{width:20px;height:20px;flex-shrink:0}.custom-button .content-wrapper{display:flex;align-items:center;gap:.5rem}.custom-button:focus-visible .top-div{outline:3px solid var(--kassie-cyan);outline-offset:2px}.navigation-bar{position:absolute;top:0;left:0;right:0;height:100%;background:transparent;border-bottom:none;box-shadow:none;display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);z-index:50!important;padding:5px var(--spacing-xl) 0 var(--spacing-xl);transition:transform .3s ease;margin:5px,0,0,0;box-sizing:border-box}.navigation-bar.hidden{transform:translateY(-100%)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:0;padding:0;height:100%;width:auto;border:none;background:transparent;cursor:pointer;transform:scale(1.2);transition:transform .3s ease;border-radius:var(--radius-sm);position:relative;overflow:visible;box-sizing:border-box}.nav-item:hover{transform:scale(1.4)}.nav-item:active{transform:scale(1.3)}.nav-item.active,.nav-item.active:hover{transform:scale(1.5)}.nav-item.disabled,.nav-item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-item.disabled:hover,.nav-item:disabled:hover{transform:none}.nav-item.disabled .nav-icon-image,.nav-item:disabled .nav-icon-image{filter:grayscale(100%)}.nav-item--profile{flex-direction:column;padding:0}.nav-avatar-container{position:relative;height:85%;aspect-ratio:1;padding:0 15%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-sizing:border-box}.nav-avatar-image{width:100%;height:100%;object-fit:contain;transition:filter .3s ease;display:block}.nav-item--profile:hover .nav-avatar-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.nav-item--profile.active .nav-avatar-container{transform:scale(1)}.nav-avatar{width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--kassie-border-color);transition:border-color .3s ease;background:var(--kassie-lighter-background-color)}.nav-item--profile.active .nav-avatar{border-color:var(--kassie-cyan);box-shadow:0 0 0 2px var(--kassie-cyan-tint)}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-icon-image{height:85%;width:auto;padding:0 15%;object-fit:contain;transition:filter .3s ease;display:block;margin:0 auto;box-sizing:border-box}.nav-item[data-route=library] .nav-icon-image{height:85%!important;width:auto!important;padding:0 15%!important}.nav-item:hover .nav-icon-image{filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.nav-label{font-size:var(--font-size-xs);font-weight:600;color:var(--kassie-color-text-dark, #2c3e50)!important;transition:color .3s ease;text-align:center;background:var(--kassie-color-accent-orange, #ff9800);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:4px solid var(--kassie-color-text-dark, #2c3e50);box-shadow:var(--shadow-medium)}.nav-item.active .nav-label{color:var(--kassie-cyan)}.hamburger-button{position:fixed;top:var(--spacing-md);left:var(--spacing-md);width:44px;height:44px;border:2px solid var(--kassie-dark-border-color);background:var(--kassie-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-small);cursor:pointer;z-index:99;display:none;align-items:center;justify-content:center;transition:all .2s ease}.hamburger-button.visible{display:flex}.hamburger-button:hover{background:var(--kassie-lighter-background-color);box-shadow:var(--shadow-medium);transform:scale(1.05)}.hamburger-button:active{transform:scale(.95)}.hamburger-icon{width:24px;height:24px}.hamburger-icon line{stroke:var(--kassie-text-color);stroke-width:2;stroke-linecap:round}.navigation-overlay{position:fixed;inset:0;z-index:1000;display:none}.navigation-overlay.open{display:block}.overlay-backdrop{position:absolute;inset:0;background:#00000080;animation:fadeIn .3s ease}.overlay-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--kassie-white);border:3px solid var(--kassie-dark-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-large);padding:var(--spacing-xl);min-width:280px;max-width:90vw;animation:slideIn .3s ease}.overlay-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:44px;height:44px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.overlay-close:hover{background:var(--kassie-lighter-background-color)}.overlay-close svg{width:24px;height:24px;stroke:var(--kassie-text-color);stroke-width:2}.overlay-nav{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.overlay-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--kassie-border-color);background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:60px}.overlay-nav-item:hover{background:var(--kassie-lighter-background-color);border-color:var(--kassie-cyan)}.overlay-nav-item:active{transform:scale(.98)}.overlay-icon{width:40px;height:40px;fill:var(--kassie-text-color);flex-shrink:0}.overlay-label{font-size:var(--font-size-md);font-weight:600;color:var(--kassie-text-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nav-item:focus-visible,.hamburger-button:focus-visible,.overlay-close:focus-visible,.overlay-nav-item:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}@media(prefers-contrast:high){.navigation-bar,.hamburger-button,.overlay-panel{border-width:3px}.nav-item,.overlay-nav-item{border-width:2px}}#app:has(.library-screen){overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100vh!important}#app:has(.library-screen) #content-container{overflow:visible!important;align-items:stretch!important;display:block!important;flex:none!important}.library-screen{width:100%}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;overflow:visible}[data-category=tablet] .library-grid,[data-category=desktop] .library-grid,[data-category=foldable] .library-grid,[data-category=smart-display] .library-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:24px}.library-grid__item{position:relative;width:100%;aspect-ratio:5 / 7;overflow:visible}.library-grid__item .content-card{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:unset;overflow:visible}.library-grid__item .card-inner{position:relative;width:100%;height:100%;transition:transform .6s ease!important;transform-style:preserve-3d!important;perspective:1000px}.library-grid__item .content-card.flipped .card-inner{transform:rotateY(180deg)}.library-grid__item .card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.library-grid__item .card-face--back{transform:rotateY(180deg)}.content-card{width:100%;height:100%;aspect-ratio:var(--card-aspect-ratio, 5 / 7);container-type:size;perspective:1000px;position:relative;overflow:visible;--card-border-width: 6cqi}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;overflow:visible}.content-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-md);background:var(--kassie-white);box-shadow:var(--shadow-small);display:flex;flex-direction:column;border:var(--card-border-width) solid var(--category-plaas);overflow:visible}.card-face--front{z-index:2}.card-face--back{transform:rotateY(180deg)}.content-card[style*=--dynamic-border-color] .card-face{border:var(--card-border-width) solid var(--dynamic-border-color)!important}.content-card[data-category=sport]:not([style*=--dynamic-border-color]) .card-face{border:var(--card-border-width) solid var(--category-sport)!important}.content-card[data-category=wildtuin]:not([style*=--dynamic-border-color]) .card-face{border:var(--card-border-width) solid var(--category-wildtuin)!important}.content-card[data-category=plaas]:not([style*=--dynamic-border-color]) .card-face{border:var(--card-border-width) solid var(--category-plaas)!important}.content-card[data-category=vervoer]:not([style*=--dynamic-border-color]) .card-face{border:var(--card-border-width) solid var(--category-vervoer)!important}.content-card[data-category=kuns]:not([style*=--dynamic-border-color]) .card-face{border:var(--card-border-width) solid var(--category-kuns)!important}.card-cover{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--kassie-white);border-radius:0;z-index:1}.card-cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;pointer-events:none}.card-cover img{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center;border-radius:0;opacity:0;transition:opacity .3s ease;position:relative;z-index:2}.card-cover img.loaded{opacity:1}.card-cover:has(img.loaded):before{display:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.content-card--unavailable .card-cover img{filter:none}.card-face--front .card-category-badge{position:absolute;top:-2cqb;left:50%;transform:translate(-50%);width:var(--card-badge-size, 10cqb);height:var(--card-badge-size, 10cqb);min-width:var(--card-badge-size, 10cqb);min-height:var(--card-badge-size, 10cqb);max-width:var(--card-badge-size, 10cqb);max-height:var(--card-badge-size, 10cqb);border-radius:50%;background:#ffc107;border:3px solid var(--kassie-dark-border-color);display:flex;align-items:center;justify-content:center;z-index:3;padding:0;cursor:default;opacity:1!important;box-sizing:border-box;flex-shrink:0}.card-face--front .card-category-badge img{width:60%;height:60%;object-fit:contain}.card-face--back .card-category-badge{width:auto!important;height:20cqb!important;background:transparent;border:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.card-face--back .card-category-badge img{width:auto!important;height:100%!important;position:relative;top:-10px;object-fit:contain}.card-info-btn{position:absolute;top:-8px;right:-8px;width:var(--card-icon-size, 8cqb);height:var(--card-icon-size, 8cqb);min-width:var(--card-icon-size, 8cqb);min-height:var(--card-icon-size, 8cqb);max-width:var(--card-icon-size, 8cqb);max-height:var(--card-icon-size, 8cqb);border-radius:50%;background:var(--kassie-cyan);border:3px solid var(--kassie-dark-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease;z-index:4;padding:0;flex-shrink:0;box-sizing:border-box}.card-category-icon{position:absolute;top:8px;left:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:50}.card-category-icon img{width:32px;height:32px;object-fit:contain}.card-info-btn:hover{transform:scale(1.1);transition:all .5s ease-in}.card-info-btn:active{transform:scale(.95);transition:all .5s ease-in}.card-info-btn svg,.card-info-btn img{width:75%;height:75%;display:block}.card-like-btn{position:absolute;bottom:-8px;right:-8px;width:var(--card-icon-size, 8cqb);height:var(--card-icon-size, 8cqb);min-width:var(--card-icon-size, 8cqb);min-height:var(--card-icon-size, 8cqb);max-width:var(--card-icon-size, 8cqb);max-height:var(--card-icon-size, 8cqb);border-radius:50%;background:#ffc107;border:3px solid var(--kassie-dark-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;padding:0;flex-shrink:0;box-sizing:border-box}.card-like-btn:not(.card-like-btn--liked) img{filter:grayscale(100%)}.card-like-btn--liked img{filter:none}.card-like-btn:hover{transform:scale(1.1);transition:all .3s ease}.card-like-btn:active{transform:scale(.95);transition:all .1s ease}.card-like-btn img{width:55%;height:55%;display:block;transition:filter .3s ease}.card-like-btn:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}.card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);padding-bottom:30px;display:flex;flex-direction:column;gap:var(--spacing-sm);background:transparent;z-index:2}.card-title{font-size:var(--font-size-base);font-weight:600;color:var(--kassie-text-color);margin:0;line-height:1.3}.card-face--front .card-title{display:none!important}.card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.card-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--kassie-cyan);color:var(--kassie-white);font-size:var(--font-size-xs);font-weight:600}.card-face--front .card-badge--activity,.card-face--front .card-badge--category{display:none!important}.content-card--unavailable .card-badge{background:var(--kassie-border-color);color:var(--kassie-text-color)}.card-play-btn{position:absolute;bottom:-5cqb;left:50%;transform:translate(-50%);width:var(--card-play-btn-size, 16cqb);height:var(--card-play-btn-size, 16cqb);padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease;z-index:5;opacity:1!important}.card-play-btn:hover{transform:translate(-50%) scale(1.05);transition:all .5s ease}.card-play-btn:active{transform:translate(-50%) scale(.98);transition:all .5s ease}.card-play-btn img{width:100%;height:100%;opacity:1!important}.content-card--unavailable .card-play-btn{cursor:not-allowed}.content-card--unavailable .card-play-btn:hover{transform:none}.card-play-btn--disabled{cursor:not-allowed}.card-play-btn--disabled:hover{transform:translate(-50%) scale(1.05)}.card-play-btn--disabled:active{transform:translate(-50%)}.card-details{padding:0;margin:0;flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative}.card-category-icon{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) 0}.card-category-icon img{width:48px;height:48px;object-fit:contain}.card-face--back .card-title{position:absolute;top:20cqb;left:0;right:0;font-size:3cqb;font-weight:600;color:var(--kassie-text-color);margin:0;padding:0 var(--spacing-md);line-height:1.3}.card-description{position:absolute;top:28cqb;left:0;right:0;height:35cqb;font-size:3cqb;color:var(--kassie-text-color);line-height:1.2;margin:0;padding:0 var(--spacing-md);overflow:hidden;text-align:justify}.card-meta{position:absolute;top:70cqb;left:0;right:0;display:flex;flex-direction:row;gap:0;margin:0;padding:0}.card-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:3cqb;color:var(--kassie-text-color);margin:0;padding:0 var(--spacing-md)}.card-meta-item:first-child{flex:0 0 50%}.card-meta-item:nth-child(2){flex:0 0 50%}.card-meta-item svg{width:16px;height:12px;fill:var(--kassie-text-color)}.card-earned-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.card-earned-badge{width:32px;height:32px;border-radius:var(--radius-full);background:var(--kassie-orange-2);display:flex;align-items:center;justify-content:center}.card-earned-badge svg{width:20px;height:20px;fill:var(--kassie-white)}.card-earned-badge--locked{background:var(--kassie-border-color)}.card-wishlist-section{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);border-top:1px solid var(--kassie-border-color)}.card-wishlist-prompt{font-size:var(--font-size-sm);color:var(--kassie-text-color);text-align:center;margin:0}.card-wishlist-btn{width:60px;height:60px;border-radius:var(--radius-full);background:var(--kassie-orange-2);border:2px solid var(--kassie-white);box-shadow:var(--shadow-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.card-wishlist-btn:hover{background:var(--kassie-orange-1);transform:scale(1.1);transition:all .5s ease}.card-wishlist-btn:active{transform:scale(.95);transition:all .5s ease}.card-wishlist-btn svg{width:28px;height:28px;fill:var(--kassie-white)}.toast-notification{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background:var(--kassie-text-color);color:var(--kassie-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-large);font-size:var(--font-size-base);font-weight:600;z-index:2000;animation:toastSlideUp .3s ease,toastFadeOut .3s ease 2.7s;pointer-events:none}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.content-card--coming-soon{transition:opacity .3s ease}.content-card--coming-soon .card-face{background:#e0e0e0}.content-card--coming-soon .card-cover img,.content-card--coming-soon .card-play-btn{filter:grayscale(100%)}.content-card--coming-soon .card-info-btn{background:var(--kassie-cyan)}.coming-soon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-lg);padding-bottom:80px;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:var(--spacing-md);width:120px;height:120px;display:flex;align-items:center;justify-content:center}.coming-soon-icon img{width:100%;height:100%;object-fit:contain}.coming-soon-title{font-size:var(--font-size-lg);font-weight:600;color:var(--kassie-text-color);margin:0 0 var(--spacing-sm) 0}.coming-soon-text{font-size:var(--font-size-sm);color:var(--kassie-text-color);margin:0}[data-category=phone] .card-content{padding:var(--spacing-sm)}[data-category=phone] .card-title{font-size:var(--font-size-sm)}[data-category=phone] .card-play-btn{width:20cqb;height:20cqb;padding:var(--spacing-sm);font-size:var(--font-size-sm)}[data-category=phone] .card-details{padding:var(--spacing-sm)}[data-category=phone] .card-wishlist-btn{width:52px;height:52px}[data-category=phone] .card-wishlist-btn svg{width:24px;height:24px}[data-device=galaxy-z-fold-5-folded][data-orientation=portrait],[data-breakpoint=small-mobile][data-orientation=portrait]{--device-specific-adjustment: none}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-info-btn{transform:scale(2.7)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-like-btn{transform:scale(2.2)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-like-btn{transform:scale(2.7)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-play-btn{left:50%!important;transform:translate(-50%) scale(2.2)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-meta{margin-top:30px!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-meta-item{padding-bottom:0!important;margin-bottom:-2px!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-description{height:260px!important;margin-top:100px!important;padding-bottom:0!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-details{padding-top:20px!important;margin-top:0!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-info-btn,[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--front .card-info-btn,[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-info-btn{transform:scale(1.35)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-like-btn,[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--front .card-like-btn{transform:scale(1.1)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-like-btn{transform:scale(1.35)!important}[data-device=galaxy-s8-plus][data-orientation=portrait] .card-play-btn,[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--front .card-play-btn,[data-device=galaxy-s8-plus][data-orientation=portrait] .card-face--back .card-play-btn{left:50%!important;transform:translate(-50%) scale(1.1)!important}[data-device=iphone-se][data-orientation=portrait],[data-breakpoint=iphone-12-pro-xr][data-orientation=portrait],[data-device=pixel-7][data-orientation=portrait],[data-breakpoint=iphone-xr-upper][data-orientation=portrait],[data-breakpoint=larger-mobile][data-orientation=portrait]{--device-specific-adjustment: none}.story-reader-container{position:absolute;inset:0;background:transparent;display:flex;flex-direction:column;z-index:40}.story-content{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;position:relative}.audio-controls{flex:0 0 auto;height:10vh}.story-header{width:100%;background:var(--kassie-white);border-bottom:2px solid var(--kassie-dark-border-color);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0;box-shadow:var(--shadow-small)}.story-title{font-size:var(--font-size-md);font-weight:600;color:var(--kassie-text-color);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-progress{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--kassie-text-color)}.progress-bar{width:100px;height:8px;background:var(--kassie-border-color);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--kassie-cyan);border-radius:var(--radius-full);transition:width .3s ease}.cover-display{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;cursor:pointer;z-index:5}.cover-container{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.cover-image-wrapper{position:relative;display:inline-block;max-width:90%;max-height:90%;height:80vh;width:auto;aspect-ratio:9 / 16;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000026,0 8px 16px #0003,0 16px 32px #00000026!important;transition:transform .3s ease,box-shadow .3s ease-out}.cover-image-wrapper:hover{box-shadow:0 2px 4px #0003,0 4px 8px #0000004d,0 8px 16px #0006,0 16px 32px #0000004d!important}.cover-image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;box-shadow:inset 0 0 5px #fff3,inset 5px 0 5px #0000004d,inset -5px 0 5px #0000004d,inset 0 5px 5px #0000001a,inset 0 -5px 5px #0000001a;transition:box-shadow .3s ease}.cover-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:0;display:block;position:relative;z-index:1}.cover-display:hover .cover-image-wrapper{box-shadow:inset 0 0 5px #fff3,inset 5px 0 5px #0000004d,inset -5px 0 5px #0000004d,inset 0 5px 5px #0000001a,inset 0 -5px 5px #0000001a}.cover-display:hover .cover-image-wrapper:after{box-shadow:inset 0 0 5px #fff3,inset 5px 0 5px #0000004d,inset -5px 0 5px #0000004d,inset 0 5px 5px #0000001a,inset 0 -5px 5px #0000001a}.cover-text{background:var(--kassie-white);padding:var(--spacing-xxl);border-radius:var(--radius-md);box-shadow:var(--shadow-large);text-align:center}.cover-text h1{font-size:var(--font-size-xxl);color:var(--kassie-text-color);margin:0}#book,.flip-book{display:block}.story-content--single-page{max-width:50%!important;margin-left:auto!important;margin-right:auto!important}.page{padding:20px;background-color:var(--kassie-page-background);color:var(--kassie-page-text-color);border:solid 1px var(--kassie-page-border-color);overflow:hidden;display:flex;flex-direction:column;max-width:100%;box-sizing:border-box;container-type:inline-size;container-name:page}.page-content{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:flex;flex-direction:column;padding:5px;position:relative;box-sizing:border-box;overflow:hidden}.index-display{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5}.page--cover{background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page--back-cover{background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer}.page-content--cover{display:flex!important;align-items:center;justify-content:center;padding:0!important;overflow:hidden}.cover-page-image{width:100%;height:100%;object-fit:cover;display:block}.cover-page-title{font-family:Andika,Houschka Rounded,sans-serif;font-size:clamp(1.2rem,4cqi + .5rem,2.5rem);font-weight:700;color:var(--kassie-text-color, #333);text-align:center;padding:20px}.page--index{background:#fff}.page-content--index{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:.75rem!important;height:100%!important;box-sizing:border-box}.audio-mode-menu{display:flex;flex-direction:column;align-items:start;gap:.5rem;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;max-height:100%;padding:.25rem .5rem;box-sizing:border-box}.audio-mode-card{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:var(--kassie-card-bg, #f8f9fa);border:2px solid var(--kassie-light-border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.audio-mode-card:hover{background:var(--kassie-light-color, #fef9e7);border-color:var(--kassie-orange-4, #f39c12)}.audio-mode-card:active{opacity:.85}.audio-mode-card--selected{border-color:var(--kassie-orange-4, #f39c12);background:var(--kassie-selected-bg, #fff8e1);box-shadow:0 2px 12px #f39c1240}.audio-mode-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;pointer-events:none;border:2px solid var(--kassie-dark-border-color, #ccc);transition:transform .3s ease}.audio-mode-card:hover .audio-mode-card__avatar{transform:scale(1.05)}.audio-mode-card__label{font-family:Andika,Courier New,Courier,monospace;font-size:1rem;font-weight:700;color:var(--kassie-text-color, #2c3e50);text-align:left;pointer-events:none;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}[data-category=phone][data-orientation=portrait] .audio-mode-card{padding:.4rem .6rem;gap:.5rem}[data-category=phone][data-orientation=portrait] .audio-mode-card__avatar{width:40px;height:40px}[data-category=phone][data-orientation=portrait] .audio-mode-card__label{font-size:.875rem}[data-category=phone][data-orientation=portrait] .audio-mode-menu{gap:.35rem}[data-breakpoint=iphone-se][data-orientation=portrait] .audio-mode-card__avatar,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .audio-mode-card__avatar{width:36px;height:36px}[data-breakpoint=iphone-se][data-orientation=portrait] .audio-mode-card__label,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .audio-mode-card__label{font-size:.8rem}[data-category=tablet] .audio-mode-card{padding:.75rem 1rem;gap:1rem}[data-category=tablet] .audio-mode-card__avatar{width:56px;height:56px}[data-category=tablet] .audio-mode-card__label{font-size:1.25rem}[data-category=desktop] .audio-mode-card{padding:.75rem 1.25rem;gap:1rem}[data-category=desktop] .audio-mode-card__avatar{width:64px;height:64px}[data-category=desktop] .audio-mode-card__label{font-size:1.5rem}[data-orientation=landscape] .audio-mode-card__label{font-size:1.1rem}[data-orientation=portrait] .page-content{padding:2cqi}[data-category=tablet] .page-content,[data-category=desktop] .page-content,[data-category=foldable] .page-content,[data-category=smart-display] .page-content{padding:20px}.page-header{flex:0 0 auto;height:20px;font-weight:700;text-transform:uppercase;text-align:center;font-size:var(--font-size-xs)}.page-body{position:relative;flex:1 1 auto;padding:0;width:100%;height:100%;overflow:hidden}.page-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.page-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.page-text{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;z-index:10;display:flex;flex-direction:column;pointer-events:none;font-family:var(--reader-font-family);line-height:1.6;color:var(--kassie-text-color)}.page-text .text-content{background:color-mix(in srgb,var(--kassie-page-background) 90%,transparent);padding:1.5rem;border-radius:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;max-width:100%;margin:0;pointer-events:auto;box-shadow:0 2px 12px #0000001a,inset 0 0 0 1px #ffffff4d;box-sizing:border-box;flex-shrink:0}.page-text .text-content p,.page-text p{background:transparent;padding:0;margin:0;border-radius:0;box-shadow:none;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal}.page-image--full_page img{width:100%;height:100%;object-fit:cover;border-radius:0}.page-image--fit_width img{width:100%;height:auto;max-height:100%;object-fit:contain}.page-image--fit_height img{width:auto;height:100%;max-width:none;object-fit:contain}.page-image--center img{max-width:90%;max-height:90%;object-fit:contain}.page-image--top{align-items:flex-start;padding-top:1rem}.page-image--top img{max-width:90%;max-height:90%;object-fit:contain}.page-image--bottom{align-items:flex-end;padding-bottom:1rem}.page-image--bottom img{max-width:90%;max-height:90%;object-fit:contain}.page-text--top{justify-content:flex-start;align-items:flex-start;padding-top:1rem}.page-text--top .text-content{align-self:flex-start}.page-text--middle{justify-content:center;align-items:center}.page-text--middle .text-content{align-self:center}.page-text--bottom{justify-content:flex-end;align-items:flex-end;padding-bottom:1rem}.page-text--bottom .text-content{align-self:flex-end}.page-content .page-text{font-family:var(--reader-font-family);font-weight:400;line-height:1.7}@container page (min-width: 0px){.page-text[data-text-size=small],.page-text[data-text-size=small] .text-content,.page-text[data-text-size=small] .text-content p{font-size:clamp(.625rem,1.5cqi + .4rem,1.2rem)!important}}@container page (min-width: 0px){.page-text[data-text-size=medium],.page-text[data-text-size=medium] .text-content,.page-text[data-text-size=medium] .text-content p{font-size:clamp(.75rem,2cqi + .5rem,1.5rem)!important}}@container page (min-width: 0px){.page-text[data-text-size=large],.page-text[data-text-size=large] .text-content,.page-text[data-text-size=large] .text-content p{font-size:clamp(.875rem,2.5cqi + .6rem,1.75rem)!important}}.page-text p{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.page-content .page-text *{font-family:var(--reader-font-family)}.page-content .page-text strong,.page-content .page-text b{font-weight:700}.page-content .page-text em,.page-content .page-text i{font-weight:400;font-style:italic}.page-content .page-text a{font-weight:400;color:var(--kassie-cyan);text-decoration:underline}.page-content .page-text a:hover{color:var(--kassie-cyan-light)}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{font-family:var(--reader-font-family);font-weight:700;line-height:1.3;margin-bottom:.5rem;font-size:clamp(1rem,10cqi,1.5rem)!important}.page-footer{position:relative;z-index:20;flex:0 0 auto;height:20px;margin-top:10px;display:flex;align-items:center;justify-content:center;font-family:var(--reader-font-family);color:var(--kassie-text-color);opacity:1;text-align:center}.page-number{font-weight:400;letter-spacing:.5px}.page-footer{font-size:clamp(.625rem,1.5cqi + .4rem,1.2rem)!important}.page-content[data-layout=text-top] .page-text{margin-top:0;margin-bottom:var(--spacing-sm)}.page-content[data-layout=text-top] .page-image{margin-top:var(--spacing-sm)}.page.--left{border-right:0;box-shadow:inset -7px 0 30px -7px #0006}.page.--right{border-left:0;box-shadow:inset 7px 0 30px -7px #0006}.page.--right .page-footer{text-align:right}.page.hard{background-color:#f2e8d9;border:solid 1px #998466;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page.page-cover{background-color:#e3d0b5;color:#785e3a;border:solid 1px #998466;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page.page-cover .page-content{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0}.cover-image-full{width:100%;height:100%;object-fit:cover;object-position:center}.page.page-cover h2{text-align:center;font-size:2rem;color:#785e3a;margin:0;padding:0}.page.page-cover.page-cover-top{box-shadow:inset 0 0 30px #240a0380,-2px 0 5px 2px #0006}.page.page-cover.page-cover-bottom{box-shadow:inset 0 0 30px #240a0380,10px 0 8px #0006}.page-count{color:#785e3a!important;font-weight:600}.flip-book:focus,.page:focus{outline:none}.story-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.story-info h1{font-size:var(--font-size-md);font-weight:600;color:var(--kassie-text-color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.page-counter{font-size:var(--font-size-sm);color:var(--kassie-text-color);white-space:nowrap;min-width:60px}.story-actions{display:flex;gap:var(--spacing-sm)}.story-controls{width:100%;background:var(--kassie-white);border-top:2px solid var(--kassie-dark-border-color);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0;box-shadow:var(--shadow-small)}.audio-controls{background:transparent;display:flex;visibility:hidden;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding:0 var(--spacing-md);width:100%!important;box-sizing:border-box;overflow:visible}.audio-controls--visible{visibility:visible!important}.audio-icon--hidden{display:none!important}.recording-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:50;pointer-events:none}.audio-block--avatar{flex:0 0 auto;display:flex;align-items:center;height:100%;margin:0;padding:0 2px 0 0;position:relative;cursor:pointer}.audio-block--avatar .audio-avatar{position:relative;z-index:99}.volume-popup{display:none;position:absolute;bottom:0;left:47%;transform:translate(-50%);background:var(--kassie-orange-4);border:1px solid var(--kassie-brown-4);border-radius:50px;margin:0;padding:0;z-index:102;flex-direction:column;align-items:center;width:32px;height:auto;box-shadow:0 10px 30px #0000004d;box-shadow:2px 2px 4px #00000080}.volume-popup.volume-popup--visible{display:flex;padding:5px;margin:0}.volume-slider{-webkit-appearance:none;appearance:none;width:20px;height:100px;background:var(--kassie-brown-4);background-image:linear-gradient(var(--kassie-brown-4),var(--kassie-dark-brown));border:none;border-radius:9999px;outline:none;writing-mode:vertical-lr;direction:rtl;position:relative;z-index:100}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:radial-gradient(circle at 35% 35%,var(--kassie-orange-3),var(--kassie-brown-4));border-radius:50%;cursor:pointer;box-shadow:2px 2px 4px #00000080}.volume-slider::-moz-range-thumb{width:19px;height:19px;background:radial-gradient(circle at 35% 35%,var(--kassie-orange-3),var(--kassie-brown-4));border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0006}.volume-slider::-webkit-slider-runnable-track{background:#000;border-radius:50px}.volume-slider::-moz-range-track{background:var(--kassie-brown-4);border:none;border-radius:9999px;width:3px}.audio-avatar{height:6.12vh!important;width:6.12vh!important;max-width:none!important;border-radius:50%;object-fit:cover;border:1px solid var(--kassie-dark-border-color, #ccc);display:block}.audio-block--play,.audio-block--record{flex:0 0 auto;display:flex;align-items:center;height:100%;margin:0;padding:0}.audio-block--progress{flex:1 1 auto;display:flex;align-items:center;min-width:0;padding:0 var(--spacing-sm)}.audio-block--star{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;height:100%;border:none;outline:none}.audio-btn{height:100%;width:auto;border-radius:var(--radius-full);border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:transparent;padding:0 2px 0 0;margin:0}.audio-btn img{height:6.12vh!important;width:6.12vh!important;max-width:none!important;object-fit:contain;display:block;pointer-events:none}.audio-btn:hover{transform:scale(1.05)}.audio-btn:active{transform:scale(.95)}.audio-btn:disabled{opacity:.4;cursor:not-allowed;transform:scale(1)}.audio-btn--play{background:transparent;box-shadow:none}.audio-btn--play:hover{transform:scale(1.05);box-shadow:none}.audio-btn--record{background:transparent;box-shadow:none;min-width:6.12vh;min-height:6.12vh}.audio-btn--record:hover:not(:disabled){transform:scale(1.05);box-shadow:none}.audio-btn--star{background:transparent;box-shadow:none;padding:0;outline:none;border:none;-webkit-tap-highlight-color:transparent}.audio-btn--star:focus,.audio-btn--star:active{outline:none;border:none;box-shadow:none}.audio-btn--star:hover{transform:scale(1.05);box-shadow:none}.audio-btn--star svg{fill:var(--kassie-orange-3)}@keyframes starBounce{0%,to{transform:scale(1)}50%{transform:scale(2) rotate(15deg)}}.audio-progress-bar{width:100%;height:6px;background:var(--kassie-brown-2);border-radius:0;overflow:hidden;cursor:pointer}.audio-progress-fill{height:100%;background:var(--kassie-brown-4);border-radius:0;transition:width .1s linear;width:0%}.audio-time{display:none}.story-loading-spinner{width:60px;height:60px;border:4px solid var(--kassie-border-color);border-top-color:var(--kassie-cyan);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.story-loading-text{font-size:var(--font-size-base);color:var(--kassie-text-color);text-align:center}[data-category=phone][data-orientation=portrait] .story-header{padding:var(--spacing-sm) var(--spacing-md)}[data-category=phone][data-orientation=portrait] .story-title{font-size:var(--font-size-base)}[data-category=phone][data-orientation=portrait] .story-progress{font-size:var(--font-size-xs)}[data-category=phone][data-orientation=portrait] .progress-bar{width:60px}[data-category=phone][data-orientation=portrait] .page-footer{height:4cqb;max-height:4cqb;flex:0 0 4cqb;margin-top:0}[data-category=phone][data-orientation=portrait] .cover-title{font-size:var(--font-size-md)}[data-category=phone][data-orientation=portrait] .cover-subtitle{font-size:var(--font-size-sm)}[data-category=phone][data-orientation=portrait] .audio-controls{padding:var(--spacing-sm);gap:var(--spacing-sm);justify-content:space-between}[data-category=phone][data-orientation=portrait] .story-controls{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}[data-category=phone][data-orientation=portrait] .audio-btn svg{width:20px;height:20px}[data-category=tablet][data-orientation=portrait] .page-image{max-height:45%}[data-category=tablet][data-orientation=portrait] .page-body:not(:has(.page-text)) .page-image{max-height:100%}[data-category=tablet][data-orientation=portrait] .cover-image-wrapper{max-width:500px}[data-category=tablet][data-orientation=landscape] .page-content{padding:var(--spacing-md) var(--spacing-xl)}[data-category=desktop] .story-header{padding:var(--spacing-lg) var(--spacing-xl)}[data-category=desktop] .story-title{font-size:var(--font-size-lg)}[data-category=desktop] .page-content{padding:var(--spacing-xl)}[data-category=desktop] .page-image{max-height:45%}[data-category=desktop] .page-body:not(:has(.page-text)) .page-image{max-height:100%}[data-category=desktop] .cover-image-wrapper{max-width:600px}[data-category=desktop] .page,[data-category=desktop] .page .page-content{padding:30px}[data-category=desktop] .audio-controls{padding:var(--spacing-lg);gap:var(--spacing-lg);justify-content:space-between}[data-category=desktop] .audio-btn svg{width:28px;height:28px}.audio-btn:focus-visible{outline:3px solid var(--kassie-cyan);outline-offset:2px}@media(prefers-contrast:high){.story-header,.audio-controls,.audio-btn{border-width:3px}.page{box-shadow:0 0 0 2px var(--kassie-black)}}@media(prefers-reduced-motion:reduce){.progress-fill,.audio-btn,.story-loading-spinner{transition:none;animation:none}}[data-device=iphone-se] .page-footer,[data-device=iphone-12-pro][data-orientation=portrait] .page-footer{margin-top:4px!important}.page-body--flow{display:flex!important;flex-direction:column;gap:1rem;position:static!important;padding:0}.page-text--flow{position:static!important;width:100%;height:auto;min-height:auto;z-index:auto;display:block;pointer-events:auto}.page-body--flow .page-image{position:static!important;width:100%;height:auto;z-index:auto;display:flex;justify-content:center;align-items:center}.page-text--flow .text-content{background:color-mix(in srgb,var(--kassie-page-background) 90%,transparent);padding:1.5rem;border-radius:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;max-width:100%;margin:0;pointer-events:auto;box-shadow:0 2px 12px #0000001a,inset 0 0 0 1px #ffffff4d;box-sizing:border-box}@container page (min-width: 0px){.page-text--flow[data-text-size=small],.page-text--flow[data-text-size=small] .text-content,.page-text--flow[data-text-size=small] .text-content p{font-size:clamp(.625rem,1.5cqi + .4rem,1.2rem)!important}}@container page (min-width: 0px){.page-text--flow[data-text-size=medium],.page-text--flow[data-text-size=medium] .text-content,.page-text--flow[data-text-size=medium] .text-content p{font-size:clamp(.75rem,2cqi + .5rem,1.5rem)!important}}@container page (min-width: 0px){.page-text--flow[data-text-size=large],.page-text--flow[data-text-size=large] .text-content,.page-text--flow[data-text-size=large] .text-content p{font-size:clamp(.875rem,2.5cqi + .6rem,1.75rem)!important}}[data-category=phone] .page-body--flow{gap:.75rem}[data-category=tablet] .page-body--flow,[data-category=desktop] .page-body--flow{gap:1.25rem}.profile-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - var(--layout-top-offset, 20vh));max-height:calc(100vh - var(--layout-top-offset, 20vh));padding:var(--spacing-xl);padding-top:0;background:transparent;position:fixed;top:var(--layout-top-offset, 20vh);left:0;right:0;bottom:0;overflow:hidden}.profile-screen.loading .loading-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-prompt{margin-bottom:var(--spacing-xxxl, 20px);text-align:center}.profile-prompt-text{font-size:1.4rem;font-weight:700;font-family:var(--kassie-font-cutive)!important;color:var(--kassie-text-color);padding-top:14px;border-radius:var(--radius-lg);margin:0;display:inline-block;white-space:nowrap}.profile-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:900px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:transform .2s ease;position:relative;margin:5px}.profile-card:hover{transform:scale(1.05)}.profile-card:active{transform:scale(.98)}.profile-card--current{cursor:default}.profile-card--current:hover{transform:none}.profile-card-avatar{position:relative;width:calc(var(--profile-nav-icon-base, 72px) * var(--profile-avatar-scale, 1.1));height:calc(var(--profile-nav-icon-base, 72px) * var(--profile-avatar-scale, 1.1));display:flex;align-items:center;justify-content:center}.profile-card-avatar img{width:100%;height:100%;object-fit:contain;display:block}.profile-card-badge{position:absolute;top:-5%;right:-5%;width:36px;height:36px;z-index:10}.profile-card-badge svg{width:100%;height:100%;background:#ffc107;border-radius:50%;border:2px solid var(--kassie-dark-border-color)}.profile-card-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-card-switch{position:absolute;top:-5%;right:-5%;width:36px;height:36px;background-color:var(--kassie-color-accent-yellow, #ffd54f);border:2px solid var(--kassie-dark-border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 8px #0000004d;cursor:pointer;transition:transform .2s ease}.profile-card-switch:hover{transform:scale(1.1)}.profile-card-switch img{width:55%;height:55%;object-fit:contain}.profile-card:not(.profile-card--current) .profile-card-badge{display:none}.profile-card-name{font-size:1.5rem;font-weight:700;color:var(--kassie-text-color);background:#f8ac1b;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);border:4px solid var(--kassie-dark-border-color);box-shadow:var(--shadow-medium);text-align:center;min-width:140px;padding:2px}[data-category=phone] .profile-screen{padding:var(--spacing-lg);padding-top:0}[data-category=phone] .profile-prompt-text{padding:var(--spacing-sm) var(--spacing-lg)}[data-category=phone] .profile-card-frame{width:140px;height:160px}[data-category=phone] .profile-card-badge{width:36px;height:36px;top:-5%;right:-5%}[data-category=phone] .profile-card-name{font-size:1.125rem;padding:var(--spacing-xs) var(--spacing-md);min-width:100px}[data-category=phone] .profile-cards{gap:var(--spacing-lg)}.profile-screen.loading{opacity:1;pointer-events:none}.profile-empty{text-align:center;padding:var(--spacing-xxl);color:#fff}.profile-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.8}.profile-empty-message{font-size:var(--font-size-base);font-weight:500;color:#fff}.achievement-board{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:0;background:linear-gradient(180deg,var(--kassie-cyan, #00bcd4) 0%,var(--kassie-cyan-light, #4dd0e1) 100%);position:relative;overflow:visible}#app:has(.achievement-board){overflow-y:auto!important;overflow-x:hidden!important}#app:has(.achievement-board) #content-container{overflow:visible!important;align-items:flex-start!important}.achievement-cards-container{width:100%;max-width:900px;padding:var(--spacing-xl, 24px);display:flex;flex-direction:column;gap:var(--spacing-xl, 24px);align-items:center}.category-card-wrapper{width:100%;max-width:700px;display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);align-items:center}.category-label{font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;color:var(--kassie-text-color, #2c3e50);text-align:center;margin:0;width:100%}.category-card{width:100%;max-width:700px;background:#fff;border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));padding:var(--spacing-md, 16px);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 8px 12px rgba(0, 0, 0, .15))}.category-card:active{transform:translateY(-2px)}.category-card-content{display:flex;flex-direction:row;gap:var(--spacing-sm, 8px);align-items:center;justify-content:space-between}.category-card-left{flex:1 1 50%;display:flex;align-items:center;justify-content:flex-start;padding-left:var(--spacing-sm, 8px)}.category-illustration{width:100%;height:auto;max-width:180px;object-fit:contain;aspect-ratio:1 / 1}.category-card-right{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);position:relative;padding-right:var(--spacing-sm, 8px)}.category-achievement{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:transform .2s ease}.category-achievement:hover{transform:scale(1.05)}.category-achievement:active{transform:scale(.98)}.achievement-badge{width:120px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .3s ease}.achievement-stars{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);align-items:center;justify-content:center}.achievement-star{width:32px;height:32px;display:flex}.achievement-star-img{width:100%;height:100%;object-fit:contain}.overall-badge{width:90px;height:90px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s ease,opacity .3s ease;cursor:pointer}.overall-badge--aitsa{background-image:var(--kassie-svg-components-aitsaaward)}.overall-badge--aitsa.overall-badge--locked{filter:grayscale(0%)!important;opacity:1!important}.overall-badge--completed{filter:grayscale(0%);opacity:1;animation:pulse 2s ease-in-out infinite}.overall-badge--locked{filter:grayscale(100%);opacity:.6}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.overall-badge-label{font-size:1.25rem;font-weight:700;color:var(--kassie-color-primary-cyan, #00bcd4);text-align:center;margin:0}.achievement-detail-modal{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.achievement-detail-modal.open{display:flex}.achievement-detail-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-large);padding:var(--spacing-xl);max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.achievement-detail-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.achievement-detail-badge{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s ease,opacity .3s ease}.achievement-detail-badge--locked{filter:grayscale(100%);opacity:.6}.achievement-detail-badge[style*=aitsaaward].achievement-detail-badge--locked{filter:grayscale(0%)!important;opacity:1!important}.achievement-detail-title{font-size:1.5rem;font-weight:700;color:var(--kassie-color-text-dark, #2c3e50);margin:0}.achievement-detail-progress{margin-bottom:var(--spacing-lg)}.achievement-detail-progress-label{font-size:var(--font-size-base);font-weight:600;color:var(--kassie-color-text-dark, #2c3e50);margin-bottom:var(--spacing-md)}.achievement-module-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.achievement-module-item{padding:var(--spacing-sm) var(--spacing-md);background:#f5f5f5;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--kassie-color-text-dark, #2c3e50);display:flex;align-items:center;gap:var(--spacing-sm)}.achievement-module-item:before{content:"✓";color:var(--kassie-green-2, #4CAF50);font-weight:700;font-size:var(--font-size-base)}.achievement-empty-modules{font-size:var(--font-size-sm);color:var(--kassie-color-text-medium, #6c757d);font-style:italic;margin:var(--spacing-md) 0}.achievement-aitsa-message{font-size:var(--font-size-sm);font-weight:600;text-align:center;margin:var(--spacing-md) 0;padding:var(--spacing-sm);border-radius:var(--radius-md)}.achievement-aitsa-earned{color:var(--kassie-green-2, #4CAF50);background:#4caf501a}.achievement-aitsa-locked{color:var(--kassie-color-text-medium, #6c757d);background:#f5f5f5}.achievement-detail-progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:var(--radius-full);overflow:hidden}.achievement-detail-progress-fill{height:100%;transition:width .3s ease}.achievement-detail-close{width:100%;padding:var(--spacing-md);background:var(--kassie-color-primary-cyan, #00bcd4);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .2s ease}.achievement-detail-close:hover{background:var(--kassie-color-primary-cyan-dark, #0097a7)}.achievement-board.loading{opacity:1;pointer-events:none}.achievement-empty{text-align:center;padding:var(--spacing-xxl);color:var(--kassie-color-text-medium, #6c757d);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.achievement-empty-message{font-size:var(--font-size-base);font-weight:500}[data-category=tablet][data-orientation=portrait] .achievement-cards-container{padding:var(--spacing-lg, 20px)}[data-category=tablet][data-orientation=portrait] .category-card{max-width:600px}[data-category=tablet][data-orientation=portrait] .category-label{font-size:1.75rem}[data-category=tablet][data-orientation=portrait] .category-illustration{max-width:280px}[data-category=tablet][data-orientation=portrait] .achievement-badge{width:100px;height:100px}[data-category=tablet][data-orientation=portrait] .achievement-star{width:28px;height:28px}[data-category=phone][data-orientation=portrait] .achievement-cards-container{padding:var(--spacing-md, 16px)}[data-category=phone][data-orientation=portrait] .category-card{max-width:500px;padding:var(--spacing-md, 16px)}[data-category=phone][data-orientation=portrait] .category-label{font-size:1.25rem}[data-category=phone][data-orientation=portrait] .category-illustration{max-width:180px}[data-category=phone][data-orientation=portrait] .achievement-badge{width:80px;height:80px}[data-category=phone][data-orientation=portrait] .achievement-star{width:22px;height:22px}[data-breakpoint=iphone-se][data-orientation=portrait] .achievement-cards-container,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .achievement-cards-container{padding:var(--spacing-sm, 12px)}[data-breakpoint=iphone-se][data-orientation=portrait] .category-card,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .category-card{max-width:400px;padding:var(--spacing-sm, 12px)}[data-breakpoint=iphone-se][data-orientation=portrait] .category-label,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .category-label{font-size:1.1rem}[data-breakpoint=iphone-se][data-orientation=portrait] .category-illustration,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .category-illustration{max-width:180px}[data-breakpoint=iphone-se][data-orientation=portrait] .achievement-badge,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .achievement-badge{width:70px;height:70px}[data-breakpoint=iphone-se][data-orientation=portrait] .achievement-star,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .achievement-star{width:18px;height:18px}[data-breakpoint=iphone-se][data-orientation=portrait] .category-card-right,[data-breakpoint=galaxy-s8-plus][data-orientation=portrait] .category-card-right{gap:var(--spacing-xs, 4px)}[data-orientation=landscape] .achievement-cards-container{padding:var(--spacing-md, 16px) var(--spacing-xl, 24px)}[data-orientation=landscape] .category-card{max-width:800px}[data-orientation=landscape] .category-label{font-size:1.75rem}[data-orientation=landscape] .category-illustration{max-width:280px}[data-category=desktop] .achievement-cards-container{padding:var(--spacing-xxl, 32px)}[data-category=desktop] .category-card{max-width:800px}[data-category=desktop] .category-label{font-size:2rem}[data-category=desktop] .category-illustration{max-width:300px}[data-category=desktop] .achievement-badge{width:130px;height:130px}[data-category=desktop] .achievement-star{width:36px;height:36px}[data-category=desktop] .category-card-right{gap:var(--spacing-sm, 8px)}.device-activation-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#4ecdc4,#44a08d)}.activation-icon{margin-bottom:24px;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.activation-card{background-color:#fff;border-radius:24px;padding:40px 32px;max-width:500px;width:100%;box-shadow:0 10px 40px #0003;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.revocation-notice{background-color:#fee589;border:3px solid #E96125;border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.revocation-text{color:#3f2a14;font-size:var(--font-size-base);font-weight:600;margin:0;line-height:1.5}.activation-header{text-align:center;margin-bottom:32px}.activation-header h1{color:#3f2a14;font-size:1.75rem;font-weight:700;margin:0 0 12px}.activation-header p{color:#666;font-size:var(--font-size-base);margin:0}.code-input-container,.code-input-container .item{margin-bottom:16px}.code-input{width:100%;padding:16px;font-size:1.5rem;text-align:center;letter-spacing:8px;border:2px solid #DDD;border-radius:12px;font-weight:600;color:#3f2a14;transition:border-color .3s ease}.code-input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.code-input::placeholder{letter-spacing:normal;color:#aaa}.error-message{background-color:#ffe5e5;border:2px solid #DB4139;border-radius:8px;padding:12px;margin-bottom:16px;color:#db4139;font-size:var(--font-size-sm);font-weight:600;text-align:center}.activation-help{text-align:center;margin:24px 0;padding:16px;background-color:#f8f9fa;border-radius:12px}.activation-help p{color:#666;font-size:var(--font-size-sm);margin:0;line-height:1.6}.adult-login-option{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #E0E0E0}@media(max-width:600px){.activation-card{padding:32px 24px}.activation-header h1{font-size:1.5rem}.code-input{font-size:1.25rem;letter-spacing:6px}}.kassie-loader-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#0000004d;backdrop-filter:grayscale(80%) blur(2px);-webkit-backdrop-filter:grayscale(80%) blur(2px);pointer-events:none;opacity:0;transition:opacity .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease}.kassie-loader-backdrop.active{opacity:1}.kassie-loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;width:210px;height:210px}.kassie-base{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:auto}.kassie-eye-sockets{position:absolute;top:64.25px;left:66.11px;width:77.4px;height:23.96px;z-index:15;pointer-events:none;transition:opacity .1s ease}.kassie-eyeballs{position:absolute;top:73.14px;left:77.671px;width:55.659px;height:11.356px;z-index:20;pointer-events:none;transition:transform .15s ease-out;transform-origin:center center;opacity:1!important}.kassie-eyeballs.partially-closed{clip-path:inset(0 0 4px 0);opacity:1!important}.kassie-eyeballs.fully-closed{opacity:0!important;clip-path:inset(0 0 0 0)}.kassie-mouth{position:absolute;z-index:15;pointer-events:none}.kassie-mouth.mouth-default{top:95.228px;left:92.114px;width:27.635px;height:13.365px;transform:none!important}.kassie-mouth.mouth-ooh{top:97.58px;left:97.994px;width:15px;height:7px;transform-origin:center center;will-change:transform}.kassie-mouth.mouth-ooh.ooh-yawn{animation:oohYawn 4s ease-in-out forwards!important}@keyframes oohYawn{0%{transform:scaleX(1) scaleY(1) translateY(0)}25%{transform:scaleX(1.267) scaleY(2) translateY(2px)}75%{transform:scaleX(1.267) scaleY(2) translateY(2px)}to{transform:scaleX(1) scaleY(1) translateY(0)}}@keyframes testPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.kassie-mouth.mouth-smile{top:97.202px;left:91.816px;width:26.992px;height:6.718px;transform:none}.kassie-mouth.mouth-smileSmall{top:97.202px;left:94px;width:22px;height:6px;transform:none}.kassie-mouth.mouth-smileWide{top:97.202px;left:89px;width:32px;height:8px;transform:none}.kassie-mouth.mouth-smileOneFlipped{top:97.202px;left:91.816px;width:26.992px;height:6.718px;transform:none}.kassie-mouth.mouth-defaultFlipped{top:95.228px;left:92.114px;width:27.635px;height:13.365px;transform:none}.kassie-mouth.mouth-smile.smile-pulse{animation:smilePulse 4s ease-in-out infinite!important}@keyframes smilePulse{0%{transform:scaleX(1)}50%{transform:scaleX(1.222)}to{transform:scaleX(1)}}.kassie-loader-container.dev-mode{opacity:1!important;display:block!important}.kassie-speech-bubble{position:absolute;z-index:15;pointer-events:none;transition:opacity .3s ease;width:100px;height:auto}.kassie-speech-bubble__img{width:100%;height:auto;display:block}.kassie-speech-bubble__text{position:absolute;top:30%;left:0;width:100%;text-align:center;z-index:16;font-family:Andika,Houschka Rounded,sans-serif;font-weight:700;font-size:.85rem;color:var(--kassie-text-color, #2c3e50);pointer-events:none;line-height:1.2}.kassie-speech-bubble.speech-bubble--yipee{top:5%;left:70%}.kassie-speech-bubble.speech-bubble--yipee .kassie-speech-bubble__img{transform:scaleX(-1)}.kassie-speech-bubble.speech-bubble--loading{top:5%;right:70%;left:auto}.kassie-eye-overlay{position:absolute;top:64.25px;left:66.11px;width:77.4px;height:23.96px;z-index:21;pointer-events:none;opacity:0;transition:opacity .1s ease}.kassie-eye-overlay--visible{opacity:1}.kassie-loader-container.debug:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px dashed rgba(255,0,0,.5);pointer-events:none;z-index:5}.kassie-loader-container.debug:after{content:"Center";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-size:12px;font-weight:700;pointer-events:none;z-index:5}