@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#233e35;--muted:#728178;--green:#234c3f;--lime:#d8e8b8;--paper:#f6f7f1;--line:#e1e7dd;--white:#fff;--rose:#f4d8cc;--red:#a34739;--radius:24px;font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.55}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #95b37b;outline-offset:4px}button{min-height:44px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5.5vw,46px);font-weight:800;letter-spacing:-1.8px;line-height:1.12}h2{font-size:22px;font-weight:800;letter-spacing:-.7px}h3{font-size:17px;font-weight:750;line-height:1.45}p{line-height:1.65}svg{display:block;flex-shrink:0}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;font-weight:800}.shell{max-width:1160px;margin:auto;padding:0 32px 100px}.topbar{height:96px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:32px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;font-size:23px;letter-spacing:-.8px}.brand-symbol{width:41px;height:41px;background:var(--green);border-radius:13px;padding:8px;color:var(--lime)}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.5px}.top-right{display:flex;align-items:center;gap:14px}.points-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:100px;background:white;padding:10px 15px;font-size:13px;font-weight:800}.round-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#e9eddf}.desktop-nav{display:flex;gap:8px;margin-bottom:30px}.desktop-nav button{padding:0 20px;background:transparent;color:var(--muted);font-size:13px;border-radius:100px;font-weight:750}.desktop-nav button.active{background:var(--green);color:white}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px;gap:20px}.page-heading h1{margin:8px 0 12px}.page-heading p{font-size:13px;margin:0;color:var(--muted)}.date-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 14px;border-radius:100px;font-size:12px;white-space:nowrap;background:#fff}.home-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.hero{position:relative;background:#e3edd5;border-radius:28px;padding:30px;overflow:hidden;min-height:286px}.hero .eyebrow{color:#587645}.hero h2{font-size:29px;line-height:1.2;letter-spacing:-1px;max-width:70%;margin:18px 0 13px}.hero p{font-size:13px;max-width:67%;margin-bottom:20px;color:#5b7359}.hero-top{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #b9cea5;border-radius:100px;padding:4px 9px;font-size:10px;font-weight:750}.hero-art{position:absolute;right:13px;top:50px;width:168px;height:175px;color:#6b8c58;opacity:.85;pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:14px;background:var(--green);color:white;font-size:13px;font-weight:750;min-height:48px;text-decoration:none}.button.light{background:#f1f4e9;color:var(--ink);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--ink);border:1px solid #cdd9c2}.button.small{font-size:12px;min-height:44px;padding:10px 13px}.button.full{width:100%}.button.danger{color:var(--red);background:#fbefea}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.card-title h2{font-size:17px;margin:0}.text-link{background:none;color:#66845a;font-size:11px;font-weight:800;padding:0;min-height:32px;display:inline-flex;gap:4px;align-items:center}.progress-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:286px}.ring{--p:0;width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#ecf0e5 0);display:grid;place-items:center;margin:2px 0 18px}.ring-inner{background:white;width:106px;height:106px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-size:32px;font-weight:800;letter-spacing:-1px}.ring small{font-size:10px;color:var(--muted)}.progress-card h3{margin-bottom:5px}.progress-card p{font-size:11px;margin:0;color:var(--muted)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{border:1px solid var(--line);border-radius:18px;padding:16px;background:white;display:flex;gap:12px;align-items:center}.stat-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:#f1f4e6;color:#71854c}.stat:nth-child(2) .stat-icon{background:#f9e8df;color:#b77954}.stat:nth-child(3) .stat-icon{background:#eee9f6;color:#877499}.stat strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.5px}.stat small{font-size:10px;color:var(--muted)}.weekly{grid-column:1/-1}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.week-day{padding:15px 4px;border:1px solid var(--line);border-radius:17px;color:var(--muted);background:#fbfcf8;display:flex;align-items:center;flex-direction:column;gap:9px;min-height:95px}.week-day span{font-size:10px}.week-day strong{font-size:17px;color:var(--ink)}.week-day.active{background:#e3edd5;border-color:#92ad77}.week-day.done{background:var(--green);color:#d4e4d5}.week-day.done strong{color:white}.week-day i{width:5px;height:5px;background:#bec8b8;border-radius:50%}.week-day.active i{background:var(--green)}.week-day.done i{background:#d8e8b8}.week-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:14px;color:var(--muted)}.path-list{display:flex;flex-direction:column;gap:10px}.path-item{display:flex;text-align:left;align-items:center;gap:13px;border:1px solid var(--line);background:white;padding:13px;border-radius:17px;width:100%;color:var(--ink)}.path-num{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#eff3e7;font-size:12px;font-weight:800;flex-shrink:0}.path-item.done .path-num{background:var(--green);color:white}.path-copy{flex:1}.path-copy strong{display:block;font-size:12px;line-height:1.5}.path-copy small{color:var(--muted);font-size:10px;display:block;margin-top:3px}.badge-mini{width:53px;height:53px;border-radius:16px;display:grid;place-items:center;background:#f4f5ed;color:#aab2a0;border:1px solid #e5e8dc}.badge-mini.unlocked{background:#e5edd6;color:#46663d;border-color:#bdcea3}.badge-mini.rose{background:#fbede6;color:#b68165}.badge-preview{display:flex;gap:12px;margin:22px 0}.reward-card p{font-size:12px;color:var(--muted);margin-bottom:12px}.tip{padding:16px;background:#f5f7ef;border-radius:15px;font-size:11px;color:#6d7a68;line-height:1.7;display:flex;gap:10px}.bottom-nav{display:none}.subhead{margin:26px 0 16px;font-size:18px}.section-stack{display:flex;flex-direction:column;gap:20px}.lesson-header{margin-bottom:22px}.back{background:transparent;display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:18px;padding:0}.lesson-header h1{font-size:33px;line-height:1.2;letter-spacing:-1px;max-width:850px}.lesson-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.lesson-meta .pill{border-color:var(--line);background:white;font-size:11px;padding:6px 10px}.lesson-tabs{display:flex;gap:6px;background:#e9ede2;border-radius:15px;padding:5px;margin-bottom:22px}.lesson-tabs button{flex:1;background:transparent;border-radius:11px;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap;padding:6px}.lesson-tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 5px #203c3510}.lesson-content{max-width:820px}.theory-intro{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px}.theory-card p{font-size:14px;line-height:1.85;margin-bottom:0;white-space:pre-line}.theory-card h3{display:flex;gap:9px;align-items:center}.number-dot{width:26px;height:26px;border-radius:50%;background:#eef3e4;display:inline-grid;place-items:center;font-size:11px;flex-shrink:0}.example{background:#e8f0de;border:1px solid #ccdcb9;border-radius:22px;padding:23px;margin-top:20px}.example p{font-size:14px;line-height:1.8}.example p:last-child{margin-bottom:0}.example .eyebrow{color:#668450;margin-bottom:12px}.study-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.study-plan div{background:#f0f3e9;border-radius:12px;padding:12px;font-size:10px;color:var(--muted)}.study-plan strong{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}.task-card{margin-bottom:16px}.task-card h3{font-size:15px;line-height:1.8;margin-bottom:15px;white-space:pre-line}.task-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:13px}.task-status{font-size:10px;color:#638355;letter-spacing:0;text-transform:none}.choice{display:flex;align-items:center;gap:10px;text-align:left;background:#f8faf5;border:1px solid var(--line);border-radius:13px;padding:12px;width:100%;margin-bottom:9px;font-size:14px;color:var(--ink);min-height:50px}.choice span{width:24px;height:24px;border:1px solid #d3ddc8;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:10px;background:white}.choice.selected{border-color:#91aa7b;background:#eff5e8}.choice.correct{border-color:#7aa167;background:#e8f2dc}.choice.wrong{border-color:#d7a69c;background:#fcf1ed}.feedback{padding:13px;border-radius:13px;background:#eef4e5;font-size:13px;line-height:1.7;margin:13px 0}.feedback.wrong{background:#fcf0eb;color:#8e4f42}.feedback strong{display:block;margin-bottom:4px}textarea{display:block;width:100%;min-height:120px;border:1px solid #d5dfcc;border-radius:14px;background:#fbfcf9;padding:14px;color:var(--ink);font-size:16px;line-height:1.65;resize:vertical;margin:14px 0}textarea::placeholder{color:#98a18f;font-size:13px}.task-actions{display:flex;gap:9px;flex-wrap:wrap}.solution{border-left:3px solid #a7bd8b;padding:12px 14px;background:#f3f7eb;line-height:1.85;font-size:14px;margin:15px 0;white-space:pre-line;overflow-wrap:anywhere}.honest-note{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0 0}.saved-line{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:16px}.storage-warning{font-size:12px;padding:14px;background:#fff0df;color:#865727;border-radius:14px;line-height:1.7;margin:12px 0}.empty{padding:30px;text-align:center;background:white;border:1px dashed #d4deca;border-radius:24px;color:var(--muted);line-height:1.8}.status-banner{display:flex;gap:14px;align-items:center;background:#e7efd9;padding:18px;border-radius:20px;margin-bottom:20px}.status-banner p{font-size:12px;margin:4px 0 0;color:#68765a}.status-banner strong{font-size:14px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.summary-grid .stat{padding:20px}.summary-grid .stat strong{font-size:30px}.summary-grid .stat small{font-size:11px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-toolbar h2{font-size:20px;margin:0}.calendar-toolbar .round-button{background:#f1f4e9}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.calendar-weekday{font-size:11px;color:var(--muted);text-align:center;padding:8px 0}.calendar-cell{min-height:66px;border-radius:14px;border:1px solid var(--line);background:#fbfcf8;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px}.calendar-cell strong{font-size:15px}.calendar-cell span{font-size:8px;color:var(--muted)}.calendar-cell.outside{border-color:transparent;background:transparent;color:#bbc3b6}.calendar-cell.today{border:2px solid #8ca86e}.calendar-cell.complete{background:var(--green);border-color:var(--green);color:white}.calendar-cell.complete span{color:#c8ddbb}.calendar-cell.pending{background:#fff1e7;border-color:#ebd5c4}.calendar-cell.selected{box-shadow:0 0 0 3px #b8cf9b}.calendar-legend{display:flex;gap:15px;font-size:10px;margin-top:18px;color:var(--muted);flex-wrap:wrap}.calendar-legend span{display:flex;gap:5px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#edf2e3}.dot.green{background:var(--green)}.dot.ring-dot{background:#cbdcae}.dot.rose{background:#efd5be}.calendar-view{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.selected-day-card .eyebrow{margin-bottom:14px;color:#799366}.selected-day-card h2{font-size:24px;line-height:1.4;margin-bottom:12px}.selected-day-card p{font-size:13px;color:var(--muted)}.selected-day-card .button{margin-top:12px}.course-week{margin-bottom:15px}.course-week summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:3px 0;min-height:55px}.course-week summary::-webkit-details-marker{display:none}.course-week summary strong{flex:1;font-size:15px;line-height:1.6}.course-week summary small{font-size:11px;color:var(--muted)}.course-week .path-list{margin-top:15px}.week-index{font-size:10px;padding:8px 9px;border-radius:10px;background:#f0f4e7;white-space:nowrap}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reward{padding:23px;text-align:center;position:relative}.reward .badge-mini{width:72px;height:72px;margin:0 auto 14px;border-radius:23px}.reward h3{font-size:14px;margin-bottom:7px}.reward p{font-size:11px;color:var(--muted);line-height:1.8;min-height:40px;margin:0}.reward .reward-state{font-size:10px;margin-top:13px;color:#a2ac99}.reward.unlocked{background:#fafcf5;border-color:#baca9e}.reward.unlocked .reward-state{color:#678455}.progress-track{height:7px;border-radius:99px;background:#eaf0e1;overflow:hidden;margin:12px 0}.progress-track div{height:100%;background:var(--green);border-radius:99px}.progress-week{padding:14px 0;border-bottom:1px solid var(--line)}.progress-week:last-child{border:0}.progress-week .row{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px}.progress-week small{color:var(--muted)}.settings-copy p{font-size:13px;line-height:1.8;color:var(--muted)}.settings-copy h3{margin-bottom:9px}.setting-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.source-links{display:flex;flex-direction:column;gap:12px;margin:15px 0}.source-links a{font-size:12px;text-decoration:underline;text-underline-offset:4px;line-height:1.6}.exam-bar{position:sticky;top:10px;z-index:6;display:flex;align-items:center;justify-content:space-between;background:var(--green);color:white;padding:14px 18px;border-radius:18px;gap:12px;margin-bottom:18px;box-shadow:0 8px 22px #18382d22}.exam-bar small{color:#ccd9c6;font-size:10px}.exam-bar strong{font-size:24px;display:block;font-variant-numeric:tabular-nums}.exam-bar .button{border:1px solid #809c78;background:#42634e}.exam-score{font-size:34px;letter-spacing:-1px;font-weight:800}.footer-copy{font-size:10px;color:#87917f;line-height:1.8;margin-top:32px;text-align:center}.course-filters{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 22px}.course-filters button{font-size:11px;padding:6px 13px;border:1px solid var(--line);background:white;border-radius:100px;color:var(--muted);min-height:38px}.course-filters button.active{color:var(--ink);background:#e5eed7;border-color:#bfcea8}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,15px);background:#233e35;color:#fff;font-size:12px;line-height:1.6;padding:13px 19px;border-radius:17px;max-width:90%;width:max-content;box-shadow:0 8px 24px #18382d20;opacity:0;pointer-events:none;z-index:30;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.floating-settings{display:none}
@media(min-width:900px){.lesson-content{margin:0 auto}.lesson-header{max-width:820px;margin:0 auto 22px}.lesson-tabs{max-width:820px;margin:0 auto 22px}.page-heading{min-height:95px}.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-copy{max-width:820px;margin:auto}}
@media(max-width:850px){.shell{padding:0 22px 110px}.topbar{height:83px;margin-bottom:24px}.home-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:17px}.hero{padding:24px}.hero-art{width:140px;right:0}.hero h2{max-width:75%;font-size:25px}.stat{padding:12px;gap:8px}.stat-icon{width:30px;height:30px}.rewards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{padding:0 20px calc(105px + env(safe-area-inset-bottom));max-width:520px}.topbar{height:78px;margin-bottom:25px}.brand{font-size:21px}.brand-symbol{width:36px;height:36px;border-radius:12px;padding:7px}.brand small{font-size:9px}.points-pill{padding:9px 11px;font-size:11px}.top-right{gap:8px}.top-right .round-button{width:37px;height:37px;min-height:37px}.desktop-nav{display:none}.page-heading{align-items:flex-start;margin-bottom:23px;display:block}.page-heading h1{font-size:34px;letter-spacing:-1.2px;margin:8px 0 10px}.page-heading p{font-size:12px}.page-heading .date-pill{display:none}.home-grid{display:flex;flex-direction:column;gap:18px}.hero{padding:25px 23px;min-height:282px;border-radius:25px}.hero h2{font-size:27px;max-width:78%;letter-spacing:-1px;margin-top:19px;position:relative;z-index:1}.hero p{max-width:73%;font-size:12px;position:relative;z-index:1}.hero-art{width:142px;height:155px;right:-13px;top:65px;opacity:.48}.hero .button{position:relative;z-index:1;padding:12px 17px;font-size:12px}.progress-card{min-height:0;padding:19px;display:grid;grid-template-columns:75px 1fr;column-gap:16px;align-items:center;text-align:left}.ring{width:75px;height:75px;grid-row:1/3;margin:0}.ring-inner{width:62px;height:62px}.ring strong{font-size:23px}.ring small{display:none}.progress-card h3{font-size:14px;align-self:end;margin:0 0 5px}.progress-card p{font-size:11px;align-self:start}.stats-row{gap:8px;margin:18px 0}.stat{padding:13px 7px;display:block;text-align:center;border-radius:17px}.stat-icon{width:30px;height:30px;margin:0 auto 9px}.stat strong{font-size:19px}.stat small{font-size:9px}.card{padding:20px;border-radius:22px}.weekly{order:0}.week-days{gap:5px}.week-day{border-radius:12px;padding:12px 2px;min-height:80px;gap:7px}.week-day span{font-size:9px}.week-day strong{font-size:15px}.week-caption{font-size:10px;line-height:1.7}.card-title h2{font-size:16px}.text-link{font-size:10px}.reward-card .badge-preview{margin:16px 0}.reward-card{display:block}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:9px 12px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#ffffffef;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:20}.bottom-nav button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;color:#8d9988;font-size:9px;min-height:52px;border-radius:12px}.bottom-nav button.active{color:var(--green);background:#f0f5e8}.lesson-header h1{font-size:29px;line-height:1.25}.lesson-meta .pill{font-size:10px}.lesson-tabs{position:sticky;top:0;z-index:7;margin-left:-3px;margin-right:-3px;box-shadow:0 7px 13px #f6f7f188}.lesson-tabs button{font-size:11px}.theory-card p{font-size:14px;line-height:1.85}.theory-card h3{font-size:16px}.study-plan{gap:5px}.study-plan div{padding:10px 6px;font-size:9px}.study-plan strong{font-size:14px}.example{padding:20px}.task-card{padding:20px}.task-actions .button{flex:1;font-size:11px;padding:10px 12px}.task-card h3{font-size:14px}.choice{font-size:13px}.calendar-view{display:block}.calendar-grid{gap:5px}.calendar-cell{min-height:52px;border-radius:10px}.calendar-cell strong{font-size:13px}.calendar-cell span{font-size:7px}.calendar-toolbar h2{font-size:18px}.calendar-toolbar .round-button{width:36px;height:36px;min-height:36px}.selected-day-card{margin-top:17px}.selected-day-card h2{font-size:22px}.course-week{padding:16px}.course-week summary strong{font-size:13px}.course-week summary small{font-size:10px}.course-week summary{gap:8px}.week-index{font-size:8px;padding:7px}.summary-grid .stat{text-align:left;display:flex;padding:18px;gap:12px}.summary-grid .stat strong{font-size:24px}.summary-grid .stat-icon{margin:0;flex-shrink:0}.summary-grid .stat small{font-size:9px}.rewards-grid{gap:10px}.reward{padding:20px 12px}.reward .badge-mini{width:63px;height:63px;border-radius:20px}.reward h3{font-size:13px}.reward p{font-size:10px}.exam-bar{top:60px;padding:12px 14px}.exam-bar strong{font-size:21px}.exam-bar .button{font-size:10px;padding:10px}.source-links a{font-size:12px}.footer-copy{font-size:9px}.status-banner{padding:15px}.status-banner strong{font-size:13px}.status-banner p{font-size:11px}.setting-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.reference-button{min-height:32px;color:var(--ink);cursor:pointer;background:#fff}.reference-dialog,.confirm-dialog{border:1px solid var(--line);border-radius:24px;padding:25px;color:var(--ink);background:var(--paper);max-height:85dvh;max-width:680px;width:calc(100% - 32px);overflow-y:auto}.confirm-dialog{max-width:460px;background:white}.confirm-dialog h2{font-size:22px}.confirm-dialog p{font-size:14px;line-height:1.8}.reference-dialog::backdrop,.confirm-dialog::backdrop{background:#1b382c66;backdrop-filter:blur(3px)}.reference-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:15px}.reference-top h2{margin:8px 0 0}.reference-top .round-button{font-size:26px}.atom-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.atom{padding:10px 4px;border:1px solid #d7e1cb;border-radius:11px;background:white;text-align:center}.atom span{display:block;font-size:9px;color:var(--muted)}.atom strong{display:block;font-size:22px;margin:4px 0}.atom small{font-size:8px;display:block;color:var(--muted)}.atom b{display:block;font-size:12px;margin-top:7px;font-weight:600}.ref-details{border-top:1px solid var(--line);margin-top:14px}.ref-details summary{font-size:13px;font-weight:750;cursor:pointer;padding:16px 0;line-height:1.7}.ref-copy{font-size:13px;line-height:1.9}.ref-copy p{line-height:1.9}.activity-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 15px}.activity-row span{padding:7px 9px;border-radius:8px;background:#e6edd8;border:1px solid #d1dcbc}.activity-row .hydrogen{background:#f5dbcc;border-color:#d7b398}@media(max-width:620px){.reference-dialog{padding:20px;max-height:87dvh}.atom-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.atom small{font-size:7px}.confirm-dialog .task-actions .button{flex:1}}
.sync-status{border:0;background:transparent;color:#6f7c75;display:flex;gap:6px;align-items:center;padding:6px 0;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}.sync-status i{width:6px;height:6px;background:#a8b3a5;border-radius:50%;flex-shrink:0}.sync-status.saved i{background:#659671}.sync-status.pending i{background:#d4aa57}.sync-status.offline i{background:#c67b5c}.sync-status:focus-visible{outline:2px solid #659671;outline-offset:3px}@media(max-width:480px){.sync-status span{display:none}.sync-status{padding:8px 4px}.top-right{gap:8px}}