/* Automous Tutor V0.01 — kid-facing UI, original customizable robot rig */
body.shell-mode.tutor-kids{--ui-bg:#e8f6fa!important;--ui-panel:#ffffff!important;--ui-panel2:#edf8fb!important;--ui-text:#173d67!important;--ui-muted:#597a93!important;--ui-border:#c9e5ef!important;background:#e9f6fb!important;color:#123656!important;padding:0 12px 100px!important}
body.tutor-kids #app{max-width:600px!important;gap:0!important;padding-top:0!important}
body.tutor-kids .top{padding:18px 13px 12px!important;background:linear-gradient(130deg,#167cb1,#26c7cc)!important;margin:0 -12px;box-shadow:0 5px 20px #126b9760;position:relative;z-index:2}
body.tutor-kids .top .logo{font-size:24px!important;color:white!important;letter-spacing:.055em}body.tutor-kids .top .logo em{color:#86fff2}body.tutor-kids .top .logo small{color:#dcfcff!important;letter-spacing:.3em}
body.tutor-kids .top .edition{font-size:0!important}body.tutor-kids .top .edition:after{content:'V0.01  •  SUPERVISED PILOT';font-size:10px;color:white;letter-spacing:.04em}
body.tutor-kids .ai-home{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#d1f1fd 0%,#e7f6f9 45%,#fff9eb 100%);border-radius:0 0 26px 26px;padding:0 12px 22px;overflow:visible;min-height:600px}
body.tutor-kids .ai-home:before{content:'';position:absolute;inset:0 0 auto;height:385px;pointer-events:none;opacity:.65;background:radial-gradient(circle at 89% 15%,#fff5bd 0 45px,transparent 47px),linear-gradient(90deg,transparent 75%,#ffffff7d 75% 76%,transparent 76% 87%,#ffffff9b 87% 88%,transparent 88%),linear-gradient(transparent 74%,#dbb98190 74% 77%,transparent 77%);border-radius:0 0 30px 30px}
body.tutor-kids .ai-headline{order:1;display:none!important}
body.tutor-kids .kid-intro{order:2;z-index:1;text-align:center;padding:13px 0 0}
body.tutor-kids .kid-greeting{background:#ffffffed;border:3px solid #8ce6ef;box-shadow:0 5px 0 #66bfd1,0 8px 20px #3b9aa32a;border-radius:25px;padding:10px 12px;color:#1060b7;font-size:clamp(24px,6vw,33px);font-weight:900;line-height:1.12}
body.tutor-kids .kid-greeting small{display:block;margin:6px auto 0;font-size:clamp(17px,4vw,22px);font-weight:800;max-width:320px;line-height:1.25;color:#194b88}
body.tutor-kids #ai-face-slot{order:3;position:relative;z-index:1}
body.tutor-kids .stage{margin:6px auto 4px;height:290px!important;min-height:290px!important;max-height:290px!important;width:100%;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.tutor-kids .stage:before{content:'ABC       123';position:absolute;inset:12px 3% 65px;border-radius:15px;background:linear-gradient(140deg,#23666dbd,#214d65d2);border:9px solid #b88c5d;box-shadow:0 9px 15px #235f6333;display:flex;align-items:flex-start;justify-content:center;padding-top:22px;color:#dbffed;font-weight:800;letter-spacing:.7em;font-size:13px}
body.tutor-kids .stage:after{content:'📚       ✏️        🌎';position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:27px;opacity:.8;pointer-events:none}
body.tutor-kids .stage canvas{position:relative;z-index:1}
body.tutor-kids .stage .stage-top,body.tutor-kids .stage .stage-bottom{display:none!important}
body.tutor-kids .kid-actions{order:4;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:5px 0 10px}
body.tutor-kids .kid-action{border:0;border-radius:25px;padding:13px 6px 14px;color:white;min-height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-shadow:0 2px 2px #0d32734f;box-shadow:inset 0 3px 0 #ffffff96,0 7px 0 #184bb5,0 12px 18px #244b8960;font:inherit;cursor:pointer;touch-action:manipulation}
body.tutor-kids .kid-action:active{transform:translateY(4px);box-shadow:0 3px 0 #184bb5}
body.tutor-kids .kid-talk{background:linear-gradient(160deg,#14c8ff,#1168e4);border:3px solid #62eaff}
body.tutor-kids .kid-picture{background:linear-gradient(160deg,#b346f8,#7124dc);border:3px solid #e3aaff;box-shadow:inset 0 3px 0 #ffffff96,0 7px 0 #5420a4,0 12px 18px #54418b60}
body.tutor-kids .kid-big-icon{font-size:40px;line-height:1.15}body.tutor-kids .kid-action strong{font-size:clamp(28px,7vw,36px);line-height:1.06}body.tutor-kids .kid-action small{font-size:12px;font-weight:750;line-height:1.2;max-width:130px}
body.tutor-kids .kid-safety-note{order:5;text-align:center;color:#17507b;background:#fff9e8;border-radius:14px;padding:9px;font-weight:800;font-size:14px}
body.tutor-kids .kid-picture-panel{order:6;z-index:3;background:white;padding:16px;margin:12px 0;border-radius:20px;border:2px solid #75d9e6;box-shadow:0 8px 22px #376e8530;color:#19416a}
body.tutor-kids .kid-picture-panel[hidden]{display:none!important}body.tutor-kids .kid-panel-top{display:flex;justify-content:space-between;align-items:center;font-size:20px}body.tutor-kids #kid-picture-close{border:0;background:#e5f4ff;color:#165083;border-radius:100px;width:36px;height:36px;font-size:19px}
body.tutor-kids .kid-capture-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}body.tutor-kids .kid-capture-options label{padding:13px 7px;text-align:center;border-radius:12px;font-weight:800;color:white;background:#1779d9;cursor:pointer}body.tutor-kids .kid-capture-options .kid-choose{background:#8749d9}body.tutor-kids #kid-photo-preview{display:block;max-width:100%;max-height:300px;margin:12px auto;border-radius:12px}body.tutor-kids #kid-photo-preview[hidden]{display:none}body.tutor-kids .kid-analyze{width:100%;margin-top:12px;background:#008b82;border:0;border-radius:14px;color:white;font-size:18px;font-weight:800;padding:15px}body.tutor-kids #kid-photo-status{font-size:13px;line-height:1.5}
body.tutor-kids .ai-quick-lab,body.tutor-kids .ai-news-shortcut,body.tutor-kids .ai-micro{display:none!important}
body.tutor-kids .ai-control{order:7;margin-top:12px;border-radius:16px!important}body.tutor-kids .ai-control .ai-status-line{font-size:13px}body.tutor-kids .ai-control-buttons{grid-template-columns:1fr 1fr}body.tutor-kids .ai-control-buttons #ai-start{display:none}body.tutor-kids .ai-control-buttons #ai-mute,body.tutor-kids .ai-control-buttons #ai-end{grid-column:auto}
body.tutor-kids .ai-chat-card{order:8;margin-top:12px}body.tutor-kids .ai-text-entry{order:9}body.tutor-kids .ai-nav{background:#fff!important;box-shadow:0 -3px 15px #669baf24;border-top:1px solid #b7dbe5;min-height:68px}body.tutor-kids .ai-nav button{color:#446b85!important}body.tutor-kids .ai-nav button[aria-selected=true]{color:#008b9c!important;background:#d6f5f4!important}
body.tutor-kids .ai-settings{background:#f7fcff;padding:20px 12px;border-radius:15px;color:#173d5e}body.tutor-kids .ai-settings .ai-page-title{color:#194a78}
@media(max-width:360px){body.tutor-kids .kid-action{min-height:136px}body.tutor-kids .stage{height:255px!important;min-height:255px!important;max-height:255px!important}}

body.tutor-kids .kid-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}

/* V0.02 conversation experience: complete separate screen and compact kid-friendly controls */
body.tutor-kids #kid-talk-page[hidden]{display:none!important}
body.tutor-kids #ai-home-page[hidden],body.tutor-kids #ai-settings-page[hidden]{display:none!important}
body.tutor-kids.kid-in-talk{background:#102d48!important;padding-bottom:16px!important}
body.tutor-kids.kid-in-talk .top,body.tutor-kids.kid-in-talk .ai-nav{display:none!important}
body.tutor-kids #kid-talk-page{min-height:calc(100dvh - 24px);background:linear-gradient(160deg,#13344e 0%,#102d49 55%,#23405a 100%);border-radius:0 0 22px 22px;color:#fff;display:flex;flex-direction:column;padding:12px 10px 24px;gap:12px;position:relative;overflow:hidden}
body.tutor-kids #kid-talk-page:before{content:'';position:absolute;inset:0;opacity:.14;pointer-events:none;background:radial-gradient(circle at 80% 26%,#00eacc 0,transparent 40%),linear-gradient(110deg,transparent 30%,#769fa3 32%,transparent 35%)}
body.tutor-kids .kid-talk-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;gap:7px}
body.tutor-kids .kid-talk-top strong{font-size:20px;text-align:center;font-weight:850}
body.tutor-kids .kid-talk-top button{border:1px solid #729eaf70;background:#203c53dd;color:white;border-radius:22px;min-height:48px;padding:7px 15px;font-size:24px;cursor:pointer}
body.tutor-kids #kid-talk-back span{font-size:17px;font-weight:750}
body.tutor-kids .kid-talk-avatar{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 2px}
body.tutor-kids #kid-talk-face-slot{width:100%;max-width:420px}
body.tutor-kids #kid-talk-face-slot .stage{height:235px!important;min-height:235px!important;max-height:235px!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
body.tutor-kids #kid-talk-face-slot .stage:before,body.tutor-kids #kid-talk-face-slot .stage:after{display:none!important}
body.tutor-kids #kid-talk-face-slot .stage canvas{width:100%;height:100%;object-fit:contain}
body.tutor-kids .kid-talk-status{font-size:23px;font-weight:850;text-align:center;max-width:90%;color:#f3ffff}
body.tutor-kids .kid-talk-dots{font-size:14px;letter-spacing:8px;color:#25d6eb}
body.tutor-kids #kid-talk-content{z-index:1;display:flex;flex-direction:column;gap:12px}
body.tutor-kids #kid-talk-content .ai-chat-card{order:1;margin:0!important;background:#10253ad9!important;border:1px solid #5083a184!important;border-radius:20px!important;color:#f5fbff!important}
body.tutor-kids #kid-talk-content .ai-chat-thread{min-height:120px;max-height:32dvh;overflow-y:auto}
body.tutor-kids #kid-talk-content .ai-chat-header,body.tutor-kids #kid-talk-content .ai-chat-empty{color:#e4f7ff!important}
body.tutor-kids #kid-talk-content .ai-control{order:2;margin:0!important;background:#203a54da!important;border:1px solid #588daf!important;border-radius:20px!important;padding:12px!important;color:#f8ffff!important}
body.tutor-kids #kid-talk-content .ai-control-buttons{grid-template-columns:1fr 1fr!important;gap:8px}
body.tutor-kids #kid-talk-content .ai-control-buttons #ai-start{display:block!important;grid-column:1/-1;background:linear-gradient(135deg,#009ce5,#1767df)!important;color:white!important;font-size:20px;min-height:60px;border-radius:18px}
body.tutor-kids #kid-talk-content .ai-control-buttons #ai-mute,body.tutor-kids #kid-talk-content .ai-control-buttons #ai-end{grid-column:auto!important;min-height:54px;font-size:17px;border-radius:16px}
body.tutor-kids #kid-talk-content .ai-control-buttons #ai-end{background:#963d5c!important;color:white!important}
body.tutor-kids #kid-talk-content .ai-control .ai-status-line{color:white!important}
body.tutor-kids #kid-talk-content .ai-text-entry{order:3;margin:0!important;background:#e7f8ff;border-radius:16px;padding:8px}
body.tutor-kids #kid-talk-content .ai-text-entry input{font-size:16px}
body.tutor-kids .kid-talk-guidance{font-size:14px;font-weight:700;text-align:center;color:#d6f6ff;z-index:1;padding:4px}
@media(max-height:720px){body.tutor-kids #kid-talk-face-slot .stage{height:175px!important;min-height:175px!important;max-height:175px!important}body.tutor-kids #kid-talk-content .ai-chat-thread{max-height:22dvh}}