#school-ui{position:fixed;inset:0;z-index:44;pointer-events:none;color:#62495F;font-family:Nunito,system-ui,sans-serif}#school-ui button,#school-ui input,#school-ui textarea,#school-ui select,#school-ui a{pointer-events:auto}button{touch-action:manipulation}#title .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(730px,calc(100vw - 30px));gap:9px}#title .card{width:auto;min-width:0;padding:9px 15px;border-radius:19px}#title .card .em{font-size:31px}#title .card b{font-size:18px}#title .card small{font-size:12px}.school-nav{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap}.school-nav>button,.back-outside{min-height:48px;padding:7px 13px;border-radius:16px;background:#FFF9EFED;box-shadow:0 4px 12px #5F395C15;font-size:14px;font-weight:800;border:1px solid #FFFF}.school-nav span{font-size:22px;margin-right:7px}.back-outside{position:absolute;left:20px;top:85px;font-size:14px}.school-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#4C344C55;backdrop-filter:blur(5px);pointer-events:auto}.school-sheet{width:min(1060px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:#FCF6EE;border:2px solid white;border-radius:27px;overflow:hidden;box-shadow:0 20px 70px #4A304C35}.school-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #E8D9DC;padding:19px 23px}.school-sheet h2{font:500 28px/1.15 Fredoka;margin:4px 0 0}.sheet-eyebrow{font-size:10px;letter-spacing:.16em;color:#A27E94}.school-close{width:47px;height:47px;flex-shrink:0;border-radius:50%;font-size:22px;background:#EEDFE8}.school-content{padding:19px 23px 23px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.school-content button,.school-content select{min-height:44px;border-radius:12px}.school-intro{font-size:16px;color:#937386;line-height:1.6;margin:0 0 18px}.lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-cards>button{display:flex;flex-direction:column;text-align:left;align-items:flex-start;background:#FFFEF9;border:1px solid #E5D8D9;border-bottom:4px solid #DAC4D0;border-radius:20px;padding:20px;gap:14px}.lesson-cards>button>span{font:500 47px Fredoka;color:#AC76A1;letter-spacing:-.04em}.lesson-cards strong{font:500 22px Fredoka}.lesson-cards small{font-size:13px;line-height:1.55;color:#94778B}.school-choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.school-choices .btn{font-size:15px}.notebook-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:13px}.notebook-tools>button{background:#EADDE4;padding:7px 12px;font-size:14px}.pencils{display:flex;align-items:center;gap:7px;padding-right:9px}.pencils>button{width:37px;height:44px;min-height:44px;border:4px solid #FFF;border-radius:12px;background:var(--ink);box-shadow:0 0 0 1px #D2BDCD}.pencils>button[aria-pressed=true]{box-shadow:0 0 0 3px #A774A1;transform:translateY(-2px)}.notebook-tools label{font-size:13px;display:flex;align-items:center;gap:7px}.notebook-tools select{font:800 16px Nunito;background:#FFF8EE;color:#77556F;border:1px solid #E2CDDA;padding:6px}.drawing-paper{background:#FFFCF2;border:1px solid #DCCDBD;border-radius:13px;box-shadow:0 5px 12px #7559760D;overflow:hidden}.drawing-paper canvas{display:block;width:100%;aspect-ratio:1400/950;max-height:57dvh;object-fit:contain;touch-action:none;cursor:crosshair;background:#FFFCF2}.art-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.art-bottom>span{flex:1;font-size:13px;color:#A18596}.art-bottom button{font-size:14px!important}.lesson-line{background:#EDE3EF;border-left:4px solid #BB8BAC;border-radius:10px;padding:10px 13px;margin:0 0 13px;font-size:16px}.letter-picks{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 14px}.letter-picks>button{width:39px;background:#EFE1E8;font:500 20px Fredoka}.writing-label{display:block;font:500 22px Fredoka;margin:8px 0 14px}.school-content textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:240px;max-height:45dvh;border:1px solid #D8C4C5;border-radius:15px;padding:18px 20px;font:600 22px/1.65 Nunito;background:repeating-linear-gradient(#FFFDF5,#FFFDF5 35px,#E8E1D4 36px);color:#684861;user-select:text;-webkit-user-select:text;touch-action:pan-y}.writing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}.writing-actions button{font-size:15px}.school-small{font-size:12px;color:#9E8498;line-height:1.5}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.journal-grid article{padding:10px;border-radius:13px;border:1px solid #E4D4D6;background:#FFFDF8;box-shadow:0 3px 10px #5C405A0A}.journal-grid article>button{width:100%;padding:0;display:block;overflow:hidden}.journal-grid canvas{display:block;width:100%;height:auto;background:#FFFCF2;border-radius:8px}.journal-grid strong{display:block;text-align:left;padding:9px 5px;font-size:14px}.saved-writing{height:170px;padding:13px;text-align:left;margin:0;white-space:pre-wrap;overflow:hidden;word-break:break-word;background:#FFF9E7;border-radius:8px;font-size:13px;line-height:1.7}.journal-grid article>div{display:flex;gap:7px}.journal-grid article>div>button{background:#EFDFE8;flex:1;font-size:13px}.empty-journal{text-align:center;padding:38px 20px;color:#9B7E91}.empty-journal>span{font-size:65px}.empty-journal h3{font:500 28px Fredoka;color:#76546F}.journal-undo{margin-bottom:18px;background:#E6D9E8}.friend-lines>div{position:absolute;transform:translate(-50%,-100%);max-width:290px;max-height:160px;overflow:auto;padding:11px 16px;border-radius:18px;background:#FFFBF2F2;border:2px solid #FFF;box-shadow:0 5px 16px #55335515;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word;pointer-events:auto}#school-ui [hidden]{display:none!important}.school-sheet button:active,.school-nav button:active{transform:scale(.96)}.school-sheet button:focus-visible,.school-sheet textarea:focus-visible{outline:3px solid #AC78A0;outline-offset:3px}
.family-intro{line-height:1.7;color:#947489}.family-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.family-link{width:100%;font:600 16px/1.5 Nunito;padding:15px;border-radius:12px;border:1px solid #D5C3D6;user-select:all}.family-roster{display:flex;flex-wrap:wrap;gap:10px}.family-person{border:1px solid #DBCBDD;border-radius:17px;padding:11px 17px;background:white;display:flex;align-items:center;gap:9px}.family-person small{font-size:11px;color:#9C7C96}.family-person.speaking{box-shadow:0 0 0 3px #B6D1B5}.family-status{font-size:14px;padding:12px 15px;background:#EEE2ED;border-radius:13px}.voice-hold{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);min-height:58px;padding:9px 20px;border-radius:22px;background:#FFF9EF;border:3px solid #FFF;font:500 17px Fredoka;box-shadow:0 4px 20px #60455F22;touch-action:none}.voice-hold.talking{background:#ADD6BB;border-color:#DCEFE2}.family-badge{position:absolute;left:20px;top:85px;border:1px solid #FFF;background:#FFF9EFEE;border-radius:15px;padding:9px 13px;font-size:13px}.remote-label{position:absolute;transform:translate(-50%,-100%);background:#FFF9EDDB;border:1px solid #FFF;padding:6px 11px;border-radius:13px;font-size:12px;white-space:nowrap}.family-menu input{font-size:16px}
@media(max-width:1100px){.school-nav>button{font-size:12px;padding:7px 10px}.school-nav span{font-size:20px;margin-right:4px}.school-sheet{width:95vw}.notebook-tools>button{padding:7px 9px}.pencils>button{width:32px}.pencils{gap:5px}.lesson-cards>button{padding:17px}.school-nav{gap:5px}}
@media(orientation:portrait){.school-nav{top:81px;width:100%;justify-content:center}.school-nav>button{padding:7px 12px;font-size:13px;display:flex;align-items:center;gap:4px}.school-nav span{margin-right:0}.back-outside,.family-badge{top:142px;left:15px;font-size:12px}.family-badge{left:auto;right:15px}.school-overlay{align-items:flex-end;padding:9px 7px max(9px,env(safe-area-inset-bottom))}.school-sheet{width:100%;max-height:calc(100dvh - 35px);border-radius:24px}.school-sheet>header{padding:17px}.school-sheet h2{font-size:25px}.school-content{padding:17px}.drawing-paper canvas{max-height:50dvh;min-height:235px}.lesson-cards{grid-template-columns:1fr;gap:11px}.lesson-cards>button{display:grid;grid-template-columns:55px 1fr;gap:8px 17px;padding:16px}.lesson-cards>button>span{grid-row:span 2;align-self:center;font-size:35px}.lesson-cards strong{font-size:21px}.journal-grid{grid-template-columns:repeat(2,1fr);gap:12px}.notebook-tools{gap:7px}.notebook-tools>button{font-size:12px}.pencils{width:100%;justify-content:center;margin-bottom:6px}.pencils>button{width:37px}.art-bottom>span{flex-basis:100%}.voice-hold{bottom:max(22px,env(safe-area-inset-bottom));font-size:15px;max-width:49vw}.school-choices{gap:8px}.school-choices .btn{font-size:13px}.writing-actions .btn{font-size:13px}.school-content textarea{font-size:21px}.family-person{padding:9px 12px}#title .card{padding:8px 7px}#title .card b{font-size:16px}#title .card small{font-size:10px}}
@media(max-width:650px) and (orientation:landscape){.school-nav{top:72px;right:12px;left:auto;transform:none}.school-sheet{max-height:calc(100dvh - 12px)}.school-overlay{padding:6px}.school-sheet>header{padding:10px 16px}.school-sheet h2{font-size:23px}.school-content{padding:12px 16px}.drawing-paper canvas{max-height:42dvh}.back-outside{top:75px;left:12px}.lesson-cards{gap:9px}.lesson-cards>button{padding:12px}.lesson-cards strong{font-size:17px}.lesson-cards small{font-size:11px}.journal-grid{grid-template-columns:repeat(4,1fr)}#title .logo{font-size:45px}#title .card{padding:5px}.voice-hold{bottom:15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#school-ui *{animation:none!important;transition:none!important}}

.remote-label{max-width:270px;white-space:normal;word-break:break-word}.family-link{margin-top:18px}.school-content input{color:#785472;background:#FFFCF5}

.voice-hold.mic-in-sheet{position:static;transform:none;box-shadow:none;min-height:44px;white-space:nowrap;padding:7px 13px;font-size:14px;background:#EEE4ED}.voice-hold.mic-in-sheet.talking{background:#AED4BB}.school-sheet>header>div{flex:1;min-width:0}

.drawing-paper{max-width:min(100%,84dvh);width:100%;margin-inline:auto}.drawing-paper canvas{width:100%;height:auto;min-height:0;max-height:none;object-fit:fill}.pencils{flex-wrap:wrap}.pencils>button{width:44px;min-width:44px}@media(orientation:portrait){.drawing-paper{max-width:min(100%,73dvh)}.pencils{justify-content:flex-start}}@media(max-width:650px) and (orientation:landscape){.drawing-paper{max-width:min(100%,62dvh)}}@media(max-width:600px) and (orientation:portrait){.school-nav>button{flex-direction:column;gap:2px;min-width:57px;padding:5px 7px;font-size:11px}.school-nav span{font-size:20px}.voice-hold:not(.mic-in-sheet){bottom:164px;font-size:13px;padding:8px 12px}.school-sheet h2{font-size:21px}.school-content textarea{font-size:20px}.pencils>button{width:39px;min-width:39px}}

.journal-grid article img{display:block;width:100%;height:auto;aspect-ratio:350/240;object-fit:contain;background:#FFFCF2;border-radius:8px}

.export-preview{text-align:center}.export-preview>img{display:block;max-width:100%;max-height:58dvh;margin:0 auto 18px;background:#FFFCF2;border:1px solid #E0D0C1;border-radius:10px}.export-preview>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.export-preview a{display:inline-flex;align-items:center;min-height:46px;text-decoration:none;touch-action:manipulation}