:root{--bg:#f4f7f5;--card:#fff;--ink:#22302b;--muted:#50655c;--primary:#2e8b72;--primary-dark:#226d59;--accent:#f4b942;--danger:#d9534f;--radius:16px;--shadow:0 2px 10px #22302b14;color:var(--ink);background:var(--bg);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1{margin:.25rem 0;font-size:1.6rem}h2{margin:.25rem 0;font-size:1.15rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.success{color:var(--primary);font-weight:600}.grow{flex:1}.page{max-width:900px;margin:0 auto;padding:1rem clamp(1rem,4vw,2rem) 4rem}.page-center{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0 1.25rem;display:flex}.row-between,.row-center{align-items:center;gap:.75rem;display:flex}.row-between{justify-content:space-between}.row-center{flex-wrap:wrap;justify-content:center;margin-top:1rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.btn{border:2px solid var(--primary);background:var(--card);color:var(--primary-dark);font:inherit;cursor:pointer;text-align:center;border-radius:999px;min-height:48px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{color:var(--muted);border-color:#0000}.btn:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;background:#fff;border:2px solid #dce6e1;border-radius:12px;width:100%;padding:.7rem .9rem}input:focus,textarea:focus{border-color:var(--primary);outline:none}.login-card{flex-direction:column;gap:.9rem;width:100%;max-width:400px;display:flex}.login-card h1{text-align:center;color:var(--primary-dark)}.login-card label{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.demo-hint{color:var(--muted);background:#eef6f2;border-radius:12px;padding:.75rem;font-size:.85rem;line-height:1.5}.demo-hint code{color:var(--primary-dark)}.stats-row{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.stat{text-align:center;flex-direction:column;gap:.2rem;display:flex}.stat-num{color:var(--primary-dark);font-size:1.4rem;font-weight:700}.exercise-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.exercise-card{color:inherit;flex-direction:column;gap:.4rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.exercise-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #22302b1f}.exercise-icon{font-size:2rem}.exercise-meta{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.chip{color:var(--primary-dark);background:#eef6f2;border-radius:999px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-block}.chip.stars{color:#8a6414;background:#fdf3dc}.chip.select{cursor:pointer;border:2px solid #0000;padding:.6rem 1rem;font-size:.9rem}.chip.select.on{background:var(--primary);color:#fff}.chip-grid{flex-wrap:wrap;gap:.5rem;display:flex}.empty{text-align:center;color:var(--muted)}.patient-list{flex-direction:column;gap:.75rem;display:flex}.patient-row{align-items:center;gap:1rem;display:flex}.patient-link{color:inherit;align-items:center;gap:1rem;min-width:0;text-decoration:none;display:flex}.patient-link strong{color:var(--primary-dark);text-underline-offset:3px;text-decoration:underline}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.add-patient{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.tabs{border-bottom:2px solid #dce6e1;gap:.5rem;margin-bottom:1rem;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.6rem 1rem;font-weight:600}.tab.active{color:var(--primary-dark);border-bottom-color:var(--primary)}.assign-row{border-bottom:1px solid #eef2f0;align-items:center;gap:.9rem;padding:.8rem 0;display:flex}.assign-row:last-child{border-bottom:none}.switch{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid #eef2f0;padding:.6rem .4rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.note-form{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.note{border-top:1px solid #eef2f0;padding:.75rem 0}.note p{margin:.25rem 0 0}.exercise{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 3rem;display:flex}.big-picture{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 2.5rem;font-size:clamp(5rem,18vw,8rem);line-height:1.2}.picture-img{object-fit:cover;border-radius:12px;width:auto;max-width:70vw;height:clamp(8rem,26vw,12rem);display:block}.memorize-img{object-fit:cover;border-radius:8px;width:auto;max-width:6rem;height:4.5rem;margin:0 auto;display:block}.slots,.tiles{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.slot,.tile{cursor:pointer;border-radius:12px;width:clamp(44px,12vw,60px);height:clamp(52px,14vw,68px);font-family:inherit;font-size:clamp(1.4rem,5vw,1.9rem);font-weight:700}.slot{color:var(--ink);background:#fff;border:3px dashed #c3d4cd}.slot.filled{border-style:solid;border-color:var(--primary);background:#eef6f2}.slot.win{background:var(--primary);border-color:var(--primary);color:#fff}.tile{border:3px solid var(--primary);background:var(--card);color:var(--primary-dark);box-shadow:var(--shadow)}.tile:disabled{opacity:.25;box-shadow:none}.slots.shake{animation:.4s shake}.slots.shake .slot.filled{border-color:var(--danger);background:#fdeeec}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.options-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:.75rem;width:100%;max-width:420px;display:grid}.btn.option{font-size:1.1rem}.btn.option.right{background:var(--primary);border-color:var(--primary);color:#fff}.btn.option.wrong{border-color:var(--danger);color:var(--danger);animation:.4s shake}.memory-grid{grid-template-columns:repeat(4,minmax(60px,90px));gap:.6rem;display:grid}.memory-card{aspect-ratio:3/4;background:var(--primary);color:#ffffffb3;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:12px;font-size:clamp(1.6rem,6vw,2.2rem)}.memory-card.shown{background:var(--card)}.memory-card.matched{outline:3px solid var(--primary);background:#eef6f2}.journal{text-align:left;width:100%;max-width:560px}.progress-bar{background:#dce6e1;border-radius:999px;width:100%;max-width:560px;height:8px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s}.breath-stage{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.breath-circle{background:radial-gradient(circle, #9fd6c3 0%, var(--primary) 100%);border-radius:50%;transition-property:transform;transition-timing-function:ease-in-out;position:absolute;inset:0}.breath-label{color:#fff;text-shadow:0 1px 4px #00000040;font-size:1.3rem;font-weight:700;position:relative}.level-select{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0 3rem;display:flex}.level-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;width:100%;max-width:640px;display:grid}.level-card{font:inherit;cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem;transition:transform .15s,border-color .15s;display:flex}.level-card:hover{border-color:var(--primary);transform:translateY(-3px)}.level-card.rec{border-color:var(--accent)}.level-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.seq-grid{gap:.9rem;width:100%;max-width:420px;display:grid}.seq-tile{aspect-ratio:1;background:var(--card);cursor:pointer;box-shadow:var(--shadow);opacity:.55;border:3px solid #dce6e1;border-radius:16px;font-size:clamp(2rem,8vw,3rem);transition:opacity .15s,transform .15s}.seq-tile.lit{opacity:1;border-color:var(--primary);transform:scale(1.06);box-shadow:0 0 0 4px #2e8b7240}.seq-tile:disabled{cursor:default}.memorize-row{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.memorize-item{flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem 1.4rem;display:flex}.distract-grid{grid-template-columns:repeat(3,84px);gap:.7rem;display:grid}.distract-cell{aspect-ratio:1;cursor:pointer;background:#dce6e1;border:none;border-radius:50%}.distract-cell.green{background:var(--primary)}.recall-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.7rem;width:100%;max-width:560px;display:grid}.recall-item{font:inherit;cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem;display:flex}.recall-item.on{border-color:var(--primary);background:#eef6f2}.loc-grid{gap:.7rem;width:100%;max-width:420px;display:grid}.loc-cell{aspect-ratio:1;background:var(--card);cursor:pointer;border:2px solid #dce6e1;border-radius:12px}.loc-cell.lit{background:var(--primary);border-color:var(--primary)}.loc-cell.picked{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--primary);background:#eef6f2}.reward-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.stars-row{letter-spacing:.3rem;font-size:3rem}.star{color:#dce6e1}.star.lit{color:var(--accent);animation:.4s backwards pop}.star.lit:nth-child(2){animation-delay:.15s}.star.lit:nth-child(3){animation-delay:.3s}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@media (width<=560px){.stats-row{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat{padding:.75rem .4rem}.stat-num{font-size:1.1rem}.options-grid{grid-template-columns:1fr 1fr}}