:root{--paper:#f6f7f2;--card:#fff;--ink:#1d2433;--soft:#5b6476;--line:#dfe2d8;--por:#c4483b;--por-bg:#fbeae7;--mat:#2a5db0;--mat-bg:#e6eefb;--cie:#2f7d4f;--cie-bg:#e4f3ea;--jog:#b07a12;--jog-bg:#fbf1dc;--acc:#1d2433;--ok:#2f7d4f;--f-disp:"Young Serif",Georgia,"Times New Roman",serif;--f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141821;--card:#1c2130;--ink:#e9ecf3;--soft:#a3abbd;--line:#2d3446;--por:#f08a7d;--por-bg:#3a2224;--mat:#82a8f0;--mat-bg:#1e2a44;--cie:#7fcf9c;--cie-bg:#1b3326;--jog:#e8b65a;--jog-bg:#3a2e17;--acc:#e9ecf3;--ok:#7fcf9c;color-scheme:dark}}:root[data-theme=dark]{--paper:#141821;--card:#1c2130;--ink:#e9ecf3;--soft:#a3abbd;--line:#2d3446;--por:#f08a7d;--por-bg:#3a2224;--mat:#82a8f0;--mat-bg:#1e2a44;--cie:#7fcf9c;--cie-bg:#1b3326;--jog:#e8b65a;--jog-bg:#3a2e17;--acc:#e9ecf3;--ok:#7fcf9c;color-scheme:dark}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;margin:0}body,body:before{background:var(--paper)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0);z-index:10}.wrap{max-width:860px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}header.top{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}header.top .wrap{padding-block:12px 0;display:grid;grid-gap:10px;gap:10px}.brand{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-family:var(--f-disp);font-weight:400;font-size:1.6rem;margin:0;letter-spacing:-.01em}h1 small{font-family:var(--f-body);font-size:.78rem;color:var(--soft);letter-spacing:.06em;text-transform:uppercase;margin-left:6px}.kids{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.kids span.lbl{font-size:.75rem;color:var(--soft);text-transform:uppercase;letter-spacing:.06em}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 12px;font:inherit;font-size:.9rem;cursor:pointer}.chip[aria-pressed=true]{background:var(--acc);color:var(--paper);border-color:var(--acc)}nav.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}nav.tabs button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;color:var(--soft);font:inherit;font-weight:700;padding:8px 12px;cursor:pointer}nav.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--mat);outline-offset:2px}main .wrap{padding-block:20px 60px;display:grid;grid-gap:18px;gap:18px}h2{font-family:var(--f-disp);font-weight:400;font-size:1.35rem;margin:0;text-wrap:balance}.lead{color:var(--soft);margin:0;max-width:65ch}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 12px;font:inherit;font-size:.92rem;cursor:pointer}.seg button[aria-pressed=true]{border-color:currentColor;font-weight:700}.seg.subj button[data-s=por][aria-pressed=true]{background:var(--por-bg);color:var(--por)}.seg.subj button[data-s=mat][aria-pressed=true]{background:var(--mat-bg);color:var(--mat)}.seg.subj button[data-s=cie][aria-pressed=true]{background:var(--cie-bg);color:var(--cie)}.seg.yr button[aria-pressed=true]{background:var(--acc);color:var(--paper);border-color:var(--acc)}.prog{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--soft)}.bar{flex:1 1;height:8px;background:var(--line);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--sc,var(--ok));width:0;transition:width .3s}.list{display:grid;grid-gap:12px;gap:12px}details.theme{background:var(--card);border-radius:12px;border:1px solid var(--line);border-left:5px solid var(--sc)}details.theme>summary{list-style:none;cursor:pointer;padding:14px 16px;display:grid;grid-template-columns:1fr auto;grid-gap:4px 12px;gap:4px 12px;align-items:start}details.theme>summary::-webkit-details-marker{display:none}.tnum{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sc);font-weight:700}.tt{font-family:var(--f-disp);font-size:1.12rem;line-height:1.3;grid-column:1}.tobj{grid-column:1/-1;color:var(--soft);font-size:.92rem}.done-badge{grid-row:1/3;grid-column:2;font-size:.78rem;font-weight:700;color:var(--ok);white-space:nowrap}.tbody{padding:0 16px 16px;grid-gap:14px}.res,.tbody{display:grid;gap:14px}.res{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px}.res section{min-width:0}.res h4{margin:0 0 4px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.res ul{margin:0;padding-left:18px}.res li{margin:2px 0}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 14px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.small{padding:5px 10px;font-size:.82rem}.btn.danger{background:transparent;color:var(--por);border-color:var(--por)}.filters{display:grid;grid-gap:8px;gap:8px}.books{background:var(--jog-bg);border-radius:10px;padding:12px 14px}.books h4{margin:0 0 6px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--jog)}.books ul{margin:0;padding-left:18px;display:grid;grid-gap:6px;gap:6px}.books li span{display:block;font-size:.88rem;color:var(--soft)}.book{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--sc);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;grid-gap:4px 12px;gap:4px 12px;align-items:center}.book>div{min-width:0}.book .meta,.book b{display:block}.book .row{grid-column:1/-1}.ybook{font-family:var(--f-disp);font-size:1.05rem;margin:8px 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-gap:10px;gap:10px;min-width:0}.card h3{font-family:var(--f-disp);font-weight:400;font-size:1.15rem;margin:0}.meta{font-size:.82rem;color:var(--soft)}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:.75rem;padding:2px 8px;border-radius:99px;background:var(--jog-bg);color:var(--jog);font-weight:700}.tag.por{background:var(--por-bg);color:var(--por)}.tag.mat{background:var(--mat-bg);color:var(--mat)}.tag.cie{background:var(--cie-bg);color:var(--cie)}.card p{margin:0}.card dl{margin:0;display:grid;grid-gap:6px;gap:6px}.card dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.card dd{margin:0}.card ol{margin:0;padding-left:20px}.warn{font-size:.88rem;background:var(--por-bg);color:var(--ink);border-radius:8px;padding:8px 10px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:12px;gap:12px}.stage-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}.stage-h h3{font-family:var(--f-disp);font-weight:400;font-size:1.2rem;margin:0}form.diary{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-gap:12px;gap:12px}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:10px;gap:10px}label.f{display:grid;grid-gap:4px;gap:4px;font-size:.82rem;color:var(--soft);font-weight:700}input,select,textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%;min-width:0}textarea{min-height:76px;resize:vertical}.stars{display:flex;gap:4px}.stars button{background:none;border:1px solid var(--line);border-radius:8px;padding:4px 9px;font:inherit;cursor:pointer;color:var(--soft)}.stars button[aria-pressed=true]{background:var(--jog-bg);color:var(--jog);border-color:var(--jog)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stat b{display:block;font-family:var(--f-disp);font-weight:400;font-size:1.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat span{font-size:.8rem;color:var(--soft)}.entry{background:var(--card);border-radius:12px;padding:14px 16px;display:grid;grid-gap:6px;gap:6px;border:1px solid var(--line);border-left:5px solid var(--sc,var(--line))}.entry h4{margin:0;font-size:1.02rem}.entry p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.entry .k{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--soft)}.status{font-size:.8rem}.empty,.status{color:var(--soft)}.empty{border:1px dashed var(--line);border-radius:12px;padding:20px;text-align:center}.note{font-size:.85rem;color:var(--soft);max-width:65ch}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;font-weight:700;z-index:20}.tema{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 8px;font:inherit;font-size:.85rem;font-weight:700;color:var(--ink);display:inline-flex;gap:7px;align-items:center;white-space:nowrap;cursor:pointer}.tema i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink);background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}footer.credit{border-top:1px solid var(--line);background:var(--card)}footer.credit .wrap{padding-block:20px 28px}footer.credit p{margin:0;max-width:65ch;font-size:.92rem;color:var(--soft)}footer.credit b{color:var(--ink)}.brand-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit}nav.tabs a{flex:0 0 auto;text-decoration:none;border-bottom:3px solid transparent;color:var(--soft);font-weight:700;padding:8px 12px}nav.tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.seg a{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 12px;font-size:.92rem;text-decoration:none}.seg a[aria-current=true]{border-color:currentColor;font-weight:700}.seg.subj a[data-s=por][aria-current=true]{background:var(--por-bg);color:var(--por)}.seg.subj a[data-s=mat][aria-current=true]{background:var(--mat-bg);color:var(--mat)}.seg.subj a[data-s=cie][aria-current=true]{background:var(--cie-bg);color:var(--cie)}.seg.yr a[aria-current=true]{background:var(--acc);color:var(--paper);border-color:var(--acc)}a.btn{display:inline-block;text-decoration:none}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.home-card{text-decoration:none;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--sc);border-radius:12px;padding:16px;display:grid;grid-gap:6px;gap:6px}.home-card b{font-family:var(--f-disp);font-weight:400;font-size:1.15rem}.home-card span{color:var(--soft);font-size:.92rem}.hero h2{font-size:1.9rem}.login-hint{background:var(--jog-bg);border-radius:10px;padding:12px 14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.user-chip{font-size:.82rem;color:var(--soft)}.eyebrow-i{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);font-weight:700}.hero-t{font-size:2.2rem;line-height:1.1}.ini-h{font-family:var(--f-disp);font-weight:400;font-size:1.2rem;margin:4px 0 0}.ini-steps{margin:0;padding-left:22px;max-width:65ch}.feedback,.ini-steps{display:grid;grid-gap:8px;gap:8px}.feedback{background:var(--jog-bg);border-radius:12px;padding:16px}.feedback p{margin:0;max-width:65ch;color:var(--ink)}.feedback .feedback-t{font-family:var(--f-disp);font-size:1.15rem}.cookies{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(0,0,0,.08);padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;gap:12px 20px;align-items:center;justify-content:center;flex-wrap:wrap}.cookies p{margin:0;max-width:65ch;font-size:.92rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.88rem}.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}