@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#172b3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--sky:#b7e7f8;--blue:#78c9ed;--ink:#172b3a;--muted:#647b8c;--green:#43e89a;background:#f7fcff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,textarea{font-family:inherit}.app{overflow:hidden}.navbar{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,90%);min-height:84px;margin:0 auto;display:flex}.logo{letter-spacing:-.8px;flex-shrink:0;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-size:1.45rem;font-weight:900;display:inline-flex}.logo .brand-mark{flex-shrink:0;width:46px;height:46px;display:block}.brand-mark svg{width:100%;height:100%;display:block}.logo .brand-name{color:var(--ink)}.logo .brand-dot{color:#55b9e6}.nav-label{color:var(--muted);margin-left:auto;margin-right:22px;font-size:.88rem}.nav-link{border:1px solid #dcecf4;border-radius:12px;padding:11px 16px;font-size:.86rem;font-weight:700;transition:background .18s}.nav-link:hover{background:var(--sky)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;width:min(1180px,90%);min-height:550px;margin:0 auto;padding:55px 0 75px;display:grid}.hero-content{z-index:2;position:relative}.eyebrow{color:#3b92bd;letter-spacing:1.8px;align-items:center;gap:9px;margin:0 0 20px;font-size:.73rem;font-weight:800;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #43e89a80}.hero h1{letter-spacing:-2.5px;margin:0;font-family:Nunito,sans-serif;font-size:clamp(3rem,5.2vw,5rem);font-weight:900;line-height:1.05}.hero h1 span{color:#55b9e6}.intro{max-width:500px;color:var(--muted);margin:24px 0;font-size:1rem;line-height:1.85}.hero-note{align-items:center;gap:10px;margin-top:24px;display:flex}.note-icon{color:#3898c4;background:#e2f6ff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.hero-note p{color:#5f7787;margin:0;font-size:.83rem;font-weight:600}.visual-stage{aspect-ratio:1;isolation:isolate;place-items:center;width:100%;max-width:500px;margin:0 auto;display:grid;position:relative}.visual-stage:before{z-index:-2;content:"";background:radial-gradient(circle,#d9f5ff 0%,#eaf9ff 44%,#f7fcff00 72%);border-radius:50%;position:absolute;inset:10%}.orbit{border:1px solid #82cfe966;border-radius:50%;animation:7s ease-in-out infinite orbit-float;position:absolute}.orbit-one{width:76%;height:76%}.orbit-two{border-style:dashed;width:91%;height:56%;animation-duration:11s;transform:rotate(-35deg)}.orbit-three{border-color:#43e89a55;width:57%;height:91%;animation-duration:9s;transform:rotate(38deg)}.circuit-core{aspect-ratio:1;background:linear-gradient(145deg,#c8f0ff,#8ed7f5);border:1px solid #fff;border-radius:35%;place-items:center;width:48%;animation:5s ease-in-out infinite core-float;display:grid;position:relative;box-shadow:0 25px 65px #5ebde533,inset 0 1px #fff}.circuit-core svg{filter:drop-shadow(0 12px 14px #28799b20);width:100%;height:100%;overflow:visible}.core-glow{z-index:-1;filter:blur(30px);background:#9be7ff70;border-radius:40%;position:absolute;inset:-15%}.floating-chip{z-index:2;color:#416b80;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff;border-radius:11px;padding:10px 13px;font-size:.68rem;font-weight:800;animation:4s ease-in-out infinite chip-float;position:absolute;box-shadow:0 10px 28px #28799b12}.chip-one{top:17%;left:8%}.chip-two{animation-delay:-1s;top:27%;right:4%}.chip-three{animation-delay:-2s;bottom:18%;right:7%}.floating-label{z-index:3;background:#ffffffed;border:1px solid #e4f1f7;border-radius:14px;align-items:center;gap:10px;padding:12px 15px;animation:5s ease-in-out infinite chip-float;display:flex;position:absolute;box-shadow:0 12px 35px #2e749416}.label-top{top:35%;right:-1%}.label-bottom{animation-delay:-2s;bottom:25%;left:0}.label-icon{color:#319acb;background:#e2f6ff;border-radius:10px;place-items:center;width:35px;height:35px;font-size:1.1rem;display:grid}.green-icon{color:#15965c;background:#e4fff1}.floating-label strong,.floating-label small{display:block}.floating-label strong{font-size:.82rem}.floating-label small{color:var(--muted);margin-top:3px;font-size:.68rem}.tiny-spark{color:#48bce9;font-size:1.7rem;animation:3s ease-in-out infinite sparkle;position:absolute}.spark-one{top:12%;right:23%}.spark-two{color:#39c98a;animation-delay:-1s;bottom:14%;right:26%}.spark-three{color:#80c9ed;animation-delay:-2s;top:53%;left:5%}.welcome-section{text-align:center;background:linear-gradient(#dff5ff 0%,#b7e7f8 100%);padding:86px 5% 94px}.welcome-inner{width:min(760px,100%);margin:0 auto}.assistant-emblem{color:#fff;background:linear-gradient(140deg,#1e799f,#173c59);border:3px solid #fff;border-radius:30px;place-items:center;width:92px;height:92px;margin:0 auto 24px;display:grid;position:relative;box-shadow:0 14px 30px #17456525}.assistant-emblem span{letter-spacing:-3px;font-family:Nunito,sans-serif;font-size:2.2rem;font-weight:900}.assistant-emblem i{color:var(--green);font-size:1.25rem;font-style:normal;position:absolute;top:4px;right:10px}.welcome-eyebrow,.chat-eyebrow{justify-content:center}.welcome-section h2{letter-spacing:-1.7px;margin:0;font-family:Nunito,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.15}.welcome-section h2 span{color:#247da8}.welcome-lead{margin:16px 0 14px;font-size:1.16rem;font-weight:800}.welcome-description{color:#426176;max-width:665px;margin:0 auto;font-size:1rem;line-height:1.85}.welcome-promise{color:#28526b;margin:22px 0 32px;font-size:.88rem;font-weight:700}.welcome-promise span{color:#13a16a;padding:0 9px}.start-button{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:20px;padding:15px 20px;font-size:.92rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.start-button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #172b3a25}.start-button span{color:var(--green);font-size:1.2rem}.welcome-start{cursor:pointer;border:none}.welcome-note{color:#4a6e80;margin:16px 0 0;font-size:.8rem}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(1120px,90%);margin:0 auto;padding:27px 0;display:flex}.footer p{color:var(--muted);font-size:.82rem}.tutor-page{flex-direction:column;min-height:100dvh;display:flex;overflow:clip}.tutor-navbar{flex-shrink:0;width:min(1200px,94%);min-height:76px}.back-home{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d5e9f3;border-radius:12px;padding:11px 15px;font-size:.85rem;font-weight:700;transition:background .16s,border-color .16s}.back-home:hover{background:#e9f8ff;border-color:#a8d7eb}.chat-workspace{background:linear-gradient(#f7fcff 0%,#ecf8fd 100%);border-top:1px solid #e5f1f6;flex:1;min-height:0;display:flex}.chat-inner{flex-direction:column;width:min(950px,92%);min-height:calc(100dvh - 76px);margin:0 auto;display:flex}.chat-topline{color:#50778b;letter-spacing:.3px;align-items:center;gap:8px;padding:18px 2px;font-size:.76rem;font-weight:800;display:flex}.chat-live-dot{background:#33ca87;border-radius:50%;width:8px;height:8px}.chat-topline-note{color:var(--muted);margin-left:auto;font-weight:500}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:320px;padding:34px 0 26px;display:flex}.chat-emblem{cursor:pointer;margin-bottom:23px;transition:transform .16s}.chat-emblem:hover{transform:translateY(-3px)}.chat-empty h1{color:var(--ink);letter-spacing:-1px;margin:0;font-family:Nunito,sans-serif;font-size:clamp(2rem,4.2vw,3rem);font-weight:900;line-height:1.2}.chat-description{max-width:560px;color:var(--muted);margin:15px auto 25px;line-height:1.7}.assistant-help{color:#38617a;background:#fff;border:1px solid #d5eaf5;border-radius:14px;max-width:550px;margin:0 auto 20px;padding:12px 16px;font-size:.88rem;line-height:1.6}.chat-suggestions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chat-suggestions button{color:#375d72;cursor:pointer;background:#fff;border:1px solid #d2e8f3;border-radius:12px;padding:12px 14px;font-size:.84rem;font-weight:600;transition:border-color .16s,transform .16s}.chat-suggestions button:hover{border-color:#78c9ed;transform:translateY(-2px)}.chat-suggestions button span{color:#2391c3;margin-left:7px}.chat-messages{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:22px;min-height:300px;max-height:calc(100dvh - 280px);padding:20px 4px 30px;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:12px;display:flex}.chat-message.user{justify-content:flex-end}.chat-bubble{border-radius:18px;max-width:min(720px,84%);padding:15px 18px;line-height:1.75}.chat-message.user .chat-bubble{background:#dff2fc;border-bottom-right-radius:5px}.chat-message.assistant .chat-bubble{background:#fff;border:1px solid #e0eef4;border-top-left-radius:5px;box-shadow:0 8px 22px #2a7ea508}.chat-bubble p{color:#29445a;white-space:pre-wrap;margin:0;font-size:.93rem}.message-author{color:#248db9;margin-bottom:5px;font-size:.8rem;display:block}.mini-cs{color:#fff;background:#205a77;border-radius:12px;flex-shrink:0;place-items:center;width:34px;height:34px;font:900 .8rem Nunito,sans-serif;display:grid}.chat-composer-area{background:linear-gradient(#eff9fd00,#eff9fd 20%);margin-top:auto;padding:12px 0 20px}.chat-composer{background:#fff;border:1px solid #bedfeb;border-radius:20px;padding:16px 16px 12px;transition:border-color .16s;box-shadow:0 14px 32px #17486713}.chat-composer:focus-within{border-color:#62bfe5}.chat-composer textarea{resize:vertical;width:100%;min-height:62px;max-height:170px;color:var(--ink);background:0 0;border:none;outline:none;font-size:.98rem;line-height:1.55;display:block}.chat-composer textarea::placeholder{color:#8096a3}.composer-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-footer span{color:#718d9b;font-size:.76rem}.composer-footer button{color:#fff;cursor:pointer;background:#172b3a;border:none;border-radius:13px;width:42px;height:42px;font-size:1.5rem;font-weight:700}.composer-footer button:disabled{cursor:not-allowed;background:#b8c9d1}.composer-caption{text-align:center;color:#7792a0;margin:11px 0 0;font-size:.73rem}.tutor-error{color:#9a2e39;background:#fff4f4;border:1px solid #efb5b8;border-radius:10px;margin:0 0 12px;padding:11px 13px;font-size:.86rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes core-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbit-float{0%,to{opacity:.7}50%{opacity:1}}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=850px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-content{max-width:650px}.visual-stage{width:min(470px,100%);margin-top:15px}.welcome-section{padding:64px 5%}}@media (width<=480px){.navbar{min-height:72px}.logo{gap:7px;font-size:1.1rem}.logo .brand-mark{width:37px;height:37px}.nav-label{display:none}.nav-link{padding:9px 11px;font-size:.74rem}.hero{gap:0;padding-top:40px}.hero h1{letter-spacing:-1.7px;font-size:clamp(2.65rem,12vw,3.6rem)}.intro{font-size:.94rem}.visual-stage{margin-top:25px}.floating-label{padding:9px}.label-top{right:-2%}.label-bottom{left:-2%}.welcome-section{padding:58px 6%}.welcome-promise span{padding:0 4px}.footer{text-align:center;justify-content:center}.footer p{width:100%}.tutor-navbar{width:94%}.back-home{padding:9px 10px;font-size:.75rem}.chat-inner{width:94%;min-height:calc(100dvh - 72px)}.chat-empty{min-height:280px;padding-top:20px}.chat-suggestions{gap:7px}.chat-suggestions button{padding:9px;font-size:.75rem}.chat-messages{max-height:calc(100dvh - 270px)}.chat-bubble{max-width:88%}.chat-composer{padding:12px}.composer-caption{font-size:.67rem}}.chat-topline .new-chat-button{color:#174d45;white-space:nowrap;cursor:pointer;background:#e8f5f0;border:1px solid #b9ded1;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-left:auto;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.chat-topline .new-chat-button:hover:not(:disabled){background:#d4eee3;transform:translateY(-1px)}.chat-topline .new-chat-button:focus-visible{outline-offset:3px;outline:2px solid #237c69}.chat-topline .new-chat-button:disabled{opacity:.5;cursor:not-allowed}.chat-topline .new-chat-button span{font-size:19px;font-weight:400;line-height:1}@media (width<=600px){.chat-topline .new-chat-button{padding:8px 11px;font-size:12px}}.chat-topline .history-toggle-button{color:#243b53;white-space:nowrap;cursor:pointer;background:#f1f5fa;border:1px solid #dbe4ee;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-left:auto;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.chat-topline .history-toggle-button:hover{background:#e3edf7}.chat-topline .history-toggle-button:focus-visible{outline-offset:3px;outline:2px solid #237c69}.chat-topline .history-toggle-button span{font-size:18px;line-height:1}.chat-topline .new-chat-button{margin-left:0}.chat-history-panel{background:#fff;border:1px solid #dfe9ef;border-radius:16px;width:100%;margin:16px 0 22px;padding:20px;box-shadow:0 8px 25px #102a430f}.history-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.history-panel-heading h2{color:#17324d;margin:0 0 5px;font-size:17px;font-weight:700}.history-panel-heading p{color:#738398;margin:0;font-size:13px}.history-close-button{color:#526477;cursor:pointer;background:#f2f5f8;border:none;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:23px;display:flex}.history-close-button:hover{color:#17324d;background:#e6edf2}.history-chat-list{flex-direction:column;gap:7px;max-height:300px;padding-right:5px;display:flex;overflow-y:auto}.history-chat-item{color:#243b53;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;padding:13px;font-family:inherit;transition:background .2s,border-color .2s;display:flex}.history-chat-item:hover:not(:disabled){background:#edf5f7;border-color:#d6e6e9}.history-chat-item.active{background:#eaf6f1;border-color:#b9ded1}.history-chat-item:focus-visible,.history-close-button:focus-visible{outline-offset:2px;outline:2px solid #237c69}.history-chat-item:disabled{opacity:.6;cursor:not-allowed}.history-chat-icon{color:#52718b;background:#e8eef5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.history-chat-item.active .history-chat-icon{color:#237c69;background:#d2ebe0}.history-chat-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.history-chat-title{color:#17324d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.history-chat-date{color:#81909e;font-size:11px}.history-empty{color:#738398;text-align:center;background:#f8fafc;border-radius:11px;padding:20px;font-size:13px}@media (width<=600px){.chat-topline{flex-wrap:wrap;row-gap:10px}.chat-topline .history-toggle-button,.chat-topline .new-chat-button{padding:8px 11px;font-size:12px}.chat-history-panel{margin-top:12px;padding:15px}.history-chat-item{padding:11px}}.history-chat-row{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.history-chat-row .history-chat-item{flex:1;width:auto;min-width:0}.history-chat-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.history-action-button{color:#60758a;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:inherit;font-size:19px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.history-action-button.rename:hover:not(:disabled){color:#237c69;background:#e8f5f0;border-color:#b9ded1}.history-action-button.delete:hover:not(:disabled){color:#ba4040;background:#fff0f0;border-color:#f4cece}.history-action-button:focus-visible{outline-offset:2px;outline:2px solid #237c69}.history-action-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=600px){.history-chat-row{gap:6px}.history-chat-actions{gap:4px}.history-action-button{width:30px;height:30px;font-size:17px}}