:root{--ink:#292840;--subtle:#77768a;--paper:#f7f7fb;--accent:#6453d8;--line:#e8e7f1}body.learning-page,body.life-page{background:var(--paper);color:var(--ink)}.learning-page main,.life-page main{max-width:1240px;padding:26px 32px 80px}.workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 22px;border-bottom:1px solid var(--line);font-size:14px}.workspace-nav>a{font-weight:750;text-decoration:none;color:var(--ink)}.workspace-nav>div{display:flex;gap:6px;flex-wrap:wrap}.workspace-nav>div a{color:#777389;text-decoration:none;padding:9px 12px;border-radius:10px}.workspace-nav a[aria-current]{background:#ebe7ff;color:#5542c7}.page-hero{padding:40px 0 28px}.page-hero h1{font-size:clamp(30px,4.5vw,46px);letter-spacing:-1.8px;font-weight:750;margin:10px 0 12px}.page-hero p{margin:0;max-width:650px}.page-hero .eyebrow,.section-heading .eyebrow{color:#8980af;font-size:10px;letter-spacing:2.5px}.hero-tags{display:flex;gap:8px;margin-top:20px}.hero-tags span{font-size:12px;padding:6px 12px;border:1px solid #e3dff2;border-radius:8px;color:#77708c}.sync-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#eeebf8;border:1px solid #e2ddf2;border-radius:16px;padding:18px 22px;font-size:13px}.sync-panel strong{color:#58479d}.sync-panel p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#7a708f;overflow-wrap:anywhere}.learning-page button,.life-page button,.learning-page .button,.life-page .button{background:var(--accent);border-radius:10px}.learning-page .secondary,.life-page .secondary{background:#eceaf6;color:#62548e}.manual-entry{padding:0 22px;border:1px dashed #dcd6ef;box-shadow:none;background:transparent;border-radius:15px;margin:16px 0 28px}.manual-entry>summary{padding:16px 0;font-size:14px;color:#6e5e9b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .wide{grid-column:1/-1}.learning-page textarea{min-height:100px}.learning-page input,.learning-page select,.learning-page textarea,.life-page input,.life-page select{border-color:#e1deed;border-radius:10px}.learning-page label{font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{font-size:22px;letter-spacing:-.6px;margin:8px 0 15px}.section-heading #count{font-size:12px;font-weight:400;color:#8c859b;margin-left:8px}.inline{display:flex;align-items:center;gap:8px}.inline input{width:auto;margin:0;accent-color:var(--accent)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.filters label{color:#8b8298;margin:0}.filters input,.filters select{background:#fff;margin-bottom:20px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin-top:20px}.lesson-grid>.card{margin:0;border-color:#e6e3ef;border-radius:20px;padding:27px 28px;box-shadow:0 5px 20px #42395e05}.lesson-grid h3{font-size:19px;line-height:1.55;margin:0 0 12px;letter-spacing:-.4px}.lesson-meta{font-size:12px;color:#9385b5;line-height:1.8}.lesson-grid h4{font-size:12px;letter-spacing:.3px;color:#81719d;margin:18px 0 8px}.note-summary{color:#4e4b60;font-size:14px;line-height:1.9;padding-bottom:15px;border-bottom:1px solid #f0edf5}.note-section ul{margin:0;padding-left:18px;color:#5f5a70;font-size:13px;line-height:1.9}.note-section li{padding:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.note-section.mistakes{background:#faf6ed;padding:1px 15px 13px;border-radius:12px;margin-top:16px}.note-section.mistakes h4{color:#a18a5d}.note-section.practiceExamples li{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.note-section.nextSteps{border-left:2px solid #c9bff4;padding-left:14px}.practice-details,.vocab-details,.source-details{font-size:13px;border-top:1px solid #efecf5;margin-top:18px;padding-top:5px}.source-details{color:#9690a3}.source-details pre,.source-details .quote{max-height:320px;overflow:auto;background:#faf9fc;padding:14px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.practice-details>summary{color:#6253ae;font-weight:600}.lesson-grid>p,.empty{grid-column:1/-1}.learning-page #status{font-size:13px;color:#7961ab;min-height:1em;margin:10px 0}.lesson-grid .card>button{background:#f0edf8;color:#8979a6;font-size:11px;padding:6px 10px}.lesson-grid .card>p:not(.lesson-meta){color:#a29aac;font-size:11px}.learning-page #records+footer,.page-footer{font-size:12px;color:#a29aaa;line-height:1.8;padding-top:32px}.learning-page #records+div button{font-size:12px}.life-page #tabs{display:flex;flex-wrap:nowrap;overflow:auto;gap:7px;padding-bottom:8px;scrollbar-width:thin}.life-page #tabs button{white-space:nowrap;background:#eeebf4;color:#887e9c;font-size:13px;padding:9px 14px}.life-page #tabs button.active{background:var(--accent);color:#fff}.life-page #summary{font-size:13px;margin:12px 0 18px}.life-page .records{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.life-page .record{border-color:#e7e3ee;border-radius:18px}.record-cover{margin:0;background:#f0edf4}.record-cover img{height:235px;object-fit:contain}.record-cover figcaption{font-size:11px;padding:8px 14px;color:#92869e}.life-page .record h2{font-size:18px;line-height:1.5}.life-page .record p{font-size:13px;line-height:1.8;color:#787080}.life-page .record small{font-size:11px}.life-page .record .pill{color:#847399;background:#f0ecf8}.life-page .record button{font-size:11px}.life-page .photo-more{margin:10px 0;font-size:12px}.life-page .photo-more img{height:160px}.life-page .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.life-page .metric-grid div{background:#f7f5fa;padding:10px;border-radius:10px;color:#766a86;font-size:12px}.life-page .metric-grid strong{display:block;color:#54445f;font-size:19px;margin-top:5px}.life-page .life-search{max-width:460px}.life-page fieldset{border:1px solid #e5deee;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:16px}.life-page fieldset legend{font-size:12px;color:#94869e}.life-page dialog{max-width:750px}.research-page .note-detail .quote{line-height:1.9}.research-page .note-detail>h3{margin-top:26px}.research-page .note-detail>ul{line-height:1.9;padding-left:22px}.research-page .source-details>summary{color:#9489a2;font-size:12px}.research-page .source-details .quote{max-height:300px;overflow:auto}.research-page .cloud-bar{font-size:12px}.research-page .note-card{border-radius:18px}@media(max-width:900px){.life-page .records{grid-template-columns:1fr 1fr}.lesson-grid{grid-template-columns:1fr}}@media(max-width:600px){.learning-page main,.life-page main{padding:18px 17px 60px}.workspace-nav{display:block;padding-bottom:12px}.workspace-nav>div{gap:0;margin-top:14px;justify-content:space-between}.workspace-nav>div a{font-size:12px;padding:8px 7px}.page-hero{padding:30px 0 20px}.page-hero h1{letter-spacing:-1px;font-size:30px}.page-hero p{font-size:13px}.hero-tags{margin-top:15px}.sync-panel{padding:15px 17px;align-items:flex-start}.filters{grid-template-columns:1fr 1fr;gap:8px 12px}.filters label:first-child{grid-column:1/-1}.filters input,.filters select{margin-bottom:8px}.section-heading{align-items:flex-end}.section-heading #count{display:block;margin:5px 0 0}.section-heading .inline{font-size:11px;padding-bottom:13px;white-space:nowrap}.lesson-grid>.card{padding:23px 21px}.form-grid{grid-template-columns:1fr;gap:0}.manual-entry{padding:0 17px}.life-page .records{grid-template-columns:1fr}.life-page fieldset{grid-template-columns:1fr 1fr}.life-page .top{flex-wrap:wrap}.life-page .top #add{font-size:12px}.record-cover img{height:285px}}
