@font-face{font-family:TutorUI;src:url('/flash/fonts/DMSans.ttf');font-weight:100 1000}
body.tutor-app{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.tutor-app input,.tutor-app textarea{-webkit-user-select:text;user-select:text}
.tutor-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;min-height:54px;padding:5px 16px;background:#0d192c;color:#f9f5e8;font:600 13px/1.2 TutorUI,Arial,sans-serif;box-shadow:0 2px 8px #0d192c15}
.tutor-bar a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;white-space:nowrap;border-radius:9px}.tutor-bar .tutor-home{font-size:20px;gap:8px;padding-inline:10px;background:#ffffff0d}.tutor-home span{font-size:13px}.tutor-bar nav{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;min-width:0}.tutor-bar nav a[aria-current]{background:#f2cf75;color:#152239}
.tutor-options{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.tutor-options button{font:600 11px TutorUI,Arial,sans-serif;min-height:40px;padding:8px 12px;border:1px solid #627086;border-radius:9px;background:transparent;color:#f9f5e8;white-space:nowrap;display:flex;gap:6px;align-items:center}.tutor-options button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.tutor-app>.header,.tutor-app .intro,.tutor-app footer,.tutor-app .keyboard-tip{display:none!important}.tutor-app:not([data-tutor-tool]) .welcome,.tutor-app:not([data-tutor-tool]) .section-head,.tutor-app:not([data-tutor-tool]) .together{display:none}.tutor-app:not([data-tutor-tool]) main{padding-top:24px;padding-bottom:24px}.tutor-app:not([data-tutor-tool]) .tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tutor-app .modes{padding:9px 0;margin:0 0 12px;gap:6px}.tutor-app .modes button{min-height:44px;padding:10px 18px}.tutor-app [hidden]{display:none!important}
.tutor-app dialog{font-family:TutorUI,Arial,sans-serif;max-height:85dvh;overflow:auto;touch-action:none}.tutor-app dialog select{min-height:48px;width:100%;margin:12px 0;padding:12px;font:inherit;border:1px solid #b9c5b5;border-radius:9px;background:#fffdf7;color:#263f39}.tutor-app dialog h2{font-size:26px;margin:0 0 24px}.tutor-app dialog p{font-size:13px;line-height:1.7}.tutor-app dialog label{font-size:14px;font-weight:700}
.parent-close{float:right;border:0;background:#e8ecdf;color:#263f39;border-radius:50%;height:40px;width:40px;font-size:26px}.parent-done{min-height:46px;background:#2e6454;border:0;border-radius:10px;padding:12px 28px;color:white;font:inherit}
.tutor-app #slide-parent-dialog{width:min(480px,calc(100% - 28px));padding:28px;border:1px solid #c8d1bf;border-radius:20px;background:#f6f4ed;color:#263f39;box-shadow:0 20px 90px #15223945}.tutor-app #slide-parent-dialog::backdrop{background:#15223999}
[data-tutor-tool="little-words"] .workspace,[data-tutor-tool="slides"] .workspace{display:block}[data-tutor-tool="little-words"] .sidebar,[data-tutor-tool="slides"] .workspace>aside{display:none}[data-tutor-tool="little-words"] .word-filter{margin:0 0 12px}[data-tutor-tool="little-words"] .word-filter p{display:none}[data-tutor-tool="little-words"] .practice-top{margin-bottom:10px}
[data-tutor-tool="little-words"] .word-card{min-height:clamp(290px,57dvh,460px)}[data-tutor-tool="little-words"] .word{font-size:clamp(75px,12vw,160px);padding:65px 10px;max-width:calc(100% - 180px)}[data-tutor-tool="little-words"] .word.long{font-size:clamp(35px,6vw,90px)}[data-tutor-tool="little-words"] .card-next{left:88px;right:88px;width:calc(100% - 176px)}[data-tutor-tool="little-words"] .star-word{right:105px;z-index:6}[data-tutor-tool="little-words"] .card-bottom{font-size:11px;gap:10px}
[data-tutor-tool="little-words"] .practice-actions #back,[data-tutor-tool="little-words"] .practice-actions #next,[data-tutor-tool="little-words"] .practice-actions #hear{display:none}[data-tutor-tool="little-words"] .practice-actions{margin-top:10px}[data-tutor-tool="little-words"] .message:empty{display:none}[data-tutor-tool="little-words"] .space-map{margin-top:25px}
.tutor-app .card-nav{position:absolute;top:0;bottom:0;width:88px;min-height:100%;z-index:5;border:0;border-radius:0;background:#b5c7b53d;color:#486a58;display:grid;place-items:center;touch-action:none;box-shadow:none}.tutor-app .card-nav span{font:500 40px TutorUI,Arial,sans-serif;pointer-events:none}.tutor-app .card-previous{left:0;border-right:1px solid #8da58d30;background:#c8d4c846}.tutor-app .card-next.card-nav{left:auto;right:0;border-left:1px solid #8da58d30;background:#a0b99c42}.tutor-app .card-nav:active{background:#9cb79390}
[data-tutor-tool="slides"] .controls{margin:0 0 12px;gap:16px;align-items:center}[data-tutor-tool="slides"] .controls label{display:inline-block;margin:0 9px 0 0}[data-tutor-tool="slides"] .controls-note{display:none}[data-tutor-tool="slides"] .stage-heading{margin-bottom:8px}[data-tutor-tool="slides"] #stage-label{visibility:hidden}[data-tutor-tool="slides"] .stage{position:relative;padding:10px 96px;min-height:0}[data-tutor-tool="slides"] .stage-top,[data-tutor-tool="slides"] .stage-hint{display:none}[data-tutor-tool="slides"] .writing-board{height:50dvh;max-height:440px;min-height:270px;overflow:visible}[data-tutor-tool="slides"] .actions{margin-top:12px;justify-content:center}[data-tutor-tool="slides"] .actions #previous,[data-tutor-tool="slides"] .actions #next{display:none}[data-tutor-tool="slides"] .progress-row{margin-top:12px}[data-tutor-tool="slides"] .feedback{margin:5px 0;min-height:0}[data-tutor-tool="slides"] .choose{margin-top:20px}
[data-tutor-tool="slides"] .active-stroke>.letter-channel{stroke:#e8b27a;opacity:.44}[data-tutor-tool="slides"] .active-guide{stroke:#e98427;stroke-width:2.8;stroke-dasharray:1 5;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff9d25) drop-shadow(0 0 5px #ffb54d)}[data-tutor-tool="slides"] .sound-board{padding:14px 0 0;max-width:none}[data-tutor-tool="slides"] .sound-letters{padding:0}[data-tutor-tool="slides"] .sound-letters span{font-size:clamp(65px,10vw,112px)}[data-tutor-tool="slides"] .sound-track{height:140px;overflow:visible;touch-action:none}[data-tutor-tool="slides"] .track-labels{display:none}
[data-tutor-tool="time"] main{padding:8px 20px 16px;position:relative}[data-tutor-tool="time"] .day-label,[data-tutor-tool="time"] .time-reading,[data-tutor-tool="time"] .feedback{display:none}[data-tutor-tool="time"] .clock-wrap{width:min(585px,calc(100vw - 40px),70.5dvh);min-width:0}[data-tutor-tool="time"] .clock-section{width:100%;margin:0 auto}[data-tutor-tool="time"] .digital-row{position:relative;justify-content:center;gap:0;margin:8px auto 0}
[data-tutor-tool="time"] .digital{background:#fffcf0;border:4px solid #c4cdb5;outline:1px solid #f3f4e7;box-shadow:inset 0 0 0 2px #e2e5d4,0 4px 10px #143d3420;border-radius:18px;padding:9px 22px;gap:12px;font-size:46px;letter-spacing:-1px;min-width:225px;justify-content:center}[data-tutor-tool="time"] .digital-hour{color:var(--hour)}[data-tutor-tool="time"] .digital-minute{color:var(--minute)}[data-tutor-tool="time"] .digital-colon{color:#6d8072}[data-tutor-tool="time"] .digital-period{color:#365448;font-size:13px}[data-tutor-tool="time"] .digital-row>.hear{position:absolute;left:calc(100% + 12px);background:#fffcf0bf;color:#365448;width:42px;height:42px}[data-tutor-tool="time"] .voice-style{margin:12px 0 0;min-height:42px;border:1px solid #c4cdb5;border-radius:22px;padding:9px 20px;background:#fffcf0e8;color:#365448;font:600 12px TutorUI,Arial,sans-serif}[data-tutor-tool="time"] .hour-hand .hand-point{fill:var(--hour)}[data-tutor-tool="time"] .minute-hand .hand-point{fill:var(--minute)}[data-tutor-tool="time"] .hand-point{pointer-events:none}
[data-tutor-tool="flash"] .flash-card,[data-tutor-tool="flash"] .flash-card.has-aid{height:430px;min-height:430px;padding:20px;gap:10px}[data-tutor-tool="flash"] .flash-card .problem{grid-template-rows:100px 100px 4px 75px;font-size:80px;gap:10px 14px}[data-tutor-tool="flash"] .flash-card.has-aid .problem{font-size:74px}[data-tutor-tool="flash"] .flash-card .bolts{grid-template-columns:repeat(5,24px);gap:3px}[data-tutor-tool="flash"] .flash-card .bolts .bolt{width:24px;height:32px}[data-tutor-tool="flash"] .practice-layout{margin-top:16px}[data-tutor-tool="calendar"] main{padding-top:16px}
@media(min-width:950px){[data-tutor-tool="time"] .settings{position:absolute;right:24px;left:auto;top:90px;width:225px;padding:16px 13px}[data-tutor-tool="time"] .step-row{display:block;text-align:center}[data-tutor-tool="time"] .setting-label{display:block;margin-bottom:12px}[data-tutor-tool="time"] .step-buttons{gap:3px}[data-tutor-tool="time"] .step-buttons button{min-width:0;flex:1}[data-tutor-tool="time"] .step-buttons span{display:block}[data-tutor-tool="time"] .adjustments{flex-direction:column;gap:10px}[data-tutor-tool="time"] .adjustments>div{width:100%;justify-content:flex-end}[data-tutor-tool="time"] .adjustments span:not(.divider){margin-right:auto}[data-tutor-tool="time"] .divider{width:100%;height:1px}[data-tutor-tool="time"] .presets{position:absolute;right:24px;top:335px;width:225px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fffcf080;padding:12px;border-radius:13px}}
@media(max-width:800px){.tutor-bar{gap:5px;padding-inline:6px}.tutor-bar a{padding:0 10px;font-size:11px}.tutor-home span{display:none}.tutor-options button{font-size:10px;padding:6px 8px}.tutor-app:not([data-tutor-tool]) .tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tutor-app .card-nav{width:62px}.tutor-app .card-nav span{font-size:30px}[data-tutor-tool="little-words"] .card-next{left:62px;right:62px;width:calc(100% - 124px)}[data-tutor-tool="little-words"] .star-word{right:72px}[data-tutor-tool="little-words"] .word{padding-inline:15px;max-width:calc(100% - 130px)}[data-tutor-tool="slides"] .stage{padding-inline:70px}[data-tutor-tool="slides"] .controls{flex-wrap:wrap}[data-tutor-tool="time"] .settings{margin-top:20px}[data-tutor-tool="time"] .clock-wrap{width:min(585px,calc(100vw - 25px),62dvh)}[data-tutor-tool="time"] .presets{margin-top:12px}.tutor-options #motion{display:none}}
.tutor-brand-tile{display:grid;place-items:center;border:1px solid #e2e5df;border-radius:19px;overflow:hidden;background:#fcfbf7}.tutor-logo-window{position:relative;width:100%;height:140px;overflow:hidden}.tutor-logo-window img{position:absolute;width:350px;height:350px;max-width:none;top:-103px;left:50%;transform:translateX(-50%);mix-blend-mode:multiply}
[data-tutor-tool="time"] .digital-row{margin-top:6px}[data-tutor-tool="time"] .voice-style{margin-top:6px}
@media(max-height:620px){[data-tutor-tool="time"] .digital{font-size:38px;padding:7px 20px}[data-tutor-tool="time"] .voice-style{min-height:38px;font-size:11px}}

/* Tutor Halo: original logo before Home, studio link at the right edge. */
.tutor-bar .tutor-brand{position:relative;flex:0 0 145px;width:145px;height:46px;min-height:46px;padding:0;overflow:hidden;background:#fff;border-radius:9px}
.tutor-brand img{position:absolute;width:130px;height:130px;max-width:none;left:7px;top:-40px;pointer-events:none}
.tutor-bar>.studio-link{margin-left:4px;font-size:12px;flex-shrink:0}
@media(max-width:800px){.tutor-bar{flex-wrap:wrap;column-gap:5px;row-gap:3px}.tutor-bar .tutor-brand{flex-basis:104px;width:104px;height:42px;min-height:42px}.tutor-brand img{width:110px;height:110px;left:-3px;top:-35px}.tutor-bar>.studio-link{order:3;margin-left:auto;font-size:11px}.tutor-bar nav{order:4;flex:1 1 150px}.tutor-options{order:5;margin-left:0}.tutor-options:empty{display:none}.tutor-bar .tutor-home{flex-shrink:0}}