@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&family=Nunito+Sans:wght@400;600;700&display=swap";.CollapsedGroupCard-module_root__S4e0A{background:var(--yoj-cg-bg,#eef2ff);border:1px solid var(--yoj-cg-border,#c7d2fe);border-radius:var(--yoj-cg-radius,8px);box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;padding:var(--yoj-cg-padding,10px);position:relative;text-align:left;width:100%}.CollapsedGroupCard-module_header__BxFlY{align-items:center;display:flex;gap:8px;justify-content:space-between}.CollapsedGroupCard-module_label__WgxR-{color:var(--yoj-cg-label-color,#4338ca);font-size:12px;font-weight:700}.CollapsedGroupCard-module_toggleButton__HcUGt{align-items:center;background:var(--yoj-cg-toggle-bg,#f3f4f6);border:1px solid var(--yoj-cg-toggle-border,#d1d5db);border-radius:6px;color:var(--yoj-cg-toggle-color,#111827);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1;padding:4px 6px;white-space:nowrap}.CollapsedGroupCard-module_toggleButton__HcUGt[aria-pressed=true]{background:var(--yoj-cg-toggle-bg-expanded,#dcfce7)}.CollapsedGroupCard-module_toggleButton__HcUGt:hover{background:var(--yoj-cg-toggle-bg-hover,#e5e7eb)}.CollapsedGroupCard-module_toggleButton__HcUGt[aria-pressed=true]:hover{background:var(--yoj-cg-toggle-bg-expanded-hover,#bbf7d0)}.CollapsedGroupCard-module_description__50Ndz{color:var(--yoj-cg-desc-color,#374151);font-size:12px;margin-top:6px}.CollapsedGroupCard-module_body__HY-tV{background:var(--yoj-cg-body-bg,#fff);border:1px solid var(--yoj-cg-body-border,#e5e7eb);border-radius:var(--yoj-cg-body-radius,6px);margin-top:10px;max-width:100%;overflow-x:hidden;padding:var(--yoj-cg-body-padding,10px)}.CollapsedGroupCard-module_toast__titYG{background:var(--yoj-cg-toast-bg,#fef3c7);border:1px solid var(--yoj-cg-toast-border,#fcd34d);border-radius:6px;bottom:10px;color:var(--yoj-cg-toast-color,#92400e);font-size:12px;padding:6px 8px;position:absolute;right:10px}.YojMessageList-module_yojList__NKku-{align-items:stretch;display:flex;flex-direction:column;gap:10px;max-width:100%;min-width:0;text-align:left}.YojMessageList-module_row__gWXhg{align-items:stretch;display:flex;gap:8px;width:100%}.YojMessageList-module_contentFlex__-ZCUK{flex:1;min-width:0}.YojMessageList-module_branchWrap__2unkC{display:flex;flex-direction:column;gap:10px}.YojMessageList-module_preText__citjP{font-family:inherit;margin:0;max-width:100%;overflow-wrap:anywhere;text-align:left;white-space:pre-wrap;word-break:break-word}.YojMessageList-module_cardBodyStack__9JUJc,.YojMessageList-module_contentStack__7NXMU,.YojMessageList-module_nestedStack__RH3dc{display:flex;flex-direction:column;gap:10px}.YojMessageList-module_bubble__g-jdU{border:1px solid transparent;border-radius:8px;box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;padding:10px;text-align:left;width:100%}.YojMessageList-module_bubbleUser__V0YLb{background:var(--yoj-user-bg,#f0f9ff);border-color:var(--yoj-user-border,#bae6fd)}.YojMessageList-module_bubbleSystem__pJxGh{background:var(--yoj-system-bg,#f9fafb);border-color:var(--yoj-system-border,#e5e7eb)}.YojMessageList-module_bubbleAssistant__GtQws{background:var(--yoj-assistant-bg,#f5f5f5);border-color:var(--yoj-assistant-border,#e5e7eb)}.YojMessageList-module_label__znsGe{font-size:12px;font-weight:600;margin-bottom:6px}.YojMessageList-module_labelUser__ZKe3h{color:var(--yoj-user-label,#0369a1)}.YojMessageList-module_labelSystem__6By1x{color:var(--yoj-system-label,#6b7280)}.YojMessageList-module_labelAssistant__6uarp{color:var(--yoj-assistant-label,#374151)}.YojMessageList-module_toolCallsBox__AWdJn{background:var(--yoj-toolcalls-bg,#fff);border:1px solid var(--yoj-toolcalls-border,#e5e7eb);border-radius:6px;max-width:100%;padding:8px}.YojMessageList-module_toolCallsTitle__ZkyH2{color:var(--yoj-toolcalls-title,#374151);font-size:12px;font-weight:600;margin-bottom:6px}.YojMessageList-module_toolCallsList__x3S-g{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px}.YojMessageList-module_toolCallItem__-GZ0s{list-style:disc;overflow:hidden}.YojMessageList-module_toolCallName__lcs5u{color:var(--yoj-toolcall-name,#111827);font-size:12px;font-weight:600}.YojMessageList-module_toolCallPre__Eh0P-{background:var(--yoj-code-bg,#f9fafb);border:1px solid var(--yoj-toolcalls-border,#e5e7eb);border-radius:6px;font-family:inherit;margin:4px 0 0;overflow-wrap:anywhere;padding:8px;white-space:pre-wrap;word-break:break-word}.YojMessageList-module_meta__x-1Ka{color:var(--yoj-meta,#9ca3af);font-size:11px;margin-top:6px}:root{--bg: #fffdfc;--fg: #1f2937;--muted: #6b7280;--subtle: #e9e9ef;--card: #ffffff;--accent: #ec4899;--accent-dark: #be3577;--radius: 16px;--shadow-sm: 0 2px 6px rgba(31, 41, 55, .06);--shadow-md: 0 6px 18px rgba(31, 41, 55, .1);--focus: 0 0 0 3px rgba(236, 72, 153, .35)}*,*:before,*:after{box-sizing:border-box}:root[data-theme=pink]{--bg: #fff7fb;--accent: #ec4899;--accent-dark: #b72873;--focus: 0 0 0 3px rgba(236,72,153,.35)}:root[data-theme=blue]{--bg: #f6f9ff;--accent: #3b82f6;--accent-dark: #2967c9;--focus: 0 0 0 3px rgba(59,130,246,.3)}:root[data-theme=green]{--bg: #f6fff7;--accent: #22c55e;--accent-dark: #149a46;--focus: 0 0 0 3px rgba(34,197,94,.3)}:root[data-theme=orange]{--bg: #fff8f1;--accent: #f97316;--accent-dark: #c45b12;--focus: 0 0 0 3px rgba(249,115,22,.3)}:root[data-theme=yellow]{--bg: #fffbeb;--accent: #eab308;--accent-dark: #b58a06;--focus: 0 0 0 3px rgba(234,179,8,.3)}:root[data-theme=purple]{--bg: #faf5ff;--accent: #a855f7;--accent-dark: #7c3aed;--focus: 0 0 0 3px rgba(168,85,247,.3)}:root[data-theme=grey]{--bg: #f6f7f9;--accent: #64748b;--accent-dark: #475569;--focus: 0 0 0 3px rgba(100,116,139,.3)}:root[data-theme=red]{--bg: #fff5f5;--accent: #ef4444;--accent-dark: #b91c1c;--focus: 0 0 0 3px rgba(239,68,68,.3)}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Fredoka,Nunito Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--fg);background:var(--bg)}img,svg,video,canvas{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:100svh;overflow:hidden}@supports (height: 100dvh){.app-shell{min-height:100dvh}}@supports not (height: 100svh){.app-shell{min-height:100vh}}.header{position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:color-mix(in srgb,var(--bg) 85%,white 15%);border-bottom:1px solid var(--subtle);z-index:10}.header-inner{max-width:1280px;margin:0 auto;padding:8px 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.brand a{color:inherit;text-decoration:none;font-weight:700;letter-spacing:.3px}.nav{justify-self:center;display:inline-flex;gap:8px}.tools{justify-self:end;display:inline-flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0!important;border-radius:8px}.app-hamburger{display:none}@media (max-width: 767px){.app-hamburger{display:inline-flex}.app-nav-left{display:none!important}.brand{display:inline-flex;align-items:center;gap:8px}.header-inner{display:flex;align-items:center;gap:8px}.tools{margin-left:auto}}.app-hamburger{padding:0!important;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.main{width:100%;max-width:100%;min-width:0;min-height:0;padding:0;position:relative;z-index:0;display:flex;flex-direction:column;overflow:hidden;contain:paint}.page-scroll{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 12px 12px}.container{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.pearl-frame{position:relative;background:var(--card);border-radius:calc(var(--radius) + 8px);padding:12px;box-shadow:var(--shadow-sm);overflow:hidden}.pearl-frame:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:inherit;background:radial-gradient(circle at 10px 10px,rgba(255,255,255,.95) 0 6px,rgba(0,0,0,.12) 7px,transparent 8px) 0 0/32px 32px,radial-gradient(circle at 26px 26px,rgba(255,255,255,.95) 0 6px,rgba(0,0,0,.12) 7px,transparent 8px) 0 0/32px 32px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:8px;pointer-events:none}.pearl-stickers{pointer-events:none;position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.pearl-stickers span{position:absolute;font-size:14px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.pearl-stickers .s1{top:-6px;left:20px}.pearl-stickers .s2{top:10px;right:-6px}.pearl-stickers .s3{bottom:-8px;left:12px}.pearl-stickers .s4{bottom:8px;right:22px}.motifs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;pointer-events:none}.motif{position:absolute;opacity:.35;font-size:18px;pointer-events:none}@keyframes floatUp{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}@media (prefers-reduced-motion: no-preference){.motif{animation:floatUp 6s ease-in-out infinite alternate;will-change:transform}}.card{background:var(--card);border:1px solid var(--subtle);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.grid-cards{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card-tile{background:var(--card);border:1px solid var(--subtle);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 45%,var(--subtle))}.card-tile:focus-visible{outline:none;box-shadow:var(--focus)}.card-tile .tile-title{font-weight:700}.card-tile .tile-subtle{font-size:12px;color:var(--muted)}.tile-new{border-style:dashed;display:grid;place-items:center;text-align:center;color:var(--accent);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--bg) 85%,#fff 15%))}.tile-new:hover{border-color:var(--accent)}.tile-square{aspect-ratio:1 / 1}.row{display:flex;align-items:center;gap:8px}.link{color:var(--accent);text-decoration:none}.link:hover{text-decoration:underline}.button-link{color:var(--fg);text-decoration:none}button,.btn{font-family:inherit;border-radius:999px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn-primary,button.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white 12%),var(--accent-dark));color:#fff;border:1px solid color-mix(in srgb,var(--accent-dark) 90%,black 10%);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 30%,black 0%)}.btn-secondary,button.btn-secondary{background:#fff;color:var(--fg);border:1px solid var(--subtle)}.btn-sm{padding:4px 8px!important;font-size:13px;line-height:1.1}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:var(--focus)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}input[type=file]{font-family:inherit}.music-toggle{border-radius:999px;border:1px solid var(--subtle);background:#fff;padding:6px 10px}.variant-badge{font-size:11px;color:var(--muted)}.lesson-root{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;height:100%}.lesson-layout{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;height:100%}.lesson-header{padding-bottom:4px;border-bottom:1px solid var(--subtle);background:transparent;z-index:1}.lesson-messages{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0}.lesson-footer{padding-top:4px;border-top:0;background:transparent;z-index:1}.lesson-footer.prompt-plain{background:transparent!important;border-top:0!important}.lesson-footer.prompt-plain>*{background:transparent!important;box-shadow:none!important;border:0!important}.yoj-theme{--yoj-assistant-bg: var(--card);--yoj-assistant-border: var(--subtle);--yoj-assistant-label: var(--fg);--yoj-user-bg: color-mix(in srgb, var(--accent) 12%, #ffffff 88%);--yoj-user-border: color-mix(in srgb, var(--accent) 40%, var(--subtle));--yoj-user-label: color-mix(in srgb, var(--accent-dark) 80%, #111 20%);--yoj-system-bg: color-mix(in srgb, var(--bg) 86%, #ffffff 14%);--yoj-system-border: var(--subtle);--yoj-system-label: var(--muted);--yoj-toolcalls-bg: color-mix(in srgb, var(--bg) 80%, #ffffff 20%);--yoj-toolcalls-border: var(--subtle);--yoj-toolcalls-title: color-mix(in srgb, var(--accent) 55%, var(--fg));--yoj-toolcall-name: color-mix(in srgb, var(--accent) 70%, #000 30%);--yoj-code-bg: #f7f7fb;--yoj-meta: var(--muted);--yoj-cg-bg: color-mix(in srgb, var(--bg) 86%, #ffffff 14%);--yoj-cg-border: var(--subtle);--yoj-cg-radius: 12px;--yoj-cg-padding: 8px;--yoj-cg-label-color: color-mix(in srgb, var(--accent) 60%, var(--fg));--yoj-cg-desc-color: var(--muted);--yoj-cg-toggle-border: var(--subtle);--yoj-cg-toggle-color: var(--fg);--yoj-cg-toggle-bg: #fff;--yoj-cg-toggle-bg-hover: color-mix(in srgb, var(--bg) 86%, #ffffff 14%);--yoj-cg-toggle-bg-expanded: color-mix(in srgb, var(--accent) 12%, #ffffff 88%);--yoj-cg-toggle-bg-expanded-hover: color-mix(in srgb, var(--accent) 18%, #ffffff 82%);--yoj-cg-body-bg: #fff;--yoj-cg-body-border: var(--subtle);--yoj-cg-body-radius: 10px;--yoj-cg-body-padding: 10px;--yoj-cg-toast-bg: #111827;--yoj-cg-toast-color: #f9fafb;--yoj-cg-toast-border: rgba(255,255,255,.12)}