@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";#app{left:0;position:relative;top:0}#background{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.page-bg-primary,.page-primary{background:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;height:100vh;margin:0;position:relative}.page-bg-rekenen,.page-rekenen{background:#fff7b3;background:var(--gradient-rekenen);background-attachment:fixed;height:100vh;position:relative}.page-bg-taal,.page-taal{background:var(--gradient-taal);height:100vh;position:relative}.page-bg-playground,.page-playground{background:#ff6b6b;background:var(--gradient-playground);background-attachment:fixed;height:100vh;position:relative}.page-bg-secondary,.page-secondary{background-color:#4ecdc4;height:100vh;position:relative}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100%;-webkit-text-size-adjust:100%}body{background-color:#667eea;color:var(--color-text);font-family:var(--font-family);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;padding:var(--safe-area-top-adjusted) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);position:relative}div,h1,h2,h3,h4,h5,h6,p,span{-webkit-user-select:text;-moz-user-select:text;user-select:text}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active,.game-button:active,.level-button:active,.profile-card:active,a:active,button:active{outline:none}.btn:focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}@media(hover:hover)and (pointer:fine){.btn-ghost:hover,.btn-primary:hover,.btn-secondary:hover,.btn:hover,.emoji-option:hover,.game-button:hover,.level-card:hover,.profile-card:hover,.world-card:hover,a:hover,button:hover{cursor:pointer}}@media(hover:none){.btn:active,a:active,button:active{opacity:.8;transform:scale(.95);transition:none}.btn-primary:active{filter:brightness(.9)}.game-button:active,.level-card:active,.profile-card:active,.world-card:active{transform:scale(.98)}}.glass-surface{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));background:var(--color-surface-glass)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.card-glass{padding:var(--spacing-lg)}.card-glass,.page-header{-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:var(--color-surface-glass);border-radius:var(--radius-lg)}.page-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.page-header h1{color:var(--color-text-inverse);font-size:var(--font-size-3xl);margin:0}.btn,.page-header h1{font-weight:var(--font-weight-semibold)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);border:var(--border-width-medium) solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:#fff3;color:var(--color-text-inverse)}.btn-ghost:hover{background:#ffffff4d}.btn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-text-inverse);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.form-input,.form-select{background:var(--color-surface);border:var(--border-width-medium) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base);width:100%}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-modal)}.modal{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:var(--color-surface-glass);border-radius:var(--radius-lg);max-width:500px;padding:var(--spacing-xl);width:100%}.modal h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.coins,.modal h2{color:var(--color-text-inverse)}.coins{align-items:center;background:#fff3;border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.coin-icon{font-size:1.5rem}.coin-count{color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.stat,.stat-card{align-items:center;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:var(--color-surface-glass);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.stat-icon{font-size:2.5rem}.stat-value{color:var(--color-text-inverse);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0}.stat-label{color:var(--color-text);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border:1px solid hsla(0,0%,100%,.8);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.stat-item .stat-label{color:#666}.stat-item .stat-value{color:var(--color-primary);font-size:var(--font-size-2xl)}.container{margin:0 auto;max-width:1000px;max-width:1200px;padding:0 1rem;position:relative;z-index:0}@media(min-width:640px){.container{padding:var(--spacing-md) var(--spacing-lg)}}@media(min-width:1024px){.container{padding:var(--spacing-lg) var(--spacing-xl)}}.game-button,.interactive-card,.world-card{background:var(--color-surface);border:3px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}@media(min-width:768px){.game-button,.interactive-card,.world-card{padding:var(--spacing-xl)}}.game-button:not(:disabled):hover,.interactive-card:hover,.world-card:not(.locked):hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.game-button:disabled,.world-card.locked{cursor:not-allowed;opacity:.6}.button-content h2,.card-title,.world-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.button-content p,.card-description,.world-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.progress-section{margin:0 auto;max-width:1000px;padding:var(--spacing-md)}@media(min-width:768px){.progress-section{padding:var(--spacing-lg)}}.progress-section h2{color:var(--color-text-inverse);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);max-width:100%;text-align:center}.progress-stats,.quick-stats,.stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:640px){.progress-stats,.quick-stats,.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}:focus:not(:focus-visible){outline:none}*,:focus{outline:none}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-4{gap:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideInUp{animation:slideInUp .4s ease-out}.animate-bounce{animation:bounce .6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-container{min-height:100vh;padding:var(--spacing-sm)}@media(min-width:768px){.page-container{padding:var(--spacing-lg)}}.emoji-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;padding:0}.emoji-grid button{flex:1 1 60px;max-width:60px}.emoji-option{align-items:center;aspect-ratio:1;background:#fff3;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.75rem .5rem;transition:all var(--transition-fast)}@media(min-width:768px){.emoji-option{font-size:1.8rem}}.emoji-option.selected,.emoji-option:hover{border-color:var(--color-primary);transform:scale(1.1)}.auth-card,.intro-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:var(--spacing-xl)}@media(min-width:768px){.auth-card,.intro-card{padding:var(--spacing-xl)}}.auth-header,.intro-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header .intro-icon,.intro-header .intro-icon{display:block;font-size:4rem;margin-bottom:var(--spacing-md)}.auth-header h2,.intro-header h2{color:var(--color-text);font-size:var(--font-size-3xl);margin:0}.intro-stats{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin:var(--spacing-xl) 0}@media(max-width:640px){.intro-stats{grid-template-columns:1fr}}.intro-story{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);text-align:center}.profiles-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}@media(min-width:768px){.profiles-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.profile-card{align-items:center;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:var(--color-surface-glass);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:1rem;transition:all var(--transition-base)}@media(min-width:768px){.profile-card{border:3px solid transparent;padding:1.5rem}}.profile-card:focus,.profile-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.profile-card.create-new{border:3px dashed var(--color-border);opacity:.7}.profile-card.create-new:hover{border-color:var(--color-secondary);opacity:1}.profile-emoji{font-size:3rem}.profile-emoji,.profile-name{color:var(--color-text-inverse)}.profile-name{font-size:1rem;font-weight:var(--font-weight-semibold)}.levels-grid,.worlds-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media(min-width:768px){.levels-grid,.worlds-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.levels-grid,.worlds-grid{grid-template-columns:repeat(3,1fr)}}.level-card,.world-card{background:var(--color-surface);border:3px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:inherit;cursor:pointer;padding:var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--transition-base)}@media(min-width:768px){.level-card,.world-card{padding:var(--spacing-xl)}}.level-card:not(.locked):hover,.world-card:not(.locked):hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.level-card.locked,.world-card.locked{cursor:not-allowed;opacity:.6}.level-icon,.world-icon{display:block;font-size:3rem;margin-bottom:var(--spacing-md)}.level-header h2,.world-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.level-description,.world-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.btn-start-large{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-base);width:100%}.btn-start-large:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-start-large:active{transform:translateY(0)}.btn-icon{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-xl);height:2.5rem;justify-content:center;padding:0;transition:all var(--transition-base);width:2.5rem}.btn-icon:hover{background:#ffffff4d;transform:scale(1.1)}.greeting-banner{align-items:center;color:var(--color-text-inverse);display:flex;flex-direction:column;font-size:2rem;font-weight:var(--font-weight-semibold);gap:.75rem;justify-content:center;margin-bottom:var(--spacing-xl);text-align:center;width:100%}.greeting-banner .greeting-emoji{font-size:4rem}@media(min-width:768px){.greeting-banner{flex-direction:row}.greeting-banner .greeting-emoji{font-size:2rem}}.error-message{animation:shake .4s;background:#fee;border:2px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);padding:1rem;text-align:center}@supports (-webkit-overflow-scrolling:touch){.page-bg-playground,.page-bg-primary,.page-bg-rekenen,.page-bg-secondary,.page-bg-taal,.page-playground,.page-primary,.page-rekenen,.page-secondary,.page-taal{position:relative}.page-bg-playground:before,.page-bg-primary:before,.page-bg-rekenen:before,.page-bg-secondary:before,.page-bg-taal:before,.page-playground:before,.page-primary:before,.page-rekenen:before,.page-secondary:before,.page-taal:before{background:inherit;background-attachment:scroll;content:"";inset:0;position:fixed;z-index:-1}}.page-bg-playground,.page-bg-primary,.page-bg-rekenen,.page-bg-secondary,.page-bg-taal,.page-playground,.page-primary,.page-rekenen,.page-secondary,.page-taal{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.admin-section{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.admin-section h2{color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.admin-section h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-top-adjusted:max(5px, calc(env(safe-area-inset-top) - 5px) );--color-primary:#667eea;--color-primary-dark:#5568d3;--color-primary-light:#8097f0;--color-primary-rgb:102,126,234;--color-secondary:#4ecdc4;--color-secondary-dark:#3db8af;--color-secondary-light:#6fd9d1;--color-secondary-rgb:78,205,196;--color-accent:#ffe66d;--color-accent-dark:#f0d45a;--color-accent-light:#fff080;--color-accent-rgb:255,230,109;--color-success:#06d6a0;--color-success-light:#4caf50;--color-success-rgb:6,214,160;--color-error:#ef476f;--color-error-light:#f44336;--color-error-rgb:239,71,111;--color-warning:orange;--color-warning-light:#f39c12;--color-warning-rgb:255,165,0;--color-info:#4ecdc4;--color-info-light:#3498db;--color-info-rgb:78,205,196;--color-bg:#fff8f0;--color-bg-alt:#f8f9fa;--color-surface:#fff;--color-surface-rgb:255,255,255;--color-surface-glass:var(--color-overlay-dark-medium);--color-surface-elevated:#fff;--color-text:#2d3142;--color-text-light:#5a6175;--color-text-inverse:#fff;--color-text-rgb:45,49,66;--color-border:#e8ded2;--color-border-light:#dee2e6;--color-divider:#e0e0e0;--color-overlay-light:hsla(0,0%,100%,.1);--color-overlay-medium:hsla(0,0%,100%,.2);--color-overlay-strong:hsla(0,0%,100%,.3);--color-overlay-opaque:hsla(0,0%,100%,.5);--color-overlay-solid:hsla(0,0%,100%,.7);--color-overlay-bright:hsla(0,0%,100%,.8);--color-overlay-near-white:hsla(0,0%,100%,.95);--color-overlay-dark-light:rgba(0,0,0,.05);--color-overlay-dark-medium:rgba(0,0,0,.1);--color-overlay-dark-strong:rgba(0,0,0,.2);--color-overlay-dark-opaque:rgba(0,0,0,.5);--color-overlay-dark-modal:rgba(0,0,0,.7);--color-success-alpha-light:rgba(6,214,160,.2);--color-success-alpha-medium:rgba(76,175,80,.95);--color-error-alpha-light:rgba(239,71,111,.2);--color-warning-alpha-light:rgba(255,152,0,.95);--color-bg-error:#fff5f5;--color-bg-error-light:#fee;--color-bg-success:#d4edda;--color-bg-danger:#f8d7da;--color-bg-info:#e3f2fd;--color-bg-muted:#d4cabe;--color-bg-orange:#e67e22;--text-shadow-sm:2px 2px 4px rgba(0,0,0,.3);--text-shadow-md:3px 3px 6px rgba(0,0,0,.2);--text-shadow-lg:4px 4px 8px rgba(0,0,0,.25);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family:"Fredoka",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2rem;--font-size-5xl:2.5rem;--font-size-6xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--shadow-color:0,0,0;--shadow-sm:0 2px 4px rgba(var(--shadow-color),.1);--shadow-md:0 4px 8px rgba(var(--shadow-color),.12);--shadow-lg:0 8px 16px rgba(var(--shadow-color),.15);--shadow-xl:0 12px 24px rgba(var(--shadow-color),.18);--shadow-2xl:0 10px 40px rgba(var(--shadow-color),.2);--shadow-focus:0 0 0 3px rgba(var(--color-primary-rgb),.1);--blur-sm:5px;--blur-md:10px;--blur-lg:20px;--opacity-disabled:.5;--opacity-hover:.8;--opacity-subtle:.6;--opacity-muted:.9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-width-heavy:4px;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.35s ease-out;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--z-notification:4000;--z-helper:4000;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#4ecdc4,#e8f4f3);--gradient-accent:linear-gradient(135deg,#ffe66d,#fff8f0);--gradient-warm:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);--gradient-rekenen:linear-gradient(135deg,#66a6ff,#66a6ff 50%,#89f7fe);--gradient-playground:linear-gradient(135deg,#ff9f43,#feca57 50%,#ff6b6b);--gradient-taal:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);--gradient-success:linear-gradient(90deg,#4caf50,#8bc34a 50%,#ffc107);--gradient-world-green:linear-gradient(135deg,#a8e6cf,#e8f5e9);--gradient-world-blue:linear-gradient(135deg,#81c4e8,#e3f2fd);--gradient-world-yellow:linear-gradient(135deg,#ffd966,#fff3e0);--gradient-world-purple:linear-gradient(135deg,#e1bee7,#f3e5f5);--color-glass-bg:var(--color-overlay-dark-medium);--color-glass-text:var(--color-text-inverse);--color-muted-text:rgba(var(--color-surface-rgb),.8);--color-input-bg:var(--color-surface);--color-input-border:var(--color-border);--color-input-focus:var(--color-primary);--icon-sm:1.5rem;--icon-md:2.5rem;--icon-lg:3rem;--icon-xl:4rem}.install-prompt[data-v-1291d3fa],.update-prompt[data-v-1291d3fa]{animation:slideUp-1291d3fa .3s ease-out;bottom:2rem;position:fixed;right:2rem;z-index:9999}@keyframes slideUp-1291d3fa{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-content[data-v-1291d3fa],.update-content[data-v-1291d3fa]{align-items:center;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px var(--color-overlay-dark-strong);display:flex;gap:1rem;max-width:400px;padding:1.5rem}.install-icon[data-v-1291d3fa],.update-icon[data-v-1291d3fa]{font-size:2rem}.install-text[data-v-1291d3fa],.update-text[data-v-1291d3fa]{flex:1}.install-text strong[data-v-1291d3fa],.update-text strong[data-v-1291d3fa]{color:var(--color-primary);display:block;margin-bottom:.25rem}.install-text p[data-v-1291d3fa],.update-text p[data-v-1291d3fa]{color:var(--color-text-light);font-size:.9rem;margin:0}.install-btn[data-v-1291d3fa],.update-btn[data-v-1291d3fa]{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.install-btn[data-v-1291d3fa]:hover,.update-btn[data-v-1291d3fa]:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.dismiss-btn[data-v-1291d3fa]{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;padding:.75rem 1rem;transition:all .2s}.dismiss-btn[data-v-1291d3fa]:hover{border-color:var(--color-text);color:var(--color-text)}@media(max-width:640px){.install-prompt[data-v-1291d3fa],.update-prompt[data-v-1291d3fa]{bottom:1rem;left:1rem;right:1rem}.install-content[data-v-1291d3fa],.update-content[data-v-1291d3fa]{flex-direction:column;text-align:center}.dismiss-btn[data-v-1291d3fa],.install-btn[data-v-1291d3fa],.update-btn[data-v-1291d3fa]{width:100%}}