:root{font-family:"Segoe UI",Arial,sans-serif;color:#203c32;background:#f8f9f5;font-synthesis:none;--green:#1f5944;--muted:#748176;--line:#e3e8dd;--cream:#f8f9f5;--lime:#d7ed9f}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #81a556;outline-offset:3px}a{color:inherit;text-decoration:none}.icon{width:22px;height:22px;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#fff;border-right:1px solid var(--line);padding:37px 23px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:32px;font-weight:750;letter-spacing:-1.4px;gap:8px}.brand-symbol{height:39px;width:39px;background:var(--green);color:#fff;border-radius:13px;display:grid;place-items:center}.brand-dot{color:#94b452;margin-left:-7px}.family-tag{font-size:9px;letter-spacing:1.6px;margin:20px 0 40px;color:#849184;font-weight:650}.nav-item{border:0;background:transparent;color:#66756a;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 15px;border-radius:11px;margin-bottom:6px;font-size:14px;font-weight:600;min-height:49px}.nav-item:hover{background:#f4f6ef}.nav-item.active{background:#eaf1e2;color:#244c30}.nav-spark{margin-left:auto;font-size:20px}.nav-label{font-size:10px;color:#98a291;letter-spacing:1.6px;margin:35px 15px 13px}.count{margin-left:auto;background:var(--lime);border-radius:50%;padding:3px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;background:#f5f7ee;padding:20px 17px;border-radius:14px;position:relative}.small-leaf{display:block;color:#68904c;margin-bottom:10px}.sidebar-bottom strong{font-size:14px}.sidebar-bottom p{font-size:12px;color:#7d8979;line-height:1.7;margin-bottom:0}.version{font-size:8px;letter-spacing:1.3px;text-align:center;color:#929c8f;margin-top:20px}.workspace{margin-left:235px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffb5;padding:0 45px}.breadcrumb{font-size:12px;color:#73806f}.breadcrumb span{margin:0 13px;color:#b7beb2}.profile-controls{display:flex;align-items:center;gap:13px}.profile-controls select{border:0;background:transparent;color:#374d3b;font-size:13px;max-width:155px;padding:8px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#eee9d8;border:3px solid white;border-radius:50%;font-weight:700;font-size:13px;color:#715c36}main{max-width:1450px;margin:auto;padding:22px 45px 0}.preview-note{font-size:11px;color:#7d836f;display:flex;gap:7px;align-items:center;line-height:1.6;margin-bottom:26px}.dot{width:6px;height:6px;background:#a3b27b;border-radius:50%;flex-shrink:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7c8b72;font-weight:650;text-transform:uppercase}h1{font-size:clamp(25px,2.4vw,35px);letter-spacing:-1.1px;line-height:1.3;margin:9px 0 10px;font-weight:650}.green-dot{color:#85a349}p{line-height:1.65}.page-heading p{font-size:13px;color:#788273;margin:0}.greeting-art{font-size:62px;color:#a6b777;margin:0 15px}.hero{background:#204d3e;color:#fff;border-radius:22px;display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden;padding:34px 38px;position:relative;gap:35px}.hero::before{content:"";width:330px;height:330px;border:1px solid #5e7d6140;border-radius:50%;position:absolute;right:-170px;top:-130px;pointer-events:none}.hero-copy h2{font-size:clamp(28px,2.9vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.8px;margin:20px 0 14px}.hero-copy p{color:#bfcebf;font-size:13px;margin-bottom:22px}.pill{background:#edf3e5;color:#57754a;border-radius:6px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:650;letter-spacing:.5px}.pill.light{background:#ffffff10;color:#d6e4c8;font-size:8px;letter-spacing:1px}.pill .icon{width:14px;height:14px}.button{border:1px solid transparent;border-radius:10px;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:43px;padding:11px 17px;font-weight:650;font-size:12px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button .icon{width:18px;height:18px}.button.lime{background:var(--lime);color:#28452a}.button.primary{background:var(--green);color:white}.button.secondary{background:#fff;border-color:#dce3d4;color:#3b593c}.hero-wallet{background:#ffffff09;border:1px solid #ffffff13;border-radius:16px;padding:26px 27px;align-self:center;position:relative}.wallet-label{font-size:9px;color:#c4d5bf;letter-spacing:1.2px;display:flex;align-items:center;gap:9px}.wallet-label .icon{width:18px;height:18px}.big-balance{font-size:72px;line-height:1.1;font-weight:600;letter-spacing:-4px;margin-top:17px}.big-balance span{font-size:22px;letter-spacing:0;font-weight:400;color:#bdcdb5;margin-left:9px}.hero-wallet p{font-size:11px;color:#b0c5b5;margin:10px 0 20px}.wallet-rule{border-top:1px solid #ffffff17;padding-top:15px;color:#c8d8be;font-size:10px;display:flex;justify-content:space-between;gap:15px}.wallet-rule span{color:#96ae9c;font-size:9px}.text-button{border:0;background:transparent;color:#587344;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:10px;padding:7px 0}.text-button .icon{width:16px;height:16px}.light-text{color:#d4e5c4;margin-top:13px;font-size:10px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:20px 0 33px}.stat{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.stat>.icon{color:#809753;width:25px;height:25px}.stat strong{display:block;font-size:23px;font-weight:600}.stat span{display:block;font-size:10px;color:#7e8977;margin-top:5px}.stat small{margin-left:auto;font-size:9px;color:#a2aa98;align-self:end}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 18px;gap:15px}h2{font-size:20px;font-weight:650;letter-spacing:-.4px;margin:8px 0}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.activity-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px 20px 0;display:flex;flex-direction:column;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:22px}.activity-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf2df;color:#75904a;flex-shrink:0}.activity-icon.peach{background:#f9ecdf;color:#ad8150}.activity-icon.lavender{background:#eeeaf8;color:#8c79ad}.reward{font-size:10px;background:#f4f7ee;color:#668148;border-radius:5px;padding:5px 8px;font-weight:600}.card-category{font-size:9px;color:#8a957d;margin-bottom:8px}.activity-card h3{font-size:16px;font-weight:650;margin:0 0 17px;letter-spacing:-.3px;line-height:1.4}.card-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#8a9483;margin-top:auto}.card-meta span{display:inline-flex;align-items:center;gap:5px}.card-meta .icon{width:13px;height:13px}.card-button{display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid #edf0e7;width:100%;padding:15px 0;margin-top:19px;color:#547240;font-weight:600;font-size:11px}.card-button .icon{width:16px;height:16px}.card-button:disabled{color:#99a090}.unprepared{background:#fbfcf9}.reflection-banner{margin-top:26px;padding:25px 28px;border:1px solid #e2e7d5;background:#f1f4e8;border-radius:15px;display:flex;align-items:center;gap:20px}.reflection-icon{background:#e4ebd4;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;color:#7a9354;flex-shrink:0}.reflection-banner h2{font-size:19px;margin:7px 0 3px}.reflection-banner p{font-size:11px;color:#839074;margin:0}.reflection-banner .button{margin-left:auto;flex-shrink:0}.school-strip{display:flex;align-items:center;gap:18px;margin-top:25px;padding:22px;border:1px dashed #d6decf;border-radius:12px}.school-strip>.icon{color:#8b9b74}.school-strip strong{font-size:12px}.school-strip p{font-size:11px;color:var(--muted);margin:5px 0 0}.school-strip .button{margin-left:auto;flex-shrink:0}footer{padding:35px 0 24px;font-size:10px;color:#8d9785;display:flex;justify-content:space-between;gap:15px}footer span{font-size:9px;color:#a0a895}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.filter{background:white;color:#778270;border:1px solid var(--line);padding:10px 15px;font-size:11px;border-radius:20px}.filter.selected{background:var(--green);color:#fff;border-color:var(--green)}.info-box{padding:17px 20px;display:flex;align-items:center;gap:14px;background:#eef2e6;border-radius:12px;margin:22px 0;color:#657454}.info-box .icon{width:20px;height:20px}.info-box p{margin:0;font-size:11px}.balance-chip{padding:20px 28px;background:#e8f0dc;border-radius:14px;font-size:36px;color:var(--green);font-weight:700;white-space:nowrap}.balance-chip span{font-size:12px;font-weight:400}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin:22px 0}.panel h2{font-size:18px}.empty{text-align:center;padding:36px 15px;color:#89957e}.empty>.icon{width:32px;height:32px;color:#acba98}.empty h3{font-size:15px;font-weight:600;color:#65775c}.empty p{font-size:12px;max-width:360px;margin:0 auto}.ledger-row,.submission-row{display:flex;gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid #eef0e9}.ledger-row:last-child,.submission-row:last-child{border-bottom:0}.ledger-row strong,.submission-row strong{font-size:13px}.ledger-row p,.submission-row p{font-size:12px;color:#7e8974;margin:6px 0;overflow-wrap:anywhere}.ledger-row small,.submission-row small{font-size:10px;color:#97a08b}.ledger-row>div,.submission-row>div{min-width:0}.ledger-row .amount{margin-left:auto;font-size:22px;color:#4b743c}.status{display:inline-flex;font-size:10px;background:#f5eedb;color:#8d7b40;border-radius:7px;padding:7px 10px;white-space:nowrap;margin-left:auto}.status.approved{background:#eaf2e0;color:#698446}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.family-card{background:white;border:1px solid var(--line);padding:20px 15px;display:flex;align-items:center;gap:11px;border-radius:13px}.family-card strong{font-size:12px}.family-card p{font-size:10px;color:#95a08a;margin:5px 0}.family-card b{margin-left:auto;font-size:22px;font-weight:600;text-align:right}.family-card small{display:block;font-size:8px;color:#93a07d;font-weight:400;margin-top:5px}.compact{margin-top:0}.compact p{font-size:12px;color:#87957a}.submission-row h3{font-size:14px;margin:7px 0}.submission-row .button{margin-left:auto;flex-shrink:0}.admin-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eef0e9;padding:16px 0}.admin-row:last-child{border:0}.admin-description{min-width:0}.admin-description strong{font-size:12px}.admin-description p{font-size:10px;color:#87957d;margin:6px 0 0}.row-actions{margin-left:auto;display:flex;gap:7px}.small-button{padding:8px 11px;background:#f7f9f3;border:1px solid #e4e9da;color:#667d53;border-radius:7px;font-size:10px;min-height:34px}.error-banner,.form-error{color:#9b402e;background:#fff1ea;border-radius:8px;font-size:12px}.error-banner{padding:15px}.form-error:not(:empty){padding:14px;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(580px,calc(100% - 32px));max-height:90dvh;border:1px solid #e1e7d8;border-radius:20px;padding:0;color:#294432;background:#fff;box-shadow:0 25px 100px #17382530}dialog.wide{width:min(720px,calc(100% - 32px))}dialog::backdrop{background:#172b2466;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:21px 27px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-header h2{font-size:19px;margin:0}.close-button{font-size:26px;line-height:1;width:36px;height:36px;border:0;border-radius:50%;background:#f3f5ee;color:#728263;flex-shrink:0}.modal-body{padding:25px 27px}.modal-body>p{font-size:13px}.modal-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#80906f}.reading-text{white-space:pre-wrap;line-height:1.85;font-size:14px;background:#f8faf4;border-radius:12px;padding:20px;margin:18px 0}.source{font-size:10px!important;color:#86947b}.modal-body label{display:block;font-size:12px;font-weight:600;margin:17px 0 9px;line-height:1.5}.modal-body label small{display:block;color:#839371;font-weight:400;margin-top:4px}.modal-body input:not([type=radio]):not([type=checkbox]):not([type=file]),.modal-body textarea,.modal-body select{display:block;width:100%;background:#fcfdf9;color:#284833;border:1px solid #dce5d4;border-radius:9px;padding:12px;margin:8px 0 0;font-size:13px}.modal-body textarea{resize:vertical;min-height:85px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-help,.muted{font-size:11px;color:#86957b;line-height:1.65;margin:15px 0}.full{width:100%;margin-top:10px}.checkbox-label{display:flex!important;align-items:center;gap:9px;font-weight:400!important}.checkbox-label input{accent-color:var(--green);width:17px;height:17px}.answer-box{padding:18px;background:#eef4e7;border-radius:10px;white-space:pre-wrap;line-height:1.8;font-size:14px}.question{font-size:13px;font-weight:600;margin:20px 0}.modal-body details{margin:20px 0;color:#77896a;font-size:12px}.modal-body summary{cursor:pointer}.grade-large{font-size:60px;color:var(--green);font-weight:600}.grade-large span{font-size:22px;color:#a0af90}.letter-intro{display:flex;gap:40px;align-items:center;justify-content:center;background:#f2efdf;border-radius:12px;margin-top:20px;padding:12px}.letter-intro>span{font-size:80px;font-weight:700;color:#608540}.letter-intro>div{font-size:42px;text-align:center}.letter-intro strong{display:block;font-size:14px}.writing-board{position:relative;height:215px;background:repeating-linear-gradient(0deg,#fdfefb 0px,#fdfefb 52px,#dde5d5 53px,#fdfefb 54px);border:2px dashed #b9c99f;border-radius:13px;margin:13px 0;overflow:hidden}.writing-board>span{position:absolute;inset:0;display:grid;place-items:center;font-size:190px;color:#dce4d1;font-weight:700;line-height:1;pointer-events:none}.writing-board canvas{position:relative;width:100%;height:100%;touch-action:none;cursor:crosshair}.letter-choices{border:0;padding:0;margin:20px 0;display:flex;gap:15px}.letter-choices legend{font-size:16px;font-weight:600;margin-bottom:10px}.letter-choices label{margin:0;position:relative}.letter-choices input{position:absolute;opacity:0}.letter-choices span{display:grid;place-items:center;width:70px;height:65px;border:2px solid #e1e8d5;border-radius:13px;font-size:30px;background:#fff}.letter-choices input:checked+span{border-color:#5e9149;background:#eaf3db}.letter-choices input:focus-visible+span{outline:3px solid #809f63;outline-offset:3px}.drawing-preview{display:block;width:100%;max-height:240px;object-fit:contain;background:#fff;border:1px solid #dfe8d5;border-radius:12px;margin-top:15px}.photo-grid,.photo-review{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.photo-field{border:1px dashed #bdc9ad;border-radius:12px;padding:14px;margin:0!important;background:#f9fbf5;min-width:0}.photo-field>span{display:flex;align-items:center;gap:8px;margin-bottom:12px}.photo-field input{font-size:10px;width:100%}.photo-field img{width:100%;height:130px;object-fit:cover;border-radius:7px;margin-top:12px}.photo-review figure{margin:0;min-width:0}.photo-review img{width:100%;height:180px;object-fit:contain;background:#f2f5ed;border-radius:10px}.photo-review figcaption{font-size:11px;text-align:center;margin:7px}.modal-body input[type=file]::file-selector-button{background:#eaf0df;border:0;padding:8px;color:#576c43;border-radius:5px;margin-right:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#244e3c;color:#fff;max-width:min(540px,90vw);padding:15px 22px;border-radius:12px;font-size:13px;box-shadow:0 5px 30px #12321b22;z-index:10;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main{padding-left:60px;padding-right:60px}.hero{padding:40px 45px}.activity-card{padding-top:27px}.hero-copy h2{font-size:44px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 16px}.workspace{margin-left:205px}main{padding:20px 27px 0}.topbar{padding:0 27px}.hero{padding:27px;gap:20px}.hero-wallet{padding:21px}.stat small{display:none}.family-grid{grid-template-columns:1fr}.activity-grid{gap:12px}.activity-card{padding:18px 15px 0}.reflection-banner{padding:22px 18px}.reflection-banner h2{font-size:17px}.greeting-art{display:none}.reward{font-size:9px}.row-actions{flex-shrink:0}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:18px 20px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:26px}.brand-symbol{height:33px;width:33px}.family-tag,.sidebar-bottom,.version,.nav-label{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:17px;gap:5px}.nav-item{width:auto;white-space:nowrap;font-size:11px;padding:10px 12px;min-height:40px;gap:7px;margin:0}.nav-item .icon{width:18px;height:18px}.nav-spark{display:none}.workspace{margin-left:0}.topbar{height:58px;padding:0 23px}.breadcrumb{font-size:10px}main{padding:17px 22px 0}.preview-note{margin-bottom:20px;font-size:10px}.hero{gap:20px;grid-template-columns:1.2fr 1fr}.hero-copy h2{font-size:30px}.stats-row{gap:10px}.stat{padding:15px;gap:10px}.stat strong{font-size:21px}.reflection-banner{flex-wrap:wrap}.reflection-banner .button{margin-left:66px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-grid{grid-template-columns:1fr}.page-heading h1{font-size:29px}.family-card{padding:15px}.stat span{font-size:9px}footer{flex-direction:column;gap:8px}.school-strip{flex-wrap:wrap}.school-strip .button{margin-left:40px}.row-actions{gap:5px}.admin-row{gap:10px}}
@media(max-width:500px){main{padding:15px 16px 0}.topbar{padding:0 16px}.breadcrumb{font-size:9px}.profile-controls{gap:5px}.profile-controls select{max-width:125px;font-size:11px}.avatar{width:32px;height:32px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin:21px 0}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.hero{display:block;padding:26px;border-radius:17px}.hero-copy h2{font-size:36px}.hero-wallet{margin-top:25px;padding:18px 22px}.big-balance{font-size:55px;margin-top:9px}.hero-wallet p{margin:5px 0 14px}.wallet-rule{padding-top:10px}.hero-wallet .text-button{margin-top:9px}.stats-row{gap:7px;margin-bottom:26px}.stat{padding:13px 9px;gap:7px;align-items:flex-start}.stat>.icon{width:16px;height:16px;margin-top:3px}.stat span{font-size:8px;line-height:1.6}.stat strong{font-size:20px}.section-title h2{font-size:19px}.section-title .text-button{font-size:10px}.activity-grid{grid-template-columns:1fr}.activity-card{padding:20px 22px 0}.card-top{margin-bottom:16px}.card-category{font-size:10px}.activity-card h3{font-size:18px}.reward{font-size:11px}.card-button{font-size:12px;min-height:50px}.reflection-banner{gap:13px}.reflection-banner h2{font-size:16px}.reflection-icon{width:35px;height:35px}.reflection-banner .button{margin-left:48px}.school-strip{padding:17px;gap:12px}.school-strip>.icon{display:none}.school-strip .button{margin-left:0}.panel{padding:18px}.admin-row{flex-wrap:wrap}.admin-description{flex:1}.row-actions{margin-left:55px}.submission-row{align-items:flex-start;flex-wrap:wrap}.submission-row .button{margin-left:0}.submission-row>div{flex:1;min-width:190px}.ledger-row{gap:10px}.ledger-row .activity-icon{width:32px;height:32px}.ledger-row strong{font-size:12px}.ledger-row p{font-size:11px}.ledger-row .amount{font-size:18px}.modal-header{padding:17px 19px}.modal-body{padding:20px}.modal-header h2{font-size:17px}.form-grid{grid-template-columns:1fr}.photo-grid,.photo-review{gap:8px}.photo-field{padding:9px}.photo-field input{font-size:9px}.photo-review img{height:130px}.writing-board{height:180px}.letter-intro>span{font-size:65px}.modal-meta{flex-wrap:wrap}.status{font-size:9px}.balance-chip{padding:13px 22px;font-size:29px}}
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-story{background:#204d3e;color:white;padding:70px 12%;display:flex;flex-direction:column;justify-content:center;gap:25px}.auth-story .brand{margin-bottom:45px}.auth-story .eyebrow{color:#c9dba9}.auth-story h1{font-size:clamp(35px,4vw,60px);line-height:1.13;font-weight:550;letter-spacing:-2px}.auth-story p{color:#c0d1bc;font-size:15px}.auth-story .pill{align-self:flex-start}.auth-form{width:100%;max-width:530px;align-self:center;justify-self:center;padding:45px}.auth-form h2{font-size:29px;margin:15px 0}.auth-form label{display:block;font-size:13px;font-weight:600;margin:18px 0}.auth-form input{display:block;width:100%;border:1px solid #dae4d4;border-radius:9px;padding:13px;margin-top:8px;background:#fbfcf9;color:#294d35}.auth-footnote{color:#8c9883;font-size:11px;margin-top:30px}.button:disabled{opacity:.55;cursor:wait}.auth-form .filters{margin:20px 0}.auth-form .form-error:not(:empty){margin-top:18px}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-story{padding:30px;gap:12px}.auth-story .brand{margin-bottom:10px}.auth-story h1{font-size:35px;letter-spacing:-1px}.auth-story h1 br{display:none}.auth-story p{margin:0}.auth-form{padding:30px;max-width:520px}.auth-story .pill{display:none}}

/* Shared PWA controls stay outside re-rendered forms. */
[hidden]{display:none!important}
.pwa-bar{margin-left:235px;padding:12px 45px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#edf3e5;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}
body:has(.auth-shell) .pwa-bar,body:has(#app>.empty) .pwa-bar{margin-left:0}
.pwa-bar details{max-width:620px}.pwa-bar summary{cursor:pointer;font-weight:650;min-height:44px;align-content:center}.pwa-bar p{margin:0;max-width:760px}.pwa-bar details p{margin-top:8px}
#pwa-status,#pwa-update{flex-basis:100%;padding:8px 12px;border-left:3px solid #8c6e30;background:#fff8e5}
#pwa-update{display:flex;align-items:center;justify-content:space-between;gap:15px}#pwa-check{margin-left:auto;min-height:44px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-bar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}@media(display-mode:standalone){.auth-shell{min-height:calc(100dvh - 70px)}}@media(max-width:600px){#pwa-update{align-items:stretch;flex-direction:column}.modal-body input:not([type=checkbox]):not([type=radio]),.modal-body textarea,.modal-body select,.auth-form input{font-size:16px}}
@media(max-width:1150px){.pwa-bar{margin-left:205px;padding:12px 28px}}
@media(max-width:800px){.pwa-bar{margin-left:0;padding:12px 20px}}
@media(max-width:600px){.pwa-bar{padding:12px 18px}.pwa-bar button{width:100%}input,textarea,select{font-size:16px}.breadcrumb{overflow-wrap:anywhere;min-width:0}.profile-controls{flex-shrink:0}.auth-form .filters{flex-wrap:wrap}}

/* The shared journey is independent of panel positions and usable on touch screens. */
.journey-summary,.journey-steps,.journey-daily,.journey-roadmap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;overflow-wrap:anywhere}
.journey-summary{background:#edf3e5;display:flex;gap:22px;align-items:center;justify-content:space-between}.journey-summary h2{font-size:21px;margin:10px 0}.journey-summary p,.journey-step p,.journey-daily p,.journey-roadmap p,.journey-steps>p{line-height:1.7;font-size:14px;max-width:78ch}.journey-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.journey-summary>.journey-actions{flex:0 0 230px}.journey-actions .button{white-space:normal;min-height:44px}.journey-steps progress{width:100%;height:14px;accent-color:var(--green)}.journey-steps ol{padding-left:25px}.journey-step{padding:20px 0 24px 8px;border-bottom:1px solid var(--line)}.journey-step:last-child{border:0}.journey-step::marker{font-weight:700;color:var(--green)}.journey-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.journey-step-heading h3{margin:0;font-size:18px}.journey-step.is-complete::marker{color:#397a39}.journey-roadmap summary{cursor:pointer;min-height:48px;padding:14px 0;font-weight:600}.journey-roadmap details+details{border-top:1px solid var(--line)}.journey-modal-help{background:#edf3e5;border-left:3px solid var(--green);padding:14px;line-height:1.7;margin:0 0 20px;font-size:14px}
@media(max-width:800px){.journey-summary{display:block}.journey-summary>.journey-actions{margin-top:16px}.journey-summary,.journey-steps,.journey-daily,.journey-roadmap{padding:18px}.journey-step-heading{display:block}.journey-step-heading .status{display:inline-block;margin-top:10px}.journey-actions .button{flex:1 1 180px}.journey-step>.button{max-width:100%;white-space:normal}}
.journey-security{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;line-height:1.7}.security-recovery,.security-password,.security-sessions{position:relative;border-bottom:1px solid var(--line);padding:20px 0;line-height:1.65}.security-recovery input[readonly]{font-family:monospace}.security-sessions ul{padding-left:20px;overflow-wrap:anywhere}
.source-help,.source-list{background:#fff;border:1px solid var(--line);border-radius:16px;margin:20px 0;padding:24px;line-height:1.75}.source-help li{margin:10px 0}.source-preview{border:1px solid var(--line);border-radius:12px;padding:18px;margin:18px 0}.source-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;max-height:340px;overflow-y:auto}.journey-security h3:not(:first-of-type){margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}#source-preview-error{color:#8b3328}.source-list .submission-row>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.source-help,.source-list{padding:18px}.source-list .button{white-space:normal}}
@media(min-width:801px){.sidebar{overflow-y:auto}.sidebar>nav{flex-shrink:0}.sidebar-bottom{padding-top:20px}}
.journey-source{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;line-height:1.7}.journey-source h3:not(:first-of-type){margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.pdf-review{margin:20px 0;border:1px solid var(--line);border-radius:12px;padding:20px}.pdf-review textarea{line-height:1.7}#pdf-progress,#pdf-warning,#pdf-review-summary{line-height:1.7}#pdf-warning{background:#fff8e5;padding:12px;border-radius:8px}
.quiz-question, .quiz-answers fieldset { min-width: 0; margin: 18px 0; padding: 18px; border: 1px solid #d8e3da; border-radius: 14px; }
.quiz-question legend, .quiz-answers legend { font-weight: 700; padding: 0 8px; }
.quiz-explanations blockquote { margin: 12px 0; padding: 12px; background: #f1f6ef; border-left: 3px solid #327759; overflow-wrap: anywhere; }

.row-actions{flex-wrap:wrap;max-width:100%}

.family-messages{list-style:none;padding:0;display:grid;gap:14px}.family-message{padding:18px;background:#f5f7f1;border:1px solid var(--line);border-radius:12px;min-width:0}.family-message.own-message{background:#edf4e6}.family-message>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.family-message time{font-size:11px;color:#66765e}.family-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.journey-messages{margin-top:24px}