@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,700&family=Space+Grotesk:wght@400;500;700&family=Aref+Ruqaa:wght@400;700&family=Lalezar&display=swap";:root{--bg:#f6f2ea;--bg-deep:#e9efe8;--surface:#ffffffd1;--ink:#1b2c31;--muted:#4d626a;--line:#182c321a;--orange:#e9a05f;--orange-deep:#b96a32;--teal-deep:#0b6f68;--shadow-soft:0 18px 42px #14262c1c;--body-font:"Space Grotesk", "Aptos", sans-serif;--heading-font:"Newsreader", Georgia, serif;--accent-font:"Aref Ruqaa", serif;font-family:var(--body-font);letter-spacing:-.01em;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;background-image:radial-gradient(circle at 12% 8%,#14b8a624,#0000 34%),radial-gradient(circle at 88% 12%,#e9a05f21,#0000 34%),radial-gradient(circle at 50% 100%,#0b6f681a,#0000 42%),linear-gradient(135deg,#fbf8f1 0%,#f4f0e7 48%,#edf5f1 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body.kleur-1-theme{background-color:#0000;background-image:radial-gradient(circle at 16% 10%,#f472b62e,#0000 34%),radial-gradient(circle at 86% 14%,#fbbf2421,#0000 30%),linear-gradient(135deg,#fff7fb 0%,#fdf2f8 42%,#fff9ed 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body.kleur-2-theme{background-color:#0000;background-image:radial-gradient(circle at 18% 12%,#60a5fa2e,#0000 34%),radial-gradient(circle at 86% 18%,#14b8a61a,#0000 32%),linear-gradient(135deg,#f8fbff 0%,#eef6ff 46%,#eefdf9 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body.kleur-3-theme{background-color:#0000;background-image:radial-gradient(circle at 16% 10%,#8b5cf629,#0000 34%),radial-gradient(circle at 84% 18%,#f472b61f,#0000 30%),linear-gradient(135deg,#fcfaff 0%,#f4f0ff 46%,#fff7fb 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body.kleur-4-theme{background-color:#0000;background-image:radial-gradient(circle at 14% 10%,#14b8a62e,#0000 34%),radial-gradient(circle at 88% 20%,#e9a05f1a,#0000 30%),linear-gradient(135deg,#fbfffd 0%,#ecfdf9 46%,#f8fbf1 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body.kleur-5-theme{background-color:#0000;background-image:radial-gradient(circle at 14% 10%,#f43f5e26,#0000 34%),radial-gradient(circle at 88% 18%,#fbbf241a,#0000 30%),linear-gradient(135deg,snow 0%,#fff1f2 46%,#fff8ed 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body.dark-mode{--bg:#0b1417;--bg-deep:#111f23;--surface:#121f23db;--ink:#edf7f5;--muted:#a8bbb8;--line:#e1f4f01f;--orange:#f2b474;--orange-deep:#d98b45;--teal-deep:#5eead4;--shadow-soft:0 22px 52px #00000057;color:var(--ink);background-color:#0000;background-image:radial-gradient(circle at 16% 10%,#14b8a638,#0000 34%),radial-gradient(circle at 88% 18%,#e9a05f24,#0000 30%),linear-gradient(135deg,#071113 0%,#0d1e22 52%,#13292d 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body:before,body:after{content:"";filter:blur(96px);opacity:.24;pointer-events:none;border-radius:999px;width:20rem;height:20rem;position:fixed;inset:auto}body:before{background:#14b8a647;top:-4rem;right:-5rem}body:after{background:#e9a05f33;bottom:-6rem;left:-6rem}body.kleur-1-theme:before{background:#f472b642}body.kleur-1-theme:after{background:#fbbf2433}body.kleur-2-theme:before{background:#60a5fa3d}body.kleur-2-theme:after{background:#14b8a62e}body.kleur-3-theme:before{background:#8b5cf63d}body.kleur-3-theme:after{background:#f472b62e}body.kleur-4-theme:before{background:#14b8a63d}body.kleur-4-theme:after{background:#e9a05f29}body.kleur-5-theme:before{background:#f43f5e38}body.kleur-5-theme:after{background:#fbbf2429}body.dark-mode:before{opacity:.2;background:#14b8a647}body.dark-mode:after{opacity:.18;background:#e9a05f29}body.dark-mode.kleur-1-theme:before,body.dark-mode.kleur-2-theme:before,body.dark-mode.kleur-3-theme:before,body.dark-mode.kleur-4-theme:before,body.dark-mode.kleur-5-theme:before{opacity:.18;background:#14b8a63d}body.dark-mode.kleur-1-theme:after,body.dark-mode.kleur-2-theme:after,body.dark-mode.kleur-3-theme:after,body.dark-mode.kleur-4-theme:after,body.dark-mode.kleur-5-theme:after{opacity:.16;background:#e9a05f24}a{color:inherit}button,input,textarea,select{font:inherit}#root{width:min(1120px,100% - 1.25rem);margin:0 auto;padding:1rem 0 2rem}h1,h2,h3{color:var(--ink);font-family:var(--heading-font);margin:0;line-height:.98}h1{max-width:100%;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.1}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.15rem}p{margin:0}@media (width>=700px){#root{width:min(1120px,100% - 2rem);padding:1.5rem 0 3rem}}.skip-link{background:var(--ink);color:#fff;z-index:9999;border-radius:0 0 8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:0}.skip-link:focus{outline:3px solid var(--teal-deep);outline-offset:2px;top:0}:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,.filter-chip:focus-visible,.quiz-option:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}.landing-page{background:radial-gradient(circle at 18% 14%,#2dd4bf47,#0000 34%),radial-gradient(circle at 82% 18%,#e9a05f29,#0000 32%),radial-gradient(circle at 50% 100%,#094a455c,#0000 48%),linear-gradient(135deg,#0d3f3c 0%,#0f766e 48%,#0b5f59 100%);justify-content:center;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.landing-page:before{content:"";opacity:.55;pointer-events:none;background-image:linear-gradient(45deg,#0000 49%,#ffffff0e 50%,#0000 51%),linear-gradient(-45deg,#0000 49%,#ffffff0b 50%,#0000 51%);background-size:120px 120px;position:absolute;inset:0}.landing-page:after{content:"";opacity:1;pointer-events:none;background:linear-gradient(#ffffff14,#0000 28%),radial-gradient(circle at 50% 38%,#ffffff1f,#0000 38%);position:absolute;inset:0}.landing-container{text-align:center;z-index:1;width:100%;max-width:1100px;position:relative}.landing-title{font-family:var(--heading-font);color:#fff;text-shadow:0 8px 24px #00000038;letter-spacing:-.02em;max-width:900px;margin:0 auto 1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.25}.landing-subtitle{color:#fff;text-shadow:0 2px 6px #0003;max-width:650px;margin:0 auto 4rem;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:400;line-height:1.6}.profile-cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;max-width:900px;margin:1.75rem auto 0;display:flex}.landing-usp{color:#fffffff2;text-align:center;text-shadow:0 2px 4px #0003;max-width:750px;margin-top:3rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;line-height:1.7}.profile-card{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffff8c;border-radius:18px;width:100%;height:100%;min-height:190px;padding:1.15rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 18px 34px #06282a2e}.profile-card-shell{flex:0 280px;width:100%;min-width:0;max-width:280px;display:grid;position:relative}.profile-card-edit{z-index:3;width:2.15rem;height:2.15rem;color:var(--ink);cursor:pointer;background:#ffffffdb;border:1px solid #1d30381f;border-radius:999px;place-items:center;font-size:1rem;font-weight:900;line-height:1;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-grid;position:absolute;top:.65rem;right:.65rem;box-shadow:0 8px 18px #06282a24}.profile-card-edit:hover{background:#fff;transform:translateY(-1px)scale(1.04);box-shadow:0 8px 18px #00000038}.profile-card-edit:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px}.profile-card:before{content:"";opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.profile-card:hover{border-color:#ffffffc7;transform:translateY(-3px);box-shadow:0 22px 42px #06282a38}.profile-card:hover:before{opacity:1}.profile-card-kleur-1{background:linear-gradient(145deg,#fffafcfa,#fce7f3eb);border-color:#f472b65c}.profile-card-kleur-1:before{background:linear-gradient(135deg,#f472b61f,#fbbf2414)}.profile-card-kleur-1:hover{background:linear-gradient(145deg,#fff5f9fa,#fbcfe8e6);border-color:#ec48997a}.profile-card-kleur-2{background:linear-gradient(145deg,#fbfdfffa,#dbeafeeb);border-color:#60a5fa5c}.profile-card-kleur-2:before{background:linear-gradient(135deg,#60a5fa1f,#14b8a614)}.profile-card-kleur-2:hover{background:linear-gradient(145deg,#f8fbfffa,#bfdbfee6);border-color:#3b82f67a}.profile-card-kleur-3{background:linear-gradient(145deg,#fdfcfffa,#ede9feeb);border-color:#a78bfa5c}.profile-card-kleur-3:before{background:linear-gradient(135deg,#8b5cf61f,#f472b614)}.profile-card-kleur-3:hover{background:linear-gradient(145deg,#fcfafffa,#ddd6fee6);border-color:#8b5cf67a}.profile-card-kleur-4{background:linear-gradient(145deg,#fcfffefa,#ccfbf1eb);border-color:#2dd4bf5c}.profile-card-kleur-4:before{background:linear-gradient(135deg,#14b8a61f,#e9a05f14)}.profile-card-kleur-4:hover{background:linear-gradient(145deg,#fafffdfa,#99f6e4e6);border-color:#0d94887a}.profile-card-kleur-5{background:linear-gradient(145deg,#fffcfcfa,#ffe4e6eb);border-color:#fb71855c}.profile-card-kleur-5:before{background:linear-gradient(135deg,#f43f5e1c,#fbbf2414)}.profile-card-kleur-5:hover{background:linear-gradient(145deg,#fffafafa,#fecdd3e6);border-color:#e11d4875}.profile-card:focus-visible{outline-offset:4px;outline:4px solid #ffffffe6}.profile-card-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;display:flex}.profile-card-text{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.profile-card-icon{z-index:1;filter:drop-shadow(0 4px 8px #00000026);flex-shrink:0;transition:transform .3s;position:relative}.profile-card-icon img{object-fit:cover;border:4px solid #ffffffe6;border-radius:50%;width:88px;height:88px;display:block;box-shadow:0 4px 12px #00000026}.profile-card-icon svg{width:100%;max-width:140px;height:auto;margin:0 auto;display:block}.profile-card:hover .profile-card-icon{transform:scale(1.05)}.profile-card-name{font-family:var(--accent-font);color:var(--ink);z-index:1;margin:0;font-size:1.75rem;font-weight:700;position:relative}.profile-card-desc{color:#3e525a;z-index:1;margin:0;font-size:.9rem;line-height:1.5;position:relative}.profile-card-desc strong{color:var(--ink);font-weight:700}.profile-card-progress{width:fit-content;color:var(--teal-deep);background:#ffffffd1;border:1px solid #0b6f681f;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.76rem;font-weight:700;display:inline-flex}.family-landing-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.family-dashboard-button,.feedback-open-button,.theme-toggle-button,.create-profile-button{color:var(--teal-deep);cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;padding:.8rem 1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #06282a26}.feedback-open-button{color:var(--ink);background:#ffffffc2}.family-dashboard-button:hover,.feedback-open-button:hover,.theme-toggle-button:hover,.create-profile-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #06282a2e}.create-profile-button:disabled{cursor:not-allowed;opacity:.55}.theme-toggle-button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}body.dark-mode .landing-page{background:radial-gradient(circle at 18% 14%,#2dd4bf33,#0000 34%),radial-gradient(circle at 82% 18%,#e9a05f1f,#0000 32%),radial-gradient(circle at 50% 100%,#04181bb8,#0000 48%),linear-gradient(135deg,#061012 0%,#0b2225 48%,#0f3033 100%)}body.dark-mode .landing-page:before{opacity:.28}body.dark-mode .landing-title,body.dark-mode .landing-subtitle,body.dark-mode .landing-usp{color:#f5fffc}body.dark-mode .profile-card,body.dark-mode .create-profile-panel,body.dark-mode .install-help-card,body.dark-mode .family-dashboard-card,body.dark-mode .profile-edit-preview{background:linear-gradient(145deg,#132226f0,#0e1c20e6);border-color:#e1f4f01f;box-shadow:0 22px 46px #00000047}body.dark-mode .profile-card:hover{box-shadow:0 26px 54px #0000005c}body.dark-mode .profile-card:before,body.dark-mode .profile-card-kleur-1:before,body.dark-mode .profile-card-kleur-2:before,body.dark-mode .profile-card-kleur-3:before,body.dark-mode .profile-card-kleur-4:before,body.dark-mode .profile-card-kleur-5:before{background:linear-gradient(135deg,#5eead41a,#f2b47414)}body.dark-mode .profile-card-desc,body.dark-mode .family-dashboard-card p,body.dark-mode .family-dashboard-card span,body.dark-mode .install-help-card p,body.dark-mode .install-help-card li,body.dark-mode .profile-edit-preview p{color:var(--muted)}body.dark-mode .profile-card-progress,body.dark-mode .completion-badge,body.dark-mode .category-progress-badge,body.dark-mode .progress-indicator{color:var(--teal-deep);background:#5eead41f;border-color:#5eead42e}body.dark-mode .family-dashboard-button,body.dark-mode .feedback-open-button,body.dark-mode .theme-toggle-button,body.dark-mode .create-profile-button,body.dark-mode .fixed-logout-button,body.dark-mode .profile-card-edit,body.dark-mode .profile-cancel-button,body.dark-mode .category-reset-btn,body.dark-mode .reset-btn{color:var(--ink);background:#121f23d6;border-color:#e1f4f01f;box-shadow:0 16px 32px #00000042}body.dark-mode .family-dashboard-button:hover,body.dark-mode .feedback-open-button:hover,body.dark-mode .theme-toggle-button:hover,body.dark-mode .fixed-logout-button:hover,body.dark-mode .profile-card-edit:hover{background:#1a2d32f5;border-color:#5eead43d}body.dark-mode input,body.dark-mode textarea,body.dark-mode select,body.dark-mode .profile-edit-form input,body.dark-mode .profile-edit-form select,body.dark-mode .feedback-form input,body.dark-mode .feedback-form select,body.dark-mode .feedback-form textarea{color:var(--ink);background:#081316c7;border-color:#e1f4f024}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#a8bbb8b8}body.dark-mode .app-shell.kleur-1-theme:before,body.dark-mode .app-shell.kleur-1-theme:after{opacity:.24}body.dark-mode .hero-panel{background-color:#0000;background-image:linear-gradient(135deg,#0a181be0,#122a2dc7),url(/image/achtergrond-heroheader.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body.dark-mode .hero-text,body.dark-mode .stat-card p,body.dark-mode .phrase-muted,body.dark-mode .phrase-stats,body.dark-mode .quiz-feedback p,body.dark-mode .routine-item p,body.dark-mode .footer-note p,body.dark-mode .lesson-meta,body.dark-mode .category-progress-meta,body.dark-mode .no-data,body.dark-mode .no-progress,body.dark-mode .modal-intro,body.dark-mode .review-lesson-meta{color:var(--muted)}body.dark-mode .stat-card,body.dark-mode .panel-light,body.dark-mode .phrase-card,body.dark-mode .quiz-card,body.dark-mode .routine-item,body.dark-mode .category-progress-item,body.dark-mode .completed-lesson-item,body.dark-mode .learning-day-item,body.dark-mode .review-lesson-card,body.dark-mode .progress-stat{background:linear-gradient(#132226e6,#0d1b1fd6);border-color:#e1f4f01a;box-shadow:0 16px 34px #0000003d}body.dark-mode .accent-card,body.dark-mode .review-card,body.dark-mode .phrase-card-completed,body.dark-mode .review-lesson-card.needs-review{background:linear-gradient(160deg,#14b8a629,#132226db);border-color:#5eead429}body.dark-mode .panel-contrast,body.dark-mode .quiz-score-banner,body.dark-mode .quiz-feedback,body.dark-mode .card-details,body.dark-mode .flashcard-meaning,body.dark-mode .flashcard-coach-tip{background:#0a181bb8;border-color:#e1f4f01a}body.dark-mode .filter-chip,body.dark-mode .pill,body.dark-mode .quiz-option,body.dark-mode .flashcard-nav-btn,body.dark-mode .expand-button,body.dark-mode .audio-button-mini,body.dark-mode .complete-button-mini{color:var(--ink);background:#121f23cc;border-color:#e1f4f01f}body.dark-mode .filter-chip:hover,body.dark-mode .quiz-option:hover,body.dark-mode .flashcard-nav-btn:hover:not(:disabled),body.dark-mode .expand-button:hover{color:var(--ink);background:#1a2d32f0;border-color:#5eead43d}body.dark-mode .filter-active,body.dark-mode .filter-active:hover,body.dark-mode .primary-action,body.dark-mode .profile-save-button,body.dark-mode .next-button,body.dark-mode .flashcard-audio-btn,body.dark-mode .flashcard-complete-btn{color:#f8fffd;background:linear-gradient(135deg,#0d9488 0%,#0b6f68 100%)}body.dark-mode .secondary-action{color:var(--ink);background:#121f23d1;border-color:#e1f4f01f}body.dark-mode .flashcards-container{background:linear-gradient(#121f23e6,#0b181bdb);border-color:#e1f4f01a;box-shadow:0 24px 56px #00000052}body.dark-mode .flashcard,body.dark-mode .flashcard-front,body.dark-mode .flashcard-back{background:linear-gradient(145deg,#14252afa,#0b181bf5);border-color:#e1f4f01a}body.dark-mode .flashcard-back{background:linear-gradient(145deg,#0f2c2dfa,#0b181bf5)}body.dark-mode .flashcard-background{background:linear-gradient(135deg,#14252aad,#091417b8)}body.dark-mode .flashcard-active,body.dark-mode .flashcard-active:hover{box-shadow:0 28px 68px #00000061}body.dark-mode .modal-overlay{background:#030a0cb8}body.dark-mode .modal-content,body.dark-mode .modal-header{color:var(--ink);background:linear-gradient(#121f23fa,#0a181bf5);border-color:#e1f4f01a}body.dark-mode .modal-close{color:var(--ink);background:#e1f4f014}body.dark-mode .option-correct,body.dark-mode .feedback-good{background:#14b8a62e;border-color:#5eead442}body.dark-mode .option-wrong,body.dark-mode .feedback-error,body.dark-mode .reset-button-mini,body.dark-mode .profile-delete-button{color:#fecaca;background:#dc262629;border-color:#f871713d}.create-profile-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#ffffffe0;border:1px solid #ffffff85;border-radius:18px;max-width:980px;margin:2rem auto 0;padding:1rem;box-shadow:0 20px 42px #06282a29}.create-profile-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);align-items:stretch;gap:1rem;display:grid}.create-profile-form-block{min-width:0}.create-profile-panel h2{color:var(--ink);margin:0 0 .8rem;font-size:1.15rem}.create-profile-grid{grid-template-columns:minmax(160px,1.2fr) minmax(130px,.8fr) minmax(120px,.7fr);align-items:end;gap:.7rem;display:grid}.create-profile-grid label{color:var(--ink);gap:.35rem;font-size:.82rem;font-weight:800;display:grid}.create-profile-grid input,.create-profile-grid select{width:100%;min-width:0;color:var(--ink);font:inherit;border:1px solid #1d30382e;border-radius:12px;padding:.75rem .85rem}.create-profile-grid>*{min-width:0}.create-profile-grid .create-profile-button{grid-column:1/-1;justify-self:start;min-height:2.75rem;padding-inline:1.25rem}.install-help-card{background:linear-gradient(135deg,#0d948812,#ffffffad);border:1px solid #0d94881f;border-radius:14px;align-content:center;gap:.65rem;min-width:0;padding:1rem;display:grid}.install-help-card h2{margin:0;font-size:1rem}.install-help-card ol{color:var(--ink);gap:.35rem;margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.4;display:grid}.install-help-card p{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.family-dashboard-modal{max-width:760px}.family-dashboard-list{gap:.9rem;display:grid}.family-dashboard-card{background:linear-gradient(135deg,#0d948812,#fffffff5);border:1px solid #0d948824;border-radius:14px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.family-dashboard-card img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:64px;height:64px;box-shadow:0 4px 10px #0000001f}.family-dashboard-card h3{color:var(--ink);margin:0 0 .2rem}.family-dashboard-card p,.family-dashboard-card span{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45;display:block}.family-dashboard-edit{width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;background:#ffffffe6;border:1px solid #1d30381f;border-radius:999px;place-items:center;font-size:1rem;font-weight:900;line-height:1;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-grid;box-shadow:0 5px 14px #0000001f}.family-dashboard-edit:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.family-dashboard-edit:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px}.profile-edit-modal{max-width:620px}.profile-edit-preview{background:linear-gradient(135deg,#0d948814,#fffffff5);border:1px solid #0d948824;border-radius:16px;align-items:center;gap:1rem;padding:1rem;display:flex}.profile-edit-preview img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:72px;height:72px;box-shadow:0 4px 12px #00000024}.profile-edit-preview h3{color:var(--ink);margin:0 0 .25rem;font-size:1.25rem}.profile-edit-preview p{color:var(--muted);margin:0;font-size:.92rem;font-weight:700}.profile-edit-form{gap:1rem;margin-top:1.25rem;display:grid}.profile-edit-form label{color:var(--ink);gap:.4rem;font-size:.84rem;font-weight:800;display:grid}.profile-edit-form input,.profile-edit-form select{width:100%;color:var(--ink);font:inherit;border:1px solid #1d30382e;border-radius:12px;padding:.85rem .9rem}.profile-edit-actions{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.profile-edit-primary-actions{justify-content:flex-end;gap:.75rem;display:flex}.profile-delete-button,.profile-cancel-button,.profile-save-button{cursor:pointer;border:0;border-radius:999px;padding:.78rem 1rem;font-weight:800;transition:transform .2s,box-shadow .2s,background-color .2s}.profile-delete-button{color:#b91c1c;background:#dc262617}.profile-cancel-button{color:var(--ink);background:#1d303814}.profile-save-button{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);box-shadow:0 10px 20px #0f766e38}.profile-delete-button:hover,.profile-cancel-button:hover,.profile-save-button:hover:not(:disabled){transform:translateY(-1px)}.profile-save-button:disabled{cursor:not-allowed;opacity:.55}.feedback-modal{max-width:620px}.feedback-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feedback-form label{color:var(--ink);gap:.4rem;font-size:.84rem;font-weight:800;display:grid}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;min-width:0;color:var(--ink);font:inherit;border:1px solid #1d30382e;border-radius:12px;padding:.85rem .9rem}.feedback-form textarea{resize:vertical;min-height:8rem}.feedback-message-field,.feedback-status,.feedback-actions{grid-column:1/-1}.feedback-status{border-radius:12px;margin:0;padding:.8rem .95rem;font-size:.9rem;font-weight:800}.feedback-success{color:#0f766e;background:#0d94881a}.feedback-error{color:#b91c1c;background:#dc262617}.feedback-actions{justify-content:flex-end;gap:.75rem;display:flex}.app-shell{gap:1.2rem;max-width:1200px;margin:0 auto;padding:1rem;display:grid;position:relative}@media (width>=768px){.app-shell{padding:1.5rem}}@media (width>=1024px){.app-shell{padding:2rem}}.app-shell.kleur-1-theme:before{content:"";pointer-events:none;z-index:-1;opacity:.5;background-image:radial-gradient(circle at 15% 12%,#f472b61f,#0000 32%),radial-gradient(circle at 86% 16%,#fbbf241a,#0000 30%);position:fixed;inset:0}.app-shell.kleur-1-theme:after{content:"";pointer-events:none;z-index:-1;opacity:.26;background:linear-gradient(#ffffff6b,#0000 36%);position:fixed;inset:0}.hero-panel,.panel{border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 42px #14262c1a}.hero-panel{background-color:#0000;background-image:linear-gradient(135deg,#ffffffd1,#f1faf7b3),url(/image/achtergrond-heroheader.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:1.5rem}.topbar{justify-content:flex-end;align-items:center;margin-bottom:1rem;display:flex}.topbar .eyebrow{color:var(--ink);margin:0;font-size:1.1rem;font-weight:600}.hero-copy{margin-bottom:1rem}.hero-content{flex:1;align-self:flex-start;gap:1rem;display:grid}.hero-text-block{gap:.5rem;display:grid}.hero-profile-image{background:#ffffff80;border:3px solid #ffffffe6;border-radius:50%;width:120px;height:120px;overflow:hidden;box-shadow:0 4px 12px #00000026}.hero-profile-image img{object-fit:cover;width:100%;height:100%;display:block}.stats-grid,.content-grid,.practice-grid{gap:1rem;display:grid}.topbar-pills,.hero-actions,.topic-list,.category-filters,.quiz-options{flex-wrap:wrap;gap:.75rem;display:flex}.profile-pill{color:var(--ink);cursor:pointer;background:#ffffff1f;border:2px solid #0000;border-radius:999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.fixed-profile-container{z-index:1000;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.fixed-logout-button{color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #1d30381f;border-radius:999px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 12px 24px #14262c1f}.fixed-logout-button:hover{background:#fff;border-color:#1d303840;transform:translateY(-2px);box-shadow:0 16px 30px #14262c29}.fixed-logout-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.profile-pill.profile-norah,.profile-pill.profile-benjamin{font-family:var(--accent-font);letter-spacing:.03em;text-shadow:0 1px 2px #0000001a;padding:.6rem 1.5rem;font-size:1.5rem;font-weight:700}.profile-pill:hover{background:#fff3;transform:translateY(-1px)}.profile-pill.active{background:linear-gradient(135deg, var(--teal-deep), #0d9488);color:#fff;border-color:#ffffff47;box-shadow:0 10px 22px #0f766e38}.profile-pill:focus-visible{outline:3px solid var(--teal-deep);outline-offset:2px}.category-filters{border-top:1px solid #1d303814;margin-top:.5rem;padding-top:1rem}.filter-chip{color:#1d3038d9;cursor:pointer;background:#ffffffc2;border:1px solid #1d30381a;border-radius:999px;padding:.65rem 1rem;font-size:.88rem;font-weight:600;transition:all .16s}.filter-chip:hover{color:#1d3038f2;background:#ffffffe6;border-color:#1d303833;transform:translateY(-1px)}.filter-active{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0b6f68 100%);border-color:#0f766e;font-weight:700;box-shadow:0 10px 22px #0f766e33}.filter-active:hover{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0f766e;transform:translateY(-1px);box-shadow:0 6px 16px #0f766e66}.category-filter-shell{margin-bottom:2rem}.category-select-label,.category-select{display:none}.eyebrow,.stat-label,.lesson-label,.phrase-topic,.quiz-meta,.pill{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.eyebrow,.stat-label,.lesson-label,.phrase-topic,.quiz-meta{color:var(--muted)}.pill{background:#ffffffc7;border:1px solid #1d303814;border-radius:999px;padding:.55rem .8rem}.pill-accent{color:var(--teal-deep);background:#0d94881a}.hero-copy{padding:1rem 0 .25rem}.hero-text{max-width:36rem;font-size:1rem}.primary-action,.secondary-action,.topic-chip,.quiz-option,.next-button{cursor:pointer;border:0;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s}.primary-action,.secondary-action,.next-button{border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.9rem 1.2rem;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#0b6f68 100%);box-shadow:0 14px 28px #0f766e38}.secondary-action{color:var(--teal-deep);background:#ffffffbd;border:1px solid #0d94882e;box-shadow:0 10px 20px #14262c1a}.primary-action:hover,.secondary-action:hover,.topic-chip:hover,.quiz-option:hover,.next-button:hover{transform:translateY(-1px)}.stats-grid,.phrase-grid,.routine-list{gap:.9rem;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.review-card{background:linear-gradient(160deg,#e9a05f1f,#ffffffc2);border:1px solid #e9a05f2e}.stat-card,.phrase-card,.quiz-card,.routine-item,.footer-note,.lesson-focus{border-radius:22px}.stat-card{text-align:left;background:#ffffffc7;border:1px solid #1d303814;padding:1rem;box-shadow:0 10px 24px #14262c12}.stat-card strong{color:var(--ink);margin:.25rem 0 .45rem;font-size:1.25rem;display:block}.accent-card{background:linear-gradient(160deg,#0d94881f,#ffffffbd)}.content-grid,.practice-grid{grid-template-columns:1fr}.panel-wide{grid-column:1/-1}.panel{padding:1.5rem}.panel-dark{color:#f4efe4;background:linear-gradient(160deg,#183238,#203d43)}.panel-dark .eyebrow,.panel-dark .lesson-label,.panel-dark .coach-tip,.panel-dark .lesson-meaning{color:#f4efe4c2}.panel-light{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1}.panel-contrast{background:linear-gradient(#ffffffdb,#f4f9f6d1)}.section-heading{gap:.3rem;margin-bottom:1rem;display:grid}.topic-chip{color:inherit;background:#ffffff14;border-radius:16px;padding:.8rem 1rem}.topic-chip-active{color:#2f2117;background:linear-gradient(135deg,#e9a05ff2,#d87d3feb)}.lesson-focus{background:#ffffff12;gap:.85rem;padding:1rem;display:grid}.lesson-main{margin:.2rem 0 0;font-size:1.2rem}.darija-with-audio{align-items:center;gap:.75rem;display:flex}.darija-header{align-items:center;gap:.75rem;margin-bottom:.2rem;display:flex}.gender-badge{color:#fff8ebf2;letter-spacing:.05em;background:#ffb54738;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.75rem;font-weight:500;display:inline-flex}.gender-badge-small{width:1.5rem;height:1.5rem;color:var(--orange-deep);background:#ffb5472e;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.phrase-meta{align-items:center;gap:.5rem;display:flex}.audio-button{color:#fffaf2;cursor:pointer;background:linear-gradient(135deg,#e9a05f,#c9793e);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .18s;display:inline-flex;box-shadow:0 10px 22px #b96a323d}.audio-button:hover{transform:scale(1.08);box-shadow:0 14px 28px #b96a324d}.audio-button:active{transform:scale(.95)}.audio-button-playing{color:#fff;background:linear-gradient(135deg,#0d9488eb,#0f766ee0);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0d94884d}50%{box-shadow:0 4px 20px #0d948899}}.lesson-darija{font-family:var(--heading-font);font-size:1.5rem}.pronunciation-box{background:#ffffff1a;border:1px solid #ffffff14;padding:.85rem 1rem}.coach-tip,.lesson-meaning,.phrase-muted,.footer-note p,.routine-item p,.quiz-feedback p{margin:0}.phrase-grid{grid-template-columns:1fr;gap:1rem}@media (width>=768px){.phrase-grid{grid-template-columns:repeat(2,1fr)}}.phrase-card{text-align:left;background:linear-gradient(#ffffffeb,#f6faf7c7);border:1px solid #1d303814;padding:1.25rem;box-shadow:0 12px 28px #14262c14}.phrase-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.phrase-card-actions{align-items:center;gap:.5rem;display:flex}.completion-badge,.review-badge{border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.completion-badge{color:var(--teal-deep);background:#0d94882e}.review-badge{color:var(--orange-deep);background:#ffb54738;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phrase-card-completed{background:linear-gradient(#eefdf9f0,#ffffffd1);border-color:#0d948829}.phrase-card-review{border-color:#e9a05f52;box-shadow:0 0 0 2px #e9a05f14,0 12px 28px #14262c14}.complete-button-mini{width:2rem;height:2rem;color:var(--teal-deep);cursor:pointer;background:#0d948826;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .16s;display:inline-flex}.complete-button-mini:hover{background:#0d94884d;transform:scale(1.1)}.complete-button-mini:active{transform:scale(.9)}.reset-button-mini{color:#dc2626;cursor:pointer;background:#ef44441a;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;transition:all .16s;display:inline-flex}.reset-button-mini:hover{background:#ef444433;transform:scale(1.1)}.reset-button-mini:active{transform:scale(.9)}.phrase-stats{color:var(--muted);opacity:.7;margin-top:.5rem;font-size:.75rem}.expand-button{width:100%;color:var(--teal-deep);cursor:pointer;text-align:center;background:#0d94880f;border:1px solid #0d94881f;border-radius:12px;margin-top:.75rem;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .16s}.expand-button:hover{background:#0d94881f;border-color:#0d948833}.card-details{background:#ffffffa8;border:1px solid #1d303814;border-radius:14px;gap:.85rem;margin-top:.75rem;padding:1rem;display:grid}.detail-section{gap:.4rem;display:grid}.detail-section strong{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:700}.detail-section p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.65}.audio-button-mini{width:2rem;height:2rem;color:var(--orange-deep);cursor:pointer;background:#ffb54740;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.audio-button-mini:hover{background:#ffb54773;transform:scale(1.1)}.audio-button-mini:active{transform:scale(.9)}.phrase-card h3{margin:.35rem 0;font-size:1.05rem}.phrase-darija{font-family:var(--heading-font);color:var(--ink);margin:0;font-size:1.2rem}.quiz-score-banner{background:linear-gradient(135deg,#0d948814,#ffffffb8);border:1px solid #0d94881f;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.85rem 1.25rem;display:flex}.score-display{flex-direction:column;gap:.2rem;display:flex}.score-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600}.score-value{color:var(--teal-deep);font-size:1.5rem;font-weight:700}.score-percentage{color:var(--teal-deep);opacity:.3;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.quiz-card{text-align:left;background:linear-gradient(#fffffff0,#f5f9f7d6);border:1px solid #1d303814;gap:1rem;padding:1.5rem;display:grid;box-shadow:0 14px 32px #14262c14}.quiz-meta{justify-content:space-between;gap:.75rem;display:flex}.quiz-prompt{color:var(--ink);margin:0;font-size:1.15rem}.quiz-option{text-align:left;width:100%;color:var(--ink);background:#ffffffd1;border:1px solid #1d303817;border-radius:18px;justify-content:flex-start;padding:.95rem 1rem}.quiz-option:disabled{cursor:not-allowed;opacity:.7}.quiz-option:disabled:hover{transform:none}.option-correct{background:#0d948829;border-color:#0d948857;font-weight:600}.option-wrong{background:#dc26261a;border-color:#dc26263d;font-weight:600}.quiz-feedback{background:#fffaf2d1;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.feedback-good{background:#dff8f5f2}.next-button{background:var(--ink);color:#fffaf2;justify-self:start}.routine-list{margin-bottom:1rem}.routine-item{background:#ffffffb8;border:1px solid #1d303812;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem;display:grid}.routine-item span{aspect-ratio:1;background:var(--ink);color:#fff4ea;border-radius:999px;place-items:center;width:2.25rem;font-weight:700;display:inline-grid}.footer-note{color:#fff9efeb;background:#183238f0;padding:1rem}.footer-note strong{margin-bottom:.35rem;display:block}@media (width>=700px){.hero-panel,.panel{padding:1.4rem}.stats-grid,.phrase-grid,.practice-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.hero-panel,.panel{padding:1.75rem}.hero-copy{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);align-items:end}.hero-actions{justify-content:flex-end;align-self:end}.content-grid,.practice-grid,.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card-clickable{cursor:pointer;text-align:left;border:none;width:100%;transition:all .2s}.stat-card-clickable:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 18px 36px #14262c1f}.stat-card-clickable:active{transform:translateY(-2px)}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1f2394;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(#fffffffa,#f7faf8f0);border-radius:24px;width:100%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 28px 70px #0d1f2442}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#ffffffe6;border-bottom:1px solid #1d303817;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.modal-header h2{color:var(--ink);margin:0;font-size:1.5rem}.modal-close{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--ink);background:#1d30380f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.modal-close:hover{background:#1d30381a;transform:rotate(90deg)}.modal-body{padding:2rem}.progress-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.progress-stat{text-align:center;background:linear-gradient(135deg,#0d948814,#ffffffc7);border:1px solid #0d94881f;border-radius:16px;padding:1.25rem}.progress-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.progress-stat-value{color:var(--teal-deep);margin-bottom:.25rem;font-size:2rem;font-weight:700;display:block}.progress-stat-desc{color:var(--muted);margin:0;font-size:.875rem}.progress-section{margin-bottom:2rem}.progress-section h3{color:var(--ink);margin:0 0 1rem;font-size:1.1rem}.learning-days-list{gap:.5rem;max-height:300px;display:grid;overflow-y:auto}.learning-day-item{background:#ffffffc7;border:1px solid #1d303814;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.day-icon{width:2rem;height:2rem;color:var(--teal-deep);background:#0d948826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.day-date{color:var(--ink);font-size:.95rem}.completed-lessons-list{gap:.5rem;max-height:400px;display:grid;overflow-y:auto}.completed-lesson-item{background:#ffffffc7;border:1px solid #1d303814;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.lesson-title{color:var(--ink);font-size:.95rem;font-weight:600}.lesson-meta{color:var(--muted);font-size:.8rem}.no-data{text-align:center;color:var(--muted);padding:2rem;font-style:italic}.category-progress-list{gap:1rem;display:grid}.category-progress-item{background:#ffffffc7;border:1px solid #1d303814;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.category-progress-header{justify-content:space-between;align-items:center;display:flex}.category-progress-name{color:var(--ink);text-transform:capitalize;font-size:1rem;font-weight:700}.category-progress-badge{color:var(--teal-deep);background:#0d94881a;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:700}.category-progress-bar{background:#1d303814;border-radius:999px;height:8px;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:999px;height:100%;transition:width .4s}.category-progress-meta{color:var(--muted);font-size:.8rem}.no-progress{color:var(--muted);opacity:.7;font-style:italic}.category-progress-item.clickable{cursor:pointer;transition:all .2s}.category-progress-item.clickable:hover{background:#fffffff2;border-color:#0d948833;transform:translateY(-2px);box-shadow:0 12px 24px #14262c1a}.category-progress-item.expanded{background:#fffffff2;border-color:#0d948840}.category-progress-header{transition:all .2s}.expand-icon{color:var(--teal-deep);margin-right:.5rem;font-size:.75rem;transition:transform .2s;display:inline-block}.category-lessons-detail{border-top:1px solid #1d303814;margin-top:1rem;padding-top:1rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.category-lessons-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:600}.category-reset-btn{cursor:pointer;color:#dc2626;background:#ffffffc7;border:1px solid #dc262638;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.category-reset-btn:active{transform:translateY(0)}.category-lessons-grid{gap:.5rem;display:grid}.completed-lesson-mini{background:#0d94880d;border:1px solid #0d948826;border-radius:8px;padding:.75rem;transition:all .2s}.completed-lesson-mini:hover{background:#0d948814;border-color:#0d948840}.lesson-mini-title{color:var(--ink);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.lesson-mini-meta{color:var(--muted);font-size:.75rem}.modal-intro{text-align:center;color:var(--muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.review-categories{gap:2rem;display:grid}.review-category-section{gap:1rem;display:grid}.review-category-title{color:var(--ink);border-bottom:2px solid #0d948833;margin:0;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.flashcards-section{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@media (width<=768px){.flashcards-section{padding:1rem .75rem}}.flashcards-toggle-container{text-align:center;margin-bottom:2rem}.flashcards-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488,#0b6f68);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;box-shadow:0 14px 28px #0f766e38}.flashcards-toggle-btn:hover{background:linear-gradient(135deg,#0b6f68,#0a5f5a);transform:translateY(-2px);box-shadow:0 18px 34px #0f766e47}.flashcards-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffe6,#f4faf7d1);border:1px solid #1d303814;border-radius:24px;padding:2.5rem 2rem;box-shadow:0 20px 46px #14262c1f}@media (width<=768px){.flashcards-container{border-radius:16px;padding:1.5rem 1rem}}.flashcards-header{text-align:center;margin-bottom:3rem}.flashcards-header h2{color:var(--ink);margin:0 0 .5rem;font-size:2rem;font-weight:700}.flashcards-subtitle{color:var(--muted);margin:0 0 1rem;font-size:1.125rem}.flashcards-progress{justify-items:center;gap:.65rem;margin-top:1rem;display:grid}.progress-indicator{color:var(--teal-deep);background:#0d948817;border-radius:20px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-block}.flashcard-progress-bar{background:#1d303814;border-radius:999px;width:min(320px,100%);height:.55rem;overflow:hidden;box-shadow:inset 0 1px 2px #0f766e1f}.flashcard-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#0d9488,#0b6f68);height:100%;transition:width .24s}.flashcard-stack-wrapper{justify-content:center;align-items:center;max-width:500px;min-height:600px;margin:0 auto 3rem;display:flex;position:relative}.flashcard-stack{perspective:1000px;width:100%;height:550px;position:relative}.flashcard{cursor:pointer;background:#fff;border:1px solid #1d303814;border-radius:24px;width:100%;height:100%;transition:all .3s;position:absolute;box-shadow:0 18px 42px #14262c1f}.flashcard-background{pointer-events:none;background:linear-gradient(135deg,#ffffffe0,#e5f0ecd1)}.flashcard-active{z-index:100;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;transform:translateY(0)scale(1);box-shadow:0 24px 56px #14262c29}.flashcard-active:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 28px 62px #14262c33}.flashcard-inner{transition:transform .6s;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .6s;position:relative}.flashcard-active.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:linear-gradient(145deg,#fffffffa,#f7faf8f0);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;padding:3rem 2rem;display:flex;position:absolute}.flashcard-back{background:linear-gradient(145deg,#eefdf9fa,#fffffff0);transform:rotateY(180deg)}.flashcard-content{text-align:center;width:100%}.flashcard-label{color:var(--teal-deep);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 1.5rem;font-size:.875rem;font-weight:600}.flashcard-word{color:var(--ink);font-size:3.5rem;font-weight:700;line-height:1.2;font-family:var(--heading-font);margin:1rem 0}.flashcard-pronunciation{color:var(--muted);margin:1rem 0 2rem;font-size:1.5rem;font-weight:400}.flashcard-tap-hint{color:var(--muted);opacity:.7;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;font-size:.95rem;display:flex}.flashcard-tap-hint svg{opacity:.5;width:20px;height:20px}.flashcard-meaning,.flashcard-coach-tip{text-align:left;background:#ffffffbd;border:1px solid #1d303814;border-radius:12px;margin:1.5rem 0;padding:1rem}.flashcard-meaning p,.flashcard-coach-tip p{color:var(--ink);margin:.5rem 0;line-height:1.6}.flashcard-meaning strong,.flashcard-coach-tip strong{color:var(--teal-deep);margin-bottom:.5rem;display:block}.got-it-btn{color:var(--teal-deep);cursor:pointer;z-index:10;background:#ffffffe6;border:1px solid #0d94883d;border-radius:30px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;position:absolute;top:1rem;left:1rem;box-shadow:0 10px 20px #14262c1f}.got-it-btn:hover{background:var(--teal-deep);color:#fff;transform:scale(1.05)}.flashcard-side-controls{z-index:101;flex-direction:column;gap:1rem;display:flex;position:absolute;top:50%;right:-70px;transform:translateY(-50%)}.flashcard-control-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;box-shadow:0 14px 28px #14262c29}.flashcard-audio-btn{color:#fff;background:linear-gradient(135deg,#0d9488,#0b6f68)}.flashcard-audio-btn:hover{background:linear-gradient(135deg,#0b6f68,#0a5f5a);transform:scale(1.1)}.flashcard-audio-btn.is-playing{background:linear-gradient(135deg,#0d9488,#14b8a6);animation:.9s ease-in-out infinite audioPulse;box-shadow:0 0 0 8px #14b8a629,0 6px 18px #0d948852}@keyframes audioPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.flashcard-nav-controls{justify-content:space-between;align-items:center;gap:1.5rem;max-width:500px;margin-top:2rem;margin-left:auto;margin-right:auto;display:flex}.flashcard-nav-btn{color:var(--teal-deep);cursor:pointer;background:#ffffffc7;border:1px solid #0d94882e;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.flashcard-nav-btn:hover:not(:disabled){color:var(--teal-deep);background:#fffffff5;border-color:#0d94886b;transform:translateY(-2px);box-shadow:0 12px 24px #14262c1f}.flashcard-nav-btn:disabled{opacity:.4;cursor:not-allowed}.flashcard-dots{align-items:center;gap:.5rem;display:flex}.flashcard-dot{cursor:pointer;background:#0d94882e;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.flashcard-dot.active{background:var(--teal-deep);width:12px;height:12px}.flashcard-dot.completed{background:#0d948875}.flashcard-dot:hover{background:var(--teal-deep);transform:scale(1.3)}.flashcard-dots-more{color:var(--muted);margin-left:.25rem;font-size:1.2rem}.flashcard-complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d9488,#0b6f68);border:none;border-radius:12px;margin:2rem auto 0;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:block;box-shadow:0 14px 28px #0f766e38}.flashcard-complete-btn:hover:not(:disabled){background:linear-gradient(135deg,#0b6f68,#0a5f5a);transform:translateY(-2px);box-shadow:0 18px 34px #0f766e47}.flashcard-complete-btn:disabled{opacity:.5;cursor:not-allowed}.flashcard-feedback{min-height:1.5rem;color:var(--teal-deep);text-align:center;opacity:0;margin-top:.75rem;font-weight:800;transition:opacity .18s,transform .18s;transform:translateY(8px)}.flashcard-feedback.show{opacity:1;animation:.36s feedbackPop;transform:translateY(0)}@keyframes feedbackPop{0%{transform:translateY(8px)scale(.96)}60%{transform:translateY(-2px)scale(1.04)}to{transform:translateY(0)scale(1)}}@media (width<=768px){.flashcard-side-controls{flex-direction:row;justify-content:center;gap:1rem;margin-top:1.25rem;position:static;transform:none}.flashcard-stack-wrapper{min-height:420px;margin-bottom:2rem;padding:0 .5rem}.flashcard-stack{height:400px}.flashcard{border-radius:20px}.flashcard-front,.flashcard-back{border-radius:20px;padding:2rem 1.25rem}.flashcard-word{margin:.75rem 0;font-size:2.25rem}.flashcard-pronunciation{font-size:1.1rem}.flashcard-explanation{padding:0 1rem;font-size:.9rem}.flashcard-nav-controls{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.flashcard-nav-btn{padding:.65rem 1.25rem;font-size:.9rem}.flashcard-dots{order:-1;justify-content:center;width:100%;margin-bottom:.75rem}.got-it-btn{border-width:1.5px;padding:.4rem .75rem;font-size:.78rem;top:.5rem;left:.5rem}.category-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0;display:flex;overflow-x:auto;flex-direction:row!important}.category-filters::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;flex-shrink:0;padding:.6rem 1rem;font-size:.85rem}.flashcards-section h2{margin-bottom:.5rem;font-size:1.5rem}.lesson-category-header p{font-size:.9rem}}.category-lessons-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.category-reset-btn{color:#dc2626;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.category-reset-btn:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.review-lessons-grid{gap:1rem;display:grid}.review-lesson-card{background:#ffffffd6;border:1px solid #1d303814;border-radius:14px;gap:1rem;padding:1.25rem;transition:all .2s;display:grid}.review-lesson-card:hover{border-color:#0d948833;transform:translateY(-2px);box-shadow:0 12px 24px #14262c1a}.review-lesson-card.needs-review{background:linear-gradient(135deg,#fffaf2d1,#ffffffe6);border-color:#e9a05f47}.review-lesson-content{gap:.5rem;display:grid}.review-lesson-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.review-lesson-title{color:var(--ink);font-size:1rem;font-weight:600}.review-lesson-darija{color:var(--teal-deep);font-size:1.125rem;font-weight:600}.review-action-btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.practice-btn{color:var(--teal-deep);background:#14b8a61a;border:1px solid #14b8a64d}.practice-btn:hover{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff;transform:translateY(-1px)}@media (width<=768px){.hero-panel{padding:2rem 1.5rem}.hero-text-block h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.quiz-option{font-size:.95rem}.landing-title{font-size:2rem}.profile-cards{grid-template-columns:1fr}}.review-lesson-meta{color:var(--muted);font-size:.8rem}.review-lesson-actions{gap:.75rem;display:flex}.review-action-btn{cursor:pointer;border:1px solid;border-radius:10px;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.practice-btn{color:#fff;background:linear-gradient(135deg,#0d9488,#14b8a6);border-color:#0d9488}.practice-btn:hover{background:linear-gradient(135deg,#0f766e,#0d9488);transform:translateY(-2px);box-shadow:0 4px 12px #0d94884d}.reset-btn{color:var(--ink);background:#ffffffc7;border-color:#1d30381a}.reset-btn:hover{color:#dc2626;background:#ef444414;border-color:#ef44444d}@media (width<=1024px){.landing-title{font-size:2rem}.profile-cards{max-width:720px;margin:1.65rem auto 0}.profile-card-shell{flex:calc(50% - .5rem);max-width:352px}.create-profile-panel{max-width:720px}.create-profile-layout{grid-template-columns:1fr}.create-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-profile-button{width:100%}.create-profile-grid .create-profile-button{justify-self:stretch}.stats-grid{grid-template-columns:repeat(2,1fr)}.phrase-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.landing-title{padding:0 1rem;font-size:1.75rem;line-height:1.3}.landing-subtitle{font-size:1rem}.profile-cards{gap:1rem;margin-top:1.85rem;padding:0 1rem}.profile-card-shell{flex:calc(50% - .5rem);max-width:none}.create-profile-panel{width:min(100%,34rem);padding:1rem}.create-profile-layout{gap:.85rem}.create-profile-grid{grid-template-columns:1fr;gap:.75rem}.install-help-card{padding:.9rem}.create-profile-grid input,.create-profile-grid select,.create-profile-button{min-height:3rem}.profile-card{padding:1rem}.profile-card-content{flex-direction:column;gap:.75rem}.profile-card-icon img{width:76px;height:76px}.profile-card-desc{font-size:.82rem}.hero-panel{padding:1rem}.hero-content h1{font-size:1.5rem;line-height:1.3}.hero-text{font-size:.9rem}.hero-actions{flex-direction:column;gap:.75rem}.primary-action,.secondary-action{width:100%;padding:.875rem 1.5rem;font-size:.95rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:1rem}.stat-card strong{font-size:1.5rem}.stat-card p{font-size:.75rem}.phrase-grid{grid-template-columns:1fr;gap:.75rem}.phrase-card{padding:1rem}.phrase-card h3{font-size:1.1rem}.phrase-darija{font-size:1.25rem}.quiz-card{padding:1.25rem}.quiz-prompt{font-size:1.1rem}.quiz-option{padding:.875rem;font-size:.95rem}.fixed-profile-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #00000014;border-radius:999px;flex-direction:row;align-items:center;gap:.5rem;width:fit-content;max-width:calc(100vw - 1.5rem);margin:0 0 1rem auto;padding:.3rem .75rem .3rem .3rem;position:static;box-shadow:0 2px 12px #0000001f}.hero-profile-image{width:38px;height:38px}.hero-profile-image img{border-width:2px}.fixed-logout-button{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.fixed-logout-button:hover{box-shadow:none;background:0 0;transform:none}.modal-content{width:95%;max-height:90vh;padding:1rem}.progress-stats-grid{grid-template-columns:1fr;gap:.75rem}.category-lessons-grid{grid-template-columns:1fr}}@media (width<=1024px){.fixed-profile-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #00000014;border-radius:999px;flex-direction:row;align-items:center;gap:.5rem;width:fit-content;max-width:100%;margin:0 0 1rem auto;padding:.3rem .75rem .3rem .3rem;position:static;box-shadow:0 2px 12px #0000001f}.hero-profile-image{width:42px;height:42px}.hero-profile-image img{border-width:2px}.fixed-logout-button{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600}.fixed-logout-button:hover{box-shadow:none;background:0 0;transform:none}.app-shell{flex-direction:column;width:100%;max-width:100%;padding:1rem;display:flex;overflow:hidden}.app-shell>*{width:100%;min-width:0;max-width:100%}.hero-panel{width:100%;min-width:0;max-width:100%;padding:1.5rem;overflow:hidden}.topbar{width:100%;margin-bottom:.85rem}.hero-copy{grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;max-width:100%;display:grid}.hero-content,.hero-text-block,.hero-actions{width:100%;min-width:0;max-width:100%}.hero-content h1{overflow-wrap:anywhere}.hero-actions{justify-content:stretch;align-self:stretch}.primary-action,.secondary-action{white-space:normal;text-align:center;flex:1 1 0;min-width:0}.flashcards-section{width:100%;max-width:100%;padding:1.25rem 0}.flashcards-container{border-radius:18px;padding:1.5rem}.category-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;max-width:100%;margin-bottom:1.25rem;padding:.25rem 0 .9rem;display:flex;overflow-x:auto}.category-filters::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;flex:none}.flashcards-header{margin-bottom:1.5rem}.flashcard-stack-wrapper{flex-direction:column;width:100%;max-width:min(520px,100%);min-height:480px;margin-bottom:1.5rem}.flashcard-stack{width:100%;height:460px}.flashcard-side-controls{flex-direction:row;justify-content:center;margin-top:1rem;position:static;transform:none}}@media (width<=640px){.app-shell{gap:.85rem;padding:.75rem}.hero-panel{border-radius:18px;padding:1rem}.hero-content h1{font-size:1.35rem;line-height:1.25}.hero-actions{grid-template-columns:1fr;display:grid}.primary-action,.secondary-action{width:100%;min-height:2.85rem;padding:.75rem 1rem;font-size:.9rem}.stats-grid{grid-template-columns:1fr 1fr}.flashcards-container{border-radius:16px;padding:1rem}.flashcards-header h2{font-size:1.45rem}.flashcards-subtitle,.progress-indicator{font-size:.88rem}.flashcard-stack-wrapper{min-height:370px;padding:0}.flashcard-stack{width:100%;height:350px}.flashcard,.flashcard-front,.flashcard-back{border-radius:18px}.flashcard-front,.flashcard-back{padding:2.25rem 1rem 1.25rem}.flashcard-label{margin-bottom:.8rem;font-size:.72rem}.flashcard-word{overflow-wrap:anywhere;font-size:clamp(1.9rem,9vw,2.55rem)}.flashcard-pronunciation{margin-bottom:1.25rem;font-size:1rem}.flashcard-tap-hint{margin-top:1.5rem}.flashcard-meaning,.flashcard-coach-tip{margin:.8rem 0;padding:.8rem;font-size:.88rem}.got-it-btn{padding:.35rem .7rem;font-size:.75rem;top:.55rem;left:.55rem}.flashcard-control-btn{width:48px;height:48px}.flashcard-nav-controls{grid-template-columns:1fr 1fr;gap:.75rem;max-width:100%;margin-top:1.25rem;display:grid}.flashcard-dots{order:-1;grid-column:1/-1;justify-content:center;margin-bottom:0}.flashcard-nav-btn{width:100%;padding:.7rem .75rem}.flashcard-complete-btn{width:100%;margin-top:1rem;padding:.85rem 1rem;font-size:.95rem}}@media (width<=640px) and (hover:none){.flashcard-active:hover,.flashcard-audio-btn:hover,.flashcard-nav-btn:hover:not(:disabled),.flashcard-complete-btn:hover:not(:disabled){transform:none}}@media (width<=640px){.review-lesson-actions{flex-direction:column}.review-action-btn{width:100%}.landing-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.profile-card-icon img{width:64px;height:64px}.profile-cards{gap:.7rem;margin-top:1.6rem;padding:0}.profile-card{border-radius:14px;padding:.75rem}.profile-card-edit{width:1.9rem;height:1.9rem;font-size:.9rem;top:.45rem;right:.45rem}.profile-card-desc{font-size:.76rem;line-height:1.35}.profile-card-progress{padding:.3rem .55rem;font-size:.68rem}.profile-edit-preview{align-items:flex-start}.profile-edit-preview img{width:58px;height:58px}.profile-edit-actions,.profile-edit-primary-actions{flex-direction:column-reverse}.feedback-form{grid-template-columns:1fr}.feedback-actions{flex-direction:column-reverse}.family-dashboard-card{grid-template-columns:54px minmax(0,1fr) auto;gap:.75rem;padding:.85rem}.family-dashboard-card img{width:54px;height:54px}.family-dashboard-edit{width:2rem;height:2rem;font-size:.9rem}.profile-delete-button,.profile-cancel-button,.profile-save-button,.feedback-actions button{width:100%}}@media (width<=1024px){.category-filter-shell{gap:.45rem;margin-bottom:1.25rem;display:grid}.category-select-label{color:var(--teal-deep);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.category-select{width:100%;min-height:3rem;color:var(--ink);font:inherit;cursor:pointer;background:linear-gradient(135deg,#fffffffa,#f0fdfaf5);border:2px solid #0d948840;border-radius:14px;padding:.75rem 2.8rem .75rem 1rem;font-size:1rem;font-weight:700;display:block;box-shadow:0 6px 18px #0f766e1a}.category-select:focus-visible{outline:3px solid var(--teal-deep);outline-offset:3px}.category-filter-shell .category-filters{display:none}}@media (width<=640px){.hero-panel .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.hero-panel .stat-card{border-radius:16px;min-height:0;padding:.8rem}.hero-panel .stat-label{letter-spacing:.07em;font-size:.68rem}.hero-panel .stat-card strong{margin:.15rem 0 0;font-size:1.25rem}.hero-panel .stat-card p{display:none}}body.dark-mode .fixed-profile-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071113b8;border:1px solid #e1f4f01a;box-shadow:0 18px 42px #00000042}body.dark-mode .hero-profile-image{background:#121f23b8;border-color:#e1f4f07a;box-shadow:0 12px 30px #00000047,inset 0 0 0 1px #5eead414}body.dark-mode .hero-profile-image img{filter:saturate(.9)contrast(.96)brightness(.92)}body.dark-mode.kleur-1-theme .fixed-profile-container,body.dark-mode.kleur-2-theme .fixed-profile-container,body.dark-mode.kleur-3-theme .fixed-profile-container,body.dark-mode.kleur-4-theme .fixed-profile-container,body.dark-mode.kleur-5-theme .fixed-profile-container{background:linear-gradient(135deg,#071113cc,#0e1f22bd)}@media (width<=1024px){body.dark-mode .fixed-profile-container{background:linear-gradient(135deg,#071113db,#0d1e22c7);border-color:#e1f4f01f;box-shadow:0 14px 34px #0000004d}body.dark-mode .fixed-logout-button,body.dark-mode .fixed-logout-button.theme-toggle-button{color:#edf7f5;box-shadow:none;text-shadow:none;background:0 0;border:0}body.dark-mode .fixed-logout-button:hover,body.dark-mode .fixed-logout-button.theme-toggle-button:hover{color:#fff;background:#e1f4f014}body.dark-mode .hero-profile-image{border-color:#e1f4f057;box-shadow:0 8px 18px #0000003d}}