:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171735;--muted:#6f7090;--line:#e7e8f4;--surface:#fff;--canvas:#f7f7fd;--purple:#6245f5;--purple-dark:#3620a8;--green:#15975a;--blue:#2874e8;--orange:#e99724;--red:#c94343;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9487ff}.portal{min-height:100vh;display:flex}.sidebar{z-index:4;color:#edeaff;background:linear-gradient(170deg,#17162f 0% 54%,#111126 100%);flex-direction:column;width:238px;padding:22px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;padding:0 9px;display:flex}.brand-mark{object-fit:contain;flex:none;width:40px;height:40px;display:block}.brand-name{letter-spacing:-.03em;font-size:17px;font-weight:750;display:block}.brand-caption{color:#a7a4c4;margin-top:2px;font-size:10px;display:block}.nav-caption{color:#777591;letter-spacing:.15em;text-transform:uppercase;padding:0 12px;font-size:10px;font-weight:750}.main-nav{gap:5px;margin-top:39px;display:grid}.nav-link{color:#b6b4d2;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:13px;font-weight:560;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:linear-gradient(100deg,#553ad0,#3e279e);box-shadow:0 8px 20px #21145a55}.nav-icon{color:#a9a4e8;place-items:center;width:20px;font-size:16px;display:inline-grid}.nav-link.active .nav-icon{color:#fff}.side-promo{background:radial-gradient(circle at 90% 8%,#5939c777,#0000 38%),#211b4b;border:1px solid #5b4bb8;border-radius:13px;margin-top:auto;padding:15px 14px;position:relative;overflow:hidden}.side-promo:after{content:"✦";color:#a993ff;font-size:27px;position:absolute;top:8px;right:12px}.side-promo strong{max-width:150px;font-size:13px;line-height:1.4;display:block}.side-promo p{color:#b7b2d8;margin:6px 0 13px;font-size:11px;line-height:1.5}.side-promo button{color:#fff;background:#6747f5;border:0;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.side-account{border-top:1px solid #ffffff19;align-items:center;gap:10px;margin-top:15px;padding:14px 5px 0;display:flex}.avatar{color:#fff;background:#6c4df3;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.account-copy{flex:1;min-width:0}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-copy strong{font-size:11px}.account-copy span{color:#9c99bb;margin-top:3px;font-size:10px}.logout{color:#b4b1ce;background:0 0;border:0}.workspace{width:calc(100% - 238px);min-height:100vh;margin-left:238px}.topbar{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfbffed;border-bottom:1px solid #e8e8f0;justify-content:space-between;align-items:center;min-height:72px;padding:0 29px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.035em;margin:0;font-size:20px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:11px}.top-actions{align-items:center;gap:13px;display:flex}.online-pill{color:#16794c;background:#e5f7ed;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.online-dot{background:#22a766;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #22a76622}.icon-button{border:1px solid var(--line);color:#5e5e7d;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:inline-grid}.workspace-content{max-width:1440px;margin:auto;padding:22px 28px 42px}.hero{color:#fff;background:radial-gradient(at 68% 12%,#917aff88,#0000 34%),linear-gradient(108deg,#6749f6 0%,#4627bd 53%,#2f1e8d 100%);border-radius:15px;align-items:center;min-height:157px;padding:24px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #4932bf24}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{border:1px solid #ffffff20;border-radius:50%;width:245px;height:245px;top:-105px;right:25%;box-shadow:0 0 0 23px #ffffff08,0 0 0 52px #ffffff07}.hero:after{background:#ffffff0d;border-radius:50%;width:150px;height:150px;bottom:-34px;right:7%}.hero-content{z-index:1;max-width:620px;position:relative}.hero h2{letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.4vw,29px)}.hero p{color:#eeebff;margin:7px 0 14px;font-size:13px;line-height:1.5}.hero-actions{gap:9px;display:flex}.hero-actions a,.hero-actions button{color:#28234d;background:#fff;border:0;border-radius:9px;min-height:34px;padding:0 13px;font-size:11px;font-weight:750}.hero-art{z-index:1;filter:drop-shadow(0 10px 12px #100a4855);font-size:76px;position:absolute;top:20px;right:12%}.hero-note{z-index:1;color:#efebff;max-width:185px;font-size:17px;font-style:italic;line-height:1.3;position:absolute;right:30px;transform:rotate(-7deg)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;min-height:94px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #30306006}.metric-icon{color:#6045ed;background:#eeeaff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.metric-icon.blue{color:#2874e8;background:#eaf2ff}.metric-icon.green{color:#13975a;background:#e4f6ed}.metric-icon.orange{color:#db8d1d;background:#fff2dd}.metric-value{letter-spacing:-.04em;font-size:21px;font-weight:800}.metric-label{color:#777793;margin-top:4px;font-size:10px}.metric-hint{color:#15975a;margin-top:6px;font-size:10px;font-weight:650}.metric small{color:#777793;font-size:10px}.grid-two{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:13px;margin-top:15px;display:grid}.grid-three{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr) minmax(230px,.85fr);gap:13px;margin-top:15px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:0;padding:17px;box-shadow:0 4px 14px #34335d07}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-heading h2,.card-heading h3{letter-spacing:-.03em;margin:0;font-size:15px}.card-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.text-link{color:#5c43eb;white-space:nowrap;background:0 0;border:0;font-size:10px;font-weight:700}.select{border:1px solid var(--line);color:#474768;background:#fff;border-radius:8px;min-height:30px;padding:0 9px;font-size:10px}.chart-wrap{height:180px;margin-top:8px}.chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#ececf4;stroke-width:1px}.chart-label{fill:#86869f;font-size:9px}.chart-line{fill:none;stroke:#6749f5;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#chartFill)}.endpoint-list{gap:15px;margin-top:19px;display:grid}.endpoint-row{grid-template-columns:minmax(100px,1fr) minmax(45px,1.4fr) 39px;align-items:center;gap:9px;font-size:10px;display:grid}.endpoint-name{color:#4b4b68;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.bar-track{background:#e9e9f4;border-radius:99px;height:6px;overflow:hidden}.bar-fill{border-radius:inherit;background:#6245f5;height:100%}.endpoint-pct{color:#51516f;text-align:right;font-weight:750}.activity-list{gap:14px;margin-top:17px;display:grid}.activity{grid-template-columns:9px minmax(0,1fr);align-items:start;gap:9px;display:grid}.activity-dot{background:#19a761;border-radius:50%;width:8px;height:8px;margin-top:3px}.activity-dot.request{background:#367ff4}.activity-dot.security{background:#e89421}.activity strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.activity span{color:#81819b;margin-top:3px;font-size:9px;display:block}.help-card{background:linear-gradient(135deg,#f1eeff,#e8e4ff);border:1px solid #ded9ff;position:relative;overflow:hidden}.help-card:after{content:"📚";opacity:.7;font-size:48px;position:absolute;bottom:10px;right:12px}.help-card h3{z-index:1;margin:0;font-size:18px;position:relative}.help-card p{z-index:1;color:#555476;max-width:185px;margin:8px 0 14px;font-size:11px;line-height:1.5;position:relative}.primary-button,.secondary-button,.danger-button{color:#fff;background:linear-gradient(100deg,#6749f5,#5134d0);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:11px;font-weight:730;display:inline-flex;box-shadow:0 6px 16px #563cd52b}.primary-button:hover{filter:brightness(1.05)}.primary-button:disabled{cursor:not-allowed;opacity:.62}.secondary-button{border-color:var(--line);color:#454565;box-shadow:none;background:#fff}.danger-button{box-shadow:none;background:#b53636}.compact-button{min-height:30px;padding:0 9px;font-size:10px}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{border-bottom:1px solid var(--line);color:#81819a;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:11px 9px;font-size:9px;font-weight:700}.table td{color:#494968;vertical-align:middle;border-bottom:1px solid #f0f0f6;padding:11px 9px;font-size:10px}.table tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{color:#177d4c;white-space:nowrap;background:#e3f6eb;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.badge.dev{color:#315eb7;background:#e9efff}.badge.revoked{color:#77778c;background:#f3f3f7}.badge.error{color:#ae3030;background:#ffebeb}.section-title{letter-spacing:-.04em;margin:3px 0 15px;font-size:22px}.section-subtitle{color:var(--muted);margin:-7px 0 17px;font-size:12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-input,.field-input,.field-select,.field-textarea{color:#262641;background:#fff;border:1px solid #dedfeb;border-radius:9px;width:100%;min-height:39px;padding:9px 11px;font-size:12px}.field-input::placeholder,.field-textarea::placeholder{color:#9a9ab0}.search-input{width:min(230px,100%);min-height:33px;font-size:10px}.field-textarea{resize:vertical;min-height:145px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6}.field-label{color:#464664;margin:0 0 6px;font-size:11px;font-weight:700;display:block}.form-field{margin-bottom:13px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notice{color:#4c3daa;background:#f2f0ff;border:1px solid #dfdbff;border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.5}.notice.warning{color:#7d5615;background:#fff8e9;border-color:#f5dfb8}.notice.error{color:#9b3030;background:#fff0f0;border-color:#f2c5c5}.empty{color:#80809a;text-align:center;padding:34px 16px;font-size:12px}.code-block{color:#f0edff;white-space:pre-wrap;overflow-wrap:anywhere;background:#19182e;border-radius:10px;padding:14px;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.playground-screen{gap:14px;display:grid}.playground-intro,.playground-setup-heading,.playground-setup-footer,.playground-log-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.playground-intro{align-items:flex-start}.playground-intro .section-title{margin-bottom:12px}.playground-intro .section-subtitle{margin-bottom:0}.playground-eyebrow{color:#6245f5;letter-spacing:.14em;margin:0 0 6px;font-size:9px;font-weight:800}.playground-security-note{line-height:1.55}.playground-setup{padding:16px 18px 12px}.playground-setup-heading h3,.playground-log-heading h3{letter-spacing:-.025em;margin:0;font-size:14px}.playground-setup-heading p,.playground-log-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.playground-session-pill,.tutor-preview-badge{color:#18764b;white-space:nowrap;background:#e8f7ed;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:750}.playground-settings-grid{grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(130px,1fr));gap:12px;margin-top:15px;display:grid}.playground-settings-grid .form-field{min-width:0;margin-bottom:0}.playground-setup-footer{border-top:1px solid #f0f0f6;min-height:34px;margin-top:8px}.playground-setup-footer .text-link{padding:0}.playground-session-hint,.playground-session-id{color:#80809a;font-size:9px}.playground-session-id{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.tutor-preview{padding:0;overflow:hidden}.tutor-preview-header{background:linear-gradient(110deg,#f8faf6,#f6f5ff);border-bottom:1px solid #e8eadf;justify-content:space-between;align-items:center;gap:14px;min-height:90px;padding:17px 21px;display:flex}.tutor-preview-header>div{padding-left:18px;position:relative}.tutor-live-dot{background:#38a775;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:0;box-shadow:0 0 0 4px #38a77518}.tutor-preview-kicker{color:#6a7180;letter-spacing:.12em;font-size:8px;font-weight:800}.tutor-preview-header h3{color:#232c35;letter-spacing:-.03em;margin:4px 0 2px;font-size:16px}.tutor-preview-header p{color:#788079;text-transform:capitalize;margin:0;font-size:10px}.tutor-preview-badge{color:#533acb;background:#eeeaff}.tutor-conversation{background:#fbfcfa;gap:22px;max-height:690px;padding:24px clamp(15px,5vw,58px);display:grid;overflow-y:auto}.tutor-empty-state{text-align:center;align-content:center;justify-items:center;max-width:400px;min-height:280px;margin:auto;display:grid}.tutor-empty-art{width:128px;height:104px;margin-bottom:8px;position:relative}.tutor-art-orbit{border:1px solid #dcd7ff;border-radius:50%;width:80px;height:80px;position:absolute;top:14px;left:22px}.tutor-art-orbit-two{border-color:#e8e4ff;width:104px;height:104px;top:2px;left:10px}.tutor-art-spark{color:#e5a528;font-size:24px;position:absolute;top:7px;right:16px}.tutor-art-book{color:#6245f5;background:#fff;border:1px solid #d6cffc;border-radius:12px;place-items:center;width:40px;height:40px;font:700 20px Georgia,serif;display:grid;position:absolute;top:31px;left:44px;box-shadow:0 7px 18px #3f2a9912}.tutor-empty-state h4{color:#32364b;margin:4px 0 5px;font-size:15px}.tutor-empty-state p{color:#82839a;margin:0;font-size:11px;line-height:1.6}.tutor-exchange{gap:14px;display:grid}.student-question{justify-self:end;align-items:flex-start;gap:9px;max-width:78%;display:flex}.student-question p{color:#312a56;white-space:pre-wrap;overflow-wrap:anywhere;background:#f0edff;border:1px solid #e2defd;border-radius:14px 14px 4px;margin:0;padding:11px 14px;font-size:12px;line-height:1.6}.student-avatar{color:#4936b5;background:#dfd9ff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:8px;font-weight:800;display:grid}.tutor-reply{background:#fff;border:1px solid #e9ebe5;border-radius:4px 15px 15px;max-width:900px;padding:15px 17px;box-shadow:0 5px 16px #2c382408}.tutor-reply-heading{align-items:center;gap:9px;margin-bottom:12px;display:flex}.tutor-avatar{color:#fff;background:linear-gradient(140deg,#7157ef,#4a36bd);border-radius:10px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.tutor-reply-heading strong,.tutor-reply-heading span{display:block}.tutor-reply-heading strong{color:#343749;font-size:10px}.tutor-reply-heading div span{color:#8a8b9b;margin-top:2px;font-size:9px}.tutor-reply-copy,.tutor-step-copy{color:#4a4b5c;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.75}.tutor-reply-copy{margin:0 0 13px}.tutor-walkthrough{gap:9px;margin-top:12px;display:grid}.tutor-walkthrough-title{color:#424258;margin:0 0 2px;font-size:11px;font-weight:750}.tutor-step{background:#fff;border:1px solid #eeeff4;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.tutor-step-callout{background:#fffaf0;border-color:#efe5c8}.tutor-step-number{color:#5b45d1;background:#efedff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:9px;font-weight:800;display:grid}.tutor-step-content{flex:1;min-width:0}.tutor-step-label{color:#807c9b;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:8px;font-weight:800}.tutor-step-content h4{color:#35384a;margin:0 0 5px;font-size:13px}.tutor-step-copy{margin:0}.tutor-visual-svg{background:linear-gradient(#fff,#fcfcff);border:1px solid #eff0f4;border-radius:10px;width:100%;max-height:300px;margin:10px 0 2px;display:block;overflow:visible}.tutor-pie-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.tutor-pie-svg{width:min(230px,100%);height:auto}.tutor-pie-legend{color:#68687f;gap:6px;margin:0;padding:0;font-size:9px;list-style:none;display:grid}.tutor-pie-legend li{align-items:center;gap:6px;display:flex}.tutor-pie-legend i{border-radius:50%;flex:none;width:8px;height:8px}.tutor-visual-grid{stroke:#ececf3;stroke-width:1px}.tutor-visual-axis{stroke:#9c9caf;stroke-width:1.2px}.tutor-visual-label{fill:#73738a;font:11px ui-sans-serif,system-ui,sans-serif}.tutor-visual-card{background:#fcfcff;border:1px solid #e9e9f2;border-radius:11px;margin-top:10px;padding:10px}.tutor-visual-card h5{color:#3c3b50;margin:0;font-size:11px}.tutor-visual-card>p{color:#74748a;margin:6px 0 0;font-size:10px;line-height:1.55}.tutor-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:16px 5px 7px;display:flex}.tutor-diagram-item{align-items:center;gap:7px;display:inline-flex}.tutor-diagram-item>span:first-child{color:#4a3c9b;background:#fff;border:1px solid #dcd7ff;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:650;box-shadow:0 3px 8px #4e38cb0c}.tutor-diagram-arrow{color:#a19abf;font-size:15px}.tutor-visual-description{align-items:flex-start;gap:10px;display:flex}.tutor-visual-description h5{margin-top:2px}.tutor-visual-icon{color:#6245f5;background:#efedff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.tutor-follow-up{background:#fff9e9;border-left:3px solid #e8b342;border-radius:0 9px 9px 0;margin-top:12px;padding:10px 12px}.tutor-follow-up span{color:#98701b;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.tutor-follow-up p{color:#55505a;margin:4px 0 0;font-size:11px;line-height:1.6}.tutor-turn-meta{color:#8a8a9e;align-items:center;gap:8px;margin-top:13px;font-size:9px;display:flex}.tutor-thinking{color:#72728b;align-items:center;gap:8px;font-size:10px;display:flex}.tutor-thinking-dots{gap:3px;display:flex}.tutor-thinking-dots i{background:#755df0;border-radius:50%;width:5px;height:5px;animation:1s infinite alternate tutor-pulse}.tutor-thinking-dots i:nth-child(2){animation-delay:.2s}.tutor-thinking-dots i:nth-child(3){animation-delay:.4s}@keyframes tutor-pulse{to{opacity:.25;transform:translateY(-3px)}}.playground-error{margin:0 18px 12px}.tutor-composer{background:#fff;border-top:1px solid #e9eaf0;padding:14px 18px 16px}.tutor-question-input{resize:vertical;min-height:76px;max-height:220px;font-family:inherit;font-size:12px;line-height:1.55}.tutor-composer-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.tutor-composer-footer>span{color:#89899d;font-size:9px}.tutor-send-button{align-items:center;gap:9px;min-height:35px;display:inline-flex}.playground-log-heading>span{color:#797991;font-size:9px}.playground-log-list{margin-top:14px}.playground-log-row{border-top:1px solid #f0f0f5;grid-template-columns:9px minmax(160px,1fr) auto auto auto;align-items:center;gap:10px;padding:11px 2px;display:grid}.playground-log-status{background:#27a36b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #27a36b18}.playground-log-status.has-error{background:#c94343;box-shadow:0 0 0 3px #c9434318}.playground-log-main{min-width:0}.playground-log-main strong{color:#51516c;text-overflow:ellipsis;white-space:nowrap;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.playground-log-main strong span{color:#77778f}.playground-log-main p{color:#a43838;margin:4px 0 0;font-size:9px;line-height:1.45}.playground-log-latency,.playground-log-row time{color:#77778f;white-space:nowrap;font-size:9px}.playground-log-empty{color:#85859b;text-align:center;padding:20px 10px 4px;font-size:10px}.balance-banner{background:linear-gradient(110deg,#eeeaff,#f7f6ff);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;padding:17px;display:flex}.balance-banner strong{font-size:22px;display:block}.balance-banner span{color:#70708c;font-size:10px}.tabs{gap:6px;margin:0 0 15px;padding-bottom:3px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);color:#656581;white-space:nowrap;background:#fff;border-radius:8px;min-height:34px;padding:0 11px;font-size:10px;font-weight:650}.tab.active{color:#4e38cb;background:#efedff;border-color:#d7d1ff}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11112a91;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e7e6f3;border-radius:15px;width:min(510px,100%);max-height:min(90vh,760px);padding:21px;overflow:auto;box-shadow:0 24px 80px #11112a44}.modal h2{letter-spacing:-.035em;margin:0;font-size:20px}.modal p{color:#70708b;font-size:11px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.secret-box{color:#392b93;overflow-wrap:anywhere;background:#f7f5ff;border:1px dashed #bcb3fa;border-radius:9px;padding:12px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.form-shell{background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:100vh;display:grid}.form-main{flex-direction:column;padding:25px clamp(22px,6vw,82px);display:flex}.form-main .brand{color:var(--ink)}.form-content{width:min(430px,100%);margin:auto;padding:35px 0}.auth-brand{justify-items:start;gap:7px;width:fit-content;margin-bottom:16px;display:grid}.auth-brand img{object-fit:contain;width:112px;height:112px;display:block}.auth-brand .brand-caption{color:var(--muted);font-size:11px}.form-content h1{letter-spacing:-.045em;margin:7px 0;font-size:32px}.form-content>p{color:var(--muted);margin:7px 0 22px;font-size:12px;line-height:1.55}.form-aside{color:#fff;background:radial-gradient(circle at 90% 18%,#8268ff 0,#0000 24%),linear-gradient(145deg,#3922a8,#1d1645);flex-direction:column;justify-content:center;padding:clamp(30px,7vw,82px);display:flex;position:relative;overflow:hidden}.form-aside:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-130px;right:-80px;box-shadow:0 0 0 35px #ffffff0c,0 0 0 80px #ffffff0a}.form-aside h2{z-index:1;letter-spacing:-.05em;max-width:550px;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.1;position:relative}.form-aside p{z-index:1;color:#d5ceff;max-width:430px;font-size:13px;line-height:1.7;position:relative}.feature-list{z-index:1;gap:15px;margin-top:28px;display:grid;position:relative}.feature{align-items:flex-start;gap:11px;display:flex}.feature-mark{color:#c4b8ff;background:#ffffff20;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.feature strong{font-size:12px;display:block}.feature span{color:#c5bee9;margin-top:3px;font-size:10px;line-height:1.5;display:block}.fine-print{color:#9292a8;margin-top:20px;font-size:9px;line-height:1.5}.mobile-brand{display:none}@media (max-width:1140px){.grid-three{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid-three .help-card{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.sidebar{align-items:center;width:66px;padding:16px 8px}.brand{padding:0}.brand-copy,.nav-caption,.nav-label,.side-promo,.account-copy,.logout{display:none}.main-nav{width:100%;margin-top:32px}.nav-link{justify-content:center;padding:0}.nav-icon{font-size:18px}.side-account{justify-content:center;width:100%;margin-top:auto;padding:14px 0 0}.workspace{width:calc(100% - 66px);margin-left:66px}.topbar{padding:0 17px}.workspace-content{padding:18px 16px 30px}.grid-two,.grid-three{grid-template-columns:1fr}.grid-three .help-card{grid-column:auto}.playground-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-log-row{grid-template-columns:9px minmax(120px,1fr) auto auto}.playground-log-row time,.hero-art,.hero-note{display:none}.form-shell{grid-template-columns:1fr}.form-aside{display:none}.form-main{min-height:100vh;padding:22px}.mobile-brand{margin-bottom:14px;display:flex}.auth-brand{display:none}}@media (max-width:520px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{gap:8px;min-height:88px;padding:10px}.metric-icon{width:34px;height:34px;font-size:15px}.metric-value{font-size:17px}.metric-label{font-size:9px}.topbar{min-height:62px}.topbar h1{font-size:16px}.topbar p{display:none}.online-pill{padding:7px 9px;font-size:9px}.top-actions{gap:7px}.hero{min-height:145px;padding:21px}.hero h2{font-size:22px}.hero p{max-width:320px;font-size:11px}.card{padding:14px}.chart-wrap{height:150px}.playground-intro{align-items:flex-start}.playground-intro .secondary-button{min-height:32px;padding:0 9px;font-size:9px}.playground-settings-grid{grid-template-columns:1fr;gap:9px}.playground-setup{padding:14px}.playground-session-id{max-width:50%}.tutor-preview-header{min-height:76px;padding:13px}.tutor-preview-badge{padding:5px 7px;font-size:8px}.tutor-conversation{max-height:600px;padding:16px 12px}.student-question{max-width:96%}.tutor-reply,.tutor-composer{padding:12px}.playground-error{margin:0 12px 10px}.playground-log-row{grid-template-columns:8px minmax(0,1fr) auto;gap:7px}.playground-log-latency{display:none}.form-row{grid-template-columns:1fr;gap:0}}