/* Learning Play: colour has a role; the task and the learner's answer stay on white.
   This layer changes paint only. Reader sizing, scroll, ruby and maths remain owned
   by the existing learning styles. */
body.hayato-body{background:#fffaf0!important;color:#21312b;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,system-ui,sans-serif;}
body.hayato-body #hayato-root{--bg:#fffaf0;--panel:#fff;--ink:#21312b;--muted:#59675d;--line:#dedfce;--blue:#3355dd;--cyan:#3355dd;--read-ink:#21312b;--read-muted:#59675d;--radius:22px;color:#21312b;}
body.hayato-body #hayato-root .hayato-header{background:#fffaf0;border-bottom-color:#e3decc;}
body.hayato-body #hayato-root .hayato-brand{color:#21312b;}
body.hayato-body #hayato-root .hayato-brand small{color:#59675d;}
body.hayato-body #hayato-root .hayato-brand img{background:#fff;border-radius:14px;box-shadow:3px 3px 0 #ffda62;}
body.hayato-body #hayato-root :is(.new-chat-button,.account-entry){background:#fff;border-color:#d9decc;border-radius:15px;box-shadow:none;}
body.hayato-body #hayato-root .new-chat-button{color:#3355dd;border-color:#bdc8f4;}
body.hayato-body #hayato-root .account-entry :is(span,small){color:#46584c;}
body.hayato-body #hayato-root :is(.unread-badge,.desk-count-badge){background:#ffda62;color:#21312b;}

/* A warm companion panel, with real steps rather than decorative rewards. */
body.hayato-body #hayato-root .hayato-presence,
body.hayato-body #hayato-root:not(.layout-reflow) .hayato-presence{--read-ink:#21312b;--read-muted:#566347;background:#fff4cd;border-color:transparent;border-radius:24px;box-shadow:none;}
body.hayato-body #hayato-root .hayato-presence :is(.presence-identity h1,.presence-intro,.presence-bottom p,.studio-guide b,.studio-guide small,.presence-caption .eyebrow,.studio-guide>.eyebrow){color:#344734;}
body.hayato-body #hayato-root .hayato-presence .presence-identity h1{color:#21312b;font-weight:750;}
body.hayato-body #hayato-root .hayato-presence .presence-status{color:#175d53;}
body.hayato-body #hayato-root .hayato-presence .presence-status::before{background:#19766b;box-shadow:none;}
body.hayato-body #hayato-root .hayato-presence .presence-context{background:#fff8dd;border-color:transparent;border-radius:16px;box-shadow:none;}
body.hayato-body #hayato-root .hayato-presence .presence-context :is(p,small,.eyebrow){color:#465537;}
body.hayato-body #hayato-root .hayato-presence .studio-guide{border-color:#dacb88;}
body.hayato-body #hayato-root .hayato-presence .studio-guide li>span{background:#fff;color:#3355dd;border-color:transparent;border-radius:50%;font-weight:750;}
body.hayato-body #hayato-root .hayato-presence .studio-small-mark{color:#9c3f2d;}
body.hayato-body #hayato-root .studio-symbol{background:#fff;border-color:#e2cc86;border-radius:20px;box-shadow:4px 4px 0 #ff8e78;}
body.hayato-body #hayato-root .hayato-presence .cinema-presence{border-color:#e2cc86;border-radius:18px;}
body.hayato-body #hayato-root .cinema-presence{flex:none;}

/* Today's action is the strongest accent. The optional menu stays quieter. */
body.hayato-body #hayato-root .learning-desk{background:#fff;border-color:transparent;border-radius:23px;box-shadow:0 5px 20px #5d572311;}
body.hayato-body #hayato-root .learning-desk>details:first-child>summary{background:#ffda62;color:#21312b;}
body.hayato-body #hayato-root .learning-desk :is(.desk-label,#hayato-desk-title,.desk-chevron){color:#21312b;}
body.hayato-body #hayato-root .learning-desk .desk-body{background:#fff;}
body.hayato-body #hayato-root :is(.desk-body>p,.desk-note,#hayato-desk-save-status){color:#526148;}
body.hayato-body #hayato-root .desk-counts>span{background:#fff7da;border-color:transparent;color:#526148;border-radius:9px;}
body.hayato-body #hayato-root .learning-menu>summary{background:#fffaf0;color:#175d53;border-color:#e4dfcf;}
body.hayato-body #hayato-root .desk-shortcuts{background:#fffaf0;border-top-color:#e7e2d3;}
body.hayato-body #hayato-root .desk-shortcuts button{background:#fff;color:#415344;border-color:transparent;border-radius:12px;box-shadow:none;}
body.hayato-body #hayato-root .desk-shortcuts button:hover:not(:disabled){background:#fff0b5;color:#21312b;border-color:#e8d684;}
body.hayato-body #hayato-root .desk-shortcuts button[aria-current="page"]{background:#ffda62;color:#21312b;border-color:transparent;}
body.hayato-body #hayato-root .desk-shortcuts button[data-desk-action="pause_learning"]{background:#e4f2e9;color:#175d53;border-color:transparent;}
body.hayato-body #hayato-root .desk-experience{border-top-color:#e8e2cf;}
body.hayato-body #hayato-root .desk-experience :is(p,b,small){color:#526148;}
body.hayato-body #hayato-root .desk-experience a{background:#fff5d2;color:#2443b4;border-color:transparent;border-radius:12px;}
body.hayato-body #hayato-root :is(button.primary-button,.primary-button,.send-button){background:#3355dd;color:#fff;border-color:#3355dd;border-radius:14px;box-shadow:0 3px 0 #243ca0;font-weight:700;}
body.hayato-body #hayato-root :is(button.primary-button,.primary-button,.send-button):hover:not(:disabled){background:#2947c5;color:#fff;border-color:#2947c5;}

/* One white reading sheet. Inner explanations use space and soft colour. */
body.hayato-body #hayato-root .work-card{background:#fff;color:#21312b;border-color:#e6e5d8;border-top-color:#ffda62;border-radius:24px;box-shadow:0 7px 24px #5d57230c;}
body.hayato-body #hayato-root :is(.question-card,.diagnosis-card){border-top-color:#3355dd;}
body.hayato-body #hayato-root :is(.progress-card,.history-card,.review-card,.learning_pause-card,.practice_pause-card){border-top-color:#19766b;}
body.hayato-body #hayato-root :is(.clarification-card,.voice_answer-card){border-top-color:#ff8e78;}
body.hayato-body #hayato-root .work-card :is(h3,h4){color:#21312b;}
body.hayato-body #hayato-root .work-card h3{font-weight:750;letter-spacing:.01em;}
body.hayato-body #hayato-root .work-card :is(p,li,label,pre){color:#34493c;}
body.hayato-body #hayato-root .work-card .card-note{color:#59675d!important;}
body.hayato-body #hayato-root .work-card .card-kicker{background:#e5f2eb;color:#175d53;border-radius:7px;letter-spacing:.04em;}
body.hayato-body #hayato-root .work-card .question-prompt{background:#fff;color:#21312b!important;border-color:transparent;border-left-color:#3355dd;border-radius:0;box-shadow:none;}
body.hayato-body #hayato-root .question-retrieval-note{background:#fafbf5;border-color:transparent;border-radius:15px;}
body.hayato-body #hayato-root .work-card :is(textarea,input:not([type=radio]):not([type=checkbox]),select){background:#fff;color:#21312b;border-color:#a8b7a3;border-radius:13px;box-shadow:none;caret-color:#3355dd;}
body.hayato-body #hayato-root .work-card :is(textarea,input,select)::placeholder{color:#65705f;opacity:1;}
body.hayato-body #hayato-root .work-card :is(textarea,input,select):focus{border-color:#3355dd;}
body.hayato-body #hayato-root .work-card .answer-option{background:#fff;border-color:#ced6c4;border-radius:15px;}
body.hayato-body #hayato-root .work-card .answer-option:has(input:checked){background:#fff2b9;border-color:#3355dd;box-shadow:0 0 0 1px #3355dd;}
body.hayato-body #hayato-root .work-card :is(input[type=radio],input[type=checkbox]){accent-color:#3355dd;}
body.hayato-body #hayato-root :is(.question-hint>summary,.practice-checks>summary,.practice-comparison>summary,.workspace-resources>summary,.practice-selection-preview>summary,.practice-preview-materials>summary){color:#175d53;background:#f6f9ef;border-color:transparent;border-radius:12px;}
body.hayato-body #hayato-root .work-card :is(.question-tools button,.feature-link,.learning-step-choices button,.learning-step-input button){color:#2443b4;background:#f0f3ff;border-color:transparent;border-radius:13px;box-shadow:none;}
body.hayato-body #hayato-root .work-card :is(.question-tools button,.feature-link,.learning-step-choices button,.learning-step-input button):hover:not(:disabled){background:#e3e9ff;border-color:#bdc8f4;}
body.hayato-body #hayato-root :is(.learning-step-status,.topic-meta span,.progress-fact){background:#f6f8ef;color:#41563c;border-color:transparent;border-radius:12px;}
body.hayato-body #hayato-root .progress-fact :is(b,small){color:#175d53;}
body.hayato-body #hayato-root :is(.learning-step-example,.learning-pause-evidence,.learning-pause-saved,.practice-outcome){background:#fafbf5;border-color:transparent;border-radius:15px;}
body.hayato-body #hayato-root :is(.learning-step-example pre,.practice-material){background:#fff;color:#21312b;border-color:#e1e6d6;box-shadow:none;}
body.hayato-body #hayato-root :is(.learning-step-next,.practice-next-fix){background:#fff4c9;color:#4e4620;border-color:transparent;border-left-color:#ff8e78;border-radius:0 15px 15px 0;}
body.hayato-body #hayato-root :is(.practice-next-fix h4,.practice-next-fix>b,.practice-next-fix p){color:#4e4620;}
body.hayato-body #hayato-root :is(.practice-signal,.practice-save-confirmation){background:#e5f3eb;color:#175d53;border-color:transparent;border-radius:15px;}
body.hayato-body #hayato-root :is(.practice-signal .card-note,.practice-signal .point-list){color:#175d53!important;}
body.hayato-body #hayato-root .practice-cycle li{background:#f5f7ef;color:#59675d;border-color:transparent;border-radius:14px;}
body.hayato-body #hayato-root .practice-cycle li[data-active="true"]{background:#fff0b5;color:#21312b;border-color:transparent;}
body.hayato-body #hayato-root .practice-cycle-number{background:#e7ecdf;color:#43583c;}
body.hayato-body #hayato-root .practice-cycle li[data-active="true"] .practice-cycle-number{background:#3355dd;color:#fff;}
body.hayato-body #hayato-root .practice-review-date{background:#f4f7ec;color:#526148;}
body.hayato-body #hayato-root .work-card .list-item{background:#fafbf5;border-color:transparent;border-radius:16px;}

/* Prepared choices stay inviting without turning each line into another box. */
body.hayato-body #hayato-root .practice-catalog-v368 .practice-selection-filters{background:#fff5d2;border-color:transparent;border-radius:18px;}
body.hayato-body #hayato-root .practice-selection-field label{color:#4e4620;font-weight:650;}
body.hayato-body #hayato-root .practice-catalog-v368 .practice-catalog-choice{background:#fff;border-color:#e4e7d8;border-radius:20px;box-shadow:none;}
body.hayato-body #hayato-root .practice-catalog-v368 .practice-catalog-choice>h4{color:#21312b;}
body.hayato-body #hayato-root .practice-selection-meta span{background:#fff0b5;color:#5b4b17;border-radius:7px;}
body.hayato-body #hayato-root .practice-selection-assessment{background:#edf5ef;color:#175d53;border-left-color:#19766b;border-radius:0 12px 12px 0;}
body.hayato-body #hayato-root .practice-preview-body :is(h4,p,li){color:#34493c;}
body.hayato-body #hayato-root .practice-selection-empty{background:#fff5d2;color:#4e4620;border-color:transparent;border-radius:16px;}
body.hayato-body #hayato-root .practice-preview-materials section{border-color:#e1e6d6;}

/* The conversation is distinct from the answer sheet. */
body.hayato-body #hayato-root .message.user{background:#fff0b5;border-color:transparent;color:#21312b;border-radius:20px 20px 5px 20px;}
body.hayato-body #hayato-root .message.user .message-text{color:#34412c;}
body.hayato-body #hayato-root .message.assistant .message-avatar{background:#fff0b5;border-color:transparent;}
body.hayato-body #hayato-root .message.assistant .message-label{color:#175d53;}
body.hayato-body #hayato-root .conversation-history>summary{background:transparent;color:#59675d;border-color:#e1e3d4;}
body.hayato-body #hayato-root .conversation-bottom{background:#fffaf0;}
body.hayato-body #hayato-root .hayato-composer{background:#fff;border-color:#a8b7a3;border-radius:21px;box-shadow:0 4px 0 #f4dc7b;}
body.hayato-body #hayato-root .hayato-composer:focus-within{border-color:#3355dd;box-shadow:0 0 0 3px #e3e9ff,0 4px 0 #f4dc7b;}
body.hayato-body #hayato-root .hayato-composer textarea{background:transparent;color:#21312b;}
body.hayato-body #hayato-root .hayato-composer textarea::placeholder{color:#65705f;}
body.hayato-body #hayato-root .composer-actions .voice-start{background:#fff4c9;color:#5b4b17;border-radius:12px;}
body.hayato-body #hayato-root .composer-foot{color:#59675d;}
body.hayato-body #hayato-root .welcome-heading h2{color:#21312b;}
body.hayato-body #hayato-root .welcome-heading h2 span{color:#3355dd;}
body.hayato-body #hayato-root .welcome-pill{background:#fff0b5;color:#5b4b17;border-color:transparent;border-radius:10px;}
body.hayato-body #hayato-root .welcome-starters button{background:#fff;border-color:#dedfce;border-radius:20px;box-shadow:0 4px 0 #efe5c4;}
body.hayato-body #hayato-root .welcome-starters .starter-icon{background:#fff0b5;color:#2443b4;border-color:transparent;border-radius:14px;}
body.hayato-body #hayato-root .welcome-starters button:nth-child(2) .starter-icon{background:#ffe4dc;color:#8b3c2b;}
body.hayato-body #hayato-root .welcome-starters :is(b,small){color:#34493c;}
body.hayato-body #hayato-root .welcome-starters .starter-arrow{color:#3355dd;}
body.hayato-body #hayato-root .welcome-reassurance{color:#59675d;}
body.hayato-body #hayato-root :is(button,a,input,textarea,select,summary):focus-visible{outline-color:#19766b;}
/* Decorative media controls share the learning palette, including the earliest
   important layer used by the media component's accessible foreground. */
@layer manabiLightV361{
 body.hayato-body #hayato-root .cinema-scene-v368 .cinema-motion-toggle{background:#ffda62!important;color:#21312b!important;-webkit-text-fill-color:#21312b!important;border-color:#c4a437!important;}
 @media(forced-colors:active){body.hayato-body #hayato-root .cinema-scene-v368 .cinema-motion-toggle{background:ButtonFace!important;color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;border-color:ButtonText!important;}}
}
@media(max-width:850px){body.hayato-body #hayato-root .hayato-presence .cinema-presence{display:none;}}
@media(forced-colors:active){
 body.hayato-body{background:Canvas!important;color:CanvasText;}
 body.hayato-body #hayato-root{--bg:Canvas;--panel:Canvas;--ink:CanvasText;--read-ink:CanvasText;--read-muted:CanvasText;--line:CanvasText;color:CanvasText;}
 body.hayato-body #hayato-root :is(.hayato-presence,.presence-context,.learning-desk,.desk-body,.desk-shortcuts,.work-card,.question-prompt,.practice-signal,.practice-next-fix,.practice-cycle li,.practice-catalog-choice,.practice-selection-filters,.message.user,.hayato-composer,.conversation-bottom){background:Canvas!important;color:CanvasText!important;border-color:CanvasText;box-shadow:none;}
 body.hayato-body #hayato-root :is(h1,h2,h3,h4,p,li,label,small,summary,.card-note,.presence-status,.desk-label,#hayato-desk-title){color:CanvasText!important;}
 body.hayato-body #hayato-root :is(button,a,input,textarea,select){color:ButtonText;background:ButtonFace;border-color:ButtonText;box-shadow:none;}
 body.hayato-body #hayato-root :is(button.primary-button,.primary-button,.send-button,.practice-cycle li[data-active="true"] .practice-cycle-number){color:HighlightText;background:Highlight;border-color:Highlight;box-shadow:none;}
 body.hayato-body #hayato-root :is(button,a,input,textarea,select,summary):focus-visible{outline-color:Highlight;}
}