:root{--linen:#f7f3ec;--olive:#66735d;--charcoal:#494642;--rose:#cfa8a3;--sage:#a8b7a0;--sand:#d9cbb8;--white-soft:#fffdf9}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--linen);color:var(--charcoal);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Segoe UI,system-ui,sans-serif;line-height:1.6}h1,h2,h3{color:var(--olive);font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:1.25}button,input{font-family:inherit}.app{flex-direction:column;min-height:100%;display:flex}.content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:28px 20px 96px}.page{flex-direction:column;gap:28px;display:flex}.page-head .eyebrow,.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--sage);margin:0 0 6px;font-size:.72rem}.page-head h1{margin:0 0 10px;font-size:1.9rem}.page-head h2{margin:8px 0 6px;font-size:1.4rem}.lead{max-width:52ch;color:var(--charcoal);margin:0}.quote-card{background:var(--white-soft);border:1px solid var(--sand);border-left:4px solid var(--rose);border-radius:14px;padding:24px 26px}.quote-label{text-transform:uppercase;letter-spacing:.12em;color:var(--sage);margin:0 0 10px;font-size:.7rem}.quote-text{color:var(--olive);margin:0;font-family:Georgia,serif;font-size:1.25rem;font-style:italic}.onboarding-card{background:var(--white-soft);border:1px solid var(--sand);border-radius:14px;padding:22px 26px}.onboarding-card h2{margin-top:0}.onboarding-card ol{margin:12px 0 0;padding-left:20px}.onboarding-card li{margin-bottom:8px}.filters{flex-wrap:wrap;gap:10px;display:flex}.filter{border:1px solid var(--sage);color:var(--olive);cursor:pointer;text-transform:capitalize;background:0 0;border-radius:999px;padding:8px 18px;transition:background .15s,color .15s}.filter.is-active{background:var(--olive);color:var(--white-soft);border-color:var(--olive)}.card-grid{grid-template-columns:1fr;gap:16px;display:grid}.card{background:var(--white-soft);border:1px solid var(--sand);border-radius:14px;flex-direction:column;gap:8px;padding:20px 22px;display:flex}.card h3{margin:4px 0;font-size:1.15rem}.card p{margin:0}.tag{background:var(--sage);color:var(--white-soft);text-transform:capitalize;border-radius:999px;align-self:flex-start;padding:3px 12px;font-size:.72rem}.meta{color:var(--sage);font-size:.85rem}.card.is-locked{opacity:.92}.lock-note{border-top:1px solid var(--sand);color:var(--olive);align-items:center;gap:10px;margin-top:10px;padding-top:14px;display:flex}.lock-note p{margin:0;font-size:.9rem}.lock-icon{color:var(--rose);flex-shrink:0}.audio-player{border-top:1px solid var(--sand);align-items:center;gap:14px;margin-top:10px;padding-top:14px;display:flex}.audio-toggle{background:var(--olive);color:var(--white-soft);cursor:pointer;border:none;border-radius:999px;min-width:84px;padding:8px 18px}.audio-toggle:disabled{background:var(--sage);cursor:default;opacity:.7}.audio-bar{flex:1}.audio-bar input[type=range]{width:100%;accent-color:var(--rose)}.audio-time{color:var(--sage);justify-content:space-between;font-size:.75rem;display:flex}.video-frame{aspect-ratio:16/9;background:var(--sand);border-radius:12px;margin-top:8px;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-placeholder{width:100%;height:100%;color:var(--charcoal);justify-content:center;align-items:center;font-size:.9rem;display:flex}.chat{background:var(--white-soft);border:1px solid var(--sand);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.chat-list{flex-direction:column;gap:12px;max-height:46vh;display:flex;overflow-y:auto}.chat-msg{background:var(--linen);border-radius:12px;padding:10px 14px}.chat-msg p{margin:4px 0 0}.chat-msg-head{align-items:baseline;gap:10px;display:flex}.chat-name{color:var(--olive);font-weight:600}.chat-time{color:var(--sage);font-size:.72rem}.chat-form{gap:10px;display:flex}.chat-form input{border:1px solid var(--sand);background:var(--linen);color:var(--charcoal);border-radius:999px;flex:1;padding:10px 16px}.chat-form button{background:var(--olive);color:var(--white-soft);cursor:pointer;border:none;border-radius:999px;padding:10px 20px}.note{color:var(--sage);margin:0;font-size:.8rem}.note-error{color:var(--rose)}.workbook-icon{background:linear-gradient(135deg, var(--sage), var(--rose));border-radius:12px;width:46px;height:46px}.download{background:var(--olive);color:var(--white-soft);border-radius:999px;align-self:flex-start;margin-top:8px;padding:8px 20px;text-decoration:none}.tabbar{background:var(--white-soft);border-top:1px solid var(--sand);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:170px;color:var(--charcoal);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 6px;font-size:.9rem}.tab.is-active{color:var(--olive);background:var(--linen);font-weight:600}.login{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{background:var(--white-soft);border:1px solid var(--sand);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:32px 28px}.login-card h1{margin:6px 0 12px;font-size:1.7rem}.login-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.login-form input{border:1px solid var(--sand);background:var(--linen);color:var(--charcoal);text-align:center;border-radius:12px;padding:12px 16px}.login-form button{background:var(--olive);color:var(--white-soft);cursor:pointer;border:none;border-radius:999px;padding:12px 20px}.login-form button:disabled{opacity:.7;cursor:default}.login-error{color:var(--rose);margin:12px 0 0;font-size:.85rem}.signout-row{justify-content:center;margin-top:12px;display:flex}.signout{border:1px solid var(--sand);color:var(--sage);cursor:pointer;background:0 0;border-radius:999px;padding:8px 20px}@media (width>=720px){.card-grid{grid-template-columns:1fr 1fr}}.workbook-feature{background:var(--white-soft);border:1px solid var(--sand);border-left:4px solid var(--rose);border-radius:16px;margin-top:8px;padding:22px}.workbook-feature h2{color:var(--olive);margin:4px 0 10px}.workbook-feature-note{color:var(--charcoal);margin:0 0 16px;line-height:1.6}.workbook-feature-actions{flex-wrap:wrap;gap:10px;display:flex}.workbook-open{background:var(--olive);color:var(--white-soft);cursor:pointer;font:inherit;border:none;border-radius:999px;padding:10px 22px}.workbook-feature-actions .download{color:var(--olive);border:1px solid var(--sage);background:0 0;align-self:center;margin-top:0}.wb{padding-bottom:24px}.wb-topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.wb-back{border:1px solid var(--sand);color:var(--olive);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:7px 18px}.wb-saved{color:var(--sage);opacity:0;font-size:.85rem;transition:opacity .2s}.wb-saved.is-on{opacity:1}.wb-header h1{color:var(--olive);margin:4px 0 8px}.wb-lead{color:var(--charcoal);line-height:1.6}.wb-days{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.wb-day{border:1px solid var(--sage);color:var(--olive);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:7px 16px}.wb-day.is-active{background:var(--olive);border-color:var(--olive);color:var(--white-soft)}.wb-band{background:var(--linen);border-radius:14px;flex-direction:column;gap:2px;margin-bottom:18px;padding:16px 18px;display:flex}.wb-band-num{color:var(--rose);letter-spacing:.12em;font-size:.8rem}.wb-band-title{color:var(--olive);font-size:1.2rem;font-weight:600}.wb-band-med{color:var(--sage);font-size:.9rem}.wb-body{flex-direction:column;gap:14px;display:flex}.wb-intro{color:var(--sage);font-style:italic;line-height:1.6}.wb-p{color:var(--charcoal);line-height:1.6}.wb-h2{color:var(--olive);margin:8px 0 0}.wb-note{color:var(--sage);font-size:.9rem;font-style:italic;line-height:1.55}.wb-link a{color:var(--olive);word-break:break-word}.wb-callout{background:var(--linen);border-left:4px solid var(--rose);color:var(--charcoal);border-radius:0 12px 12px 0;margin:0;padding:12px 16px;line-height:1.6}.wb-bul{color:var(--charcoal);margin:0;padding-left:20px;line-height:1.7}.wb-close{margin-top:6px}.wb-accent{background:var(--rose);border-radius:2px;width:46px;height:3px;margin-bottom:10px;display:block}.wb-close p{color:var(--olive);font-style:italic;line-height:1.6}.wb-fields,.wb-q{flex-direction:column;gap:8px;display:flex}.wb-qtext{margin-bottom:2px}.wb-ph{color:var(--rose)}.wb-input{box-sizing:border-box;width:100%;color:var(--charcoal);font:inherit;resize:vertical;background:#efe7d8;border:1px solid #c7beaf;border-radius:10px;padding:10px 12px;line-height:1.5}.wb-input:focus{border-color:var(--olive);outline:none}.wb-num{color:var(--charcoal);flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.wb-num li{padding-left:4px}.wb-line{resize:none}.wb-meet{flex-direction:column;gap:8px;display:flex}.wb-meet-row{align-items:center;gap:10px;display:flex}.wb-meet-head .wb-meet-col{color:var(--sage);text-align:center;width:64px;font-size:.82rem}.wb-meet-label{color:var(--charcoal);flex:1;line-height:1.4}.wb-num-field{text-align:center;flex:none;width:64px}.wb-cijfer .wb-meet-label{flex:1}.wb-nav{justify-content:space-between;gap:10px;margin-top:24px;display:flex}.wb-nav-btn{border:1px solid var(--sage);color:var(--olive);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:9px 20px}.wb-nav-btn:disabled{opacity:.4;cursor:default}