/* Anbo studio: shared login and workspace presentation. No external font or image requests. */
.login-client-note{color:#b7c4e6;font-size:12px}.login-tabs>span{display:inline-block;padding:12px 0;color:#6872ed;font-weight:600;font-size:13px;border-bottom:3px solid #7470f8}.binding-summary{display:grid;gap:7px}.license-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:250px}.binding-list{display:grid;gap:12px;max-height:50vh;overflow:auto;margin:20px 0}.binding-item{padding:16px;background:#f8f9ff;border:1px solid #e7eaf6;border-radius:14px;display:grid;gap:12px}.binding-item .sub{color:#737d99;margin-top:5px}.binding-item .actions button{font-size:12px;padding:7px 11px}@media(max-width:720px){.login-client-note{display:none}.binding-item{padding:12px}.binding-item .actions{gap:5px}.binding-item .actions button{font-size:11px}}
:root{--brand:#5263eb;--ink:#20253f;--muted:#83889d;--paper:#f7f8fc;--line:#e9ebf3;--blue:#5668f0;--purple:#8c70f2;--red:#d44f6b}
body{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.1px}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:color .18s,background .18s,box-shadow .18s,transform .18s}button{border-radius:11px;font-size:13px;padding:10px 17px}button:hover{background:#f4f5ff;border-color:#cbd0fa}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(115deg,#5274f6,#725be8);border:0;box-shadow:0 5px 14px #5c6aeb20;padding:11px 18px}button.primary:hover{box-shadow:0 8px 22px #6263ed32;background:linear-gradient(115deg,#4366eb,#634bdc)}button.danger{color:#ce5270;border-color:#f1d9e1;background:#fffafb}button:focus-visible,a:focus-visible{outline:3px solid #9aa9ff;outline-offset:3px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:500;margin-top:6px;opacity:.55;color:inherit}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#6d8aff,#7554e9);box-shadow:0 6px 18px #6474ee24;color:#fff}.brand-symbol .icon{width:25px;height:25px}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;border:0;background:transparent;padding:0;color:#8a90ac}.icon-button:hover{background:#eef0fc;color:var(--brand)}
/* Login: an open, illustrated stage and a quiet access column. */
.login{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;overflow:hidden;color:#fff;background:#101a42;background-image:radial-gradient(ellipse at 12% 35%,#2745aa70,transparent 54%),radial-gradient(ellipse at 86% 85%,#6446ac4a,transparent 48%),linear-gradient(125deg,#142247,#101a42 60%,#192344)}
.login:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.12;background-image:radial-gradient(#b1c5ff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 68%)}.login-aurora{position:absolute;z-index:-1;width:850px;height:850px;border:1px solid #a0b9ff0d;border-radius:50%;left:-460px;top:10%;box-shadow:0 0 0 85px #90aaff03,0 0 0 170px #90aaff03,0 0 0 255px #90aaff03;animation:aurora 15s ease-in-out infinite alternate}.login-header{display:flex;align-items:center;justify-content:space-between;width:min(1340px,calc(100% - 100px));margin:0 auto;padding:38px 0}.login-header .brand small{opacity:.62}.login-switch{display:flex;gap:12px;align-items:center;font-size:12px;text-decoration:none;color:#ccd6f2;padding:10px 16px;border:1px solid #b8c9ff25;border-radius:30px}.login-switch:hover{background:#ffffff0e;color:white}.login-switch .icon{width:16px}
.login-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(370px, .9fr);align-items:center;gap:86px;width:min(1220px,calc(100% - 100px));margin:auto;flex:1;padding:35px 0 42px}.login-story{align-self:center;min-width:0}.login .eyebrow{display:flex;align-items:center;gap:10px;color:#9daff4;font-size:10px;font-weight:600;letter-spacing:2.8px;margin-bottom:25px}.live-dot{width:6px;height:6px;border-radius:50%;background:#91b0ff;box-shadow:0 0 0 5px #94b0ff10}.login-story h1{font-weight:650;letter-spacing:-2px;font-size:clamp(32px,3.3vw,49px);line-height:1.5;white-space:nowrap;margin-bottom:18px}.login-story h1 span{background:linear-gradient(110deg,#78adff,#b3a2ff);color:transparent;background-clip:text}.story-copy{font-size:14px;line-height:1.95;color:#98a8ce;letter-spacing:.5px}
.studio-scene{position:relative;height:305px;margin-top:17px;max-width:570px}.scene-orbit{position:absolute;border:1px solid #8dacf026;border-radius:50%;width:395px;height:156px;left:46px;top:83px;transform:rotate(-18deg)}.orbit-two{transform:rotate(30deg);border-style:dashed;border-color:#a8b2f91a}.orbit-three{width:290px;height:290px;left:99px;top:8px;border-color:#8caff00d;box-shadow:0 0 55px #6998ff06}.scene-core{position:absolute;left:176px;top:83px;width:142px;height:142px;background:radial-gradient(circle at 27% 22%,#d5e4ff,#8faffb 44%,#6866d7 85%);border-radius:46% 50% 47% 46%;box-shadow:inset -9px -12px 25px #493b9160,inset 8px 7px 23px #d9e6ff80,0 24px 75px #627fee45;transform:rotate(-8deg);animation:mascot-float 6s ease-in-out infinite}.mascot-eyes{position:absolute;display:flex;gap:25px;left:44px;top:48px}.mascot-eyes i{height:16px;width:7px;background:#304472;border-radius:10px;animation:blink 7s infinite}.mascot-smile{position:absolute;left:54px;top:71px;width:34px;height:19px;border:3px solid #344d80;border-top:0;border-radius:0 0 30px 30px}.mascot-blush{position:absolute;left:30px;top:72px;width:17px;height:7px;border-radius:50%;background:#efaec960;box-shadow:68px 0 #efaec960}.scene-bubble{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #b1c2ff26;backdrop-filter:blur(12px);border-radius:15px;color:#dce6ff;font-size:11px;box-shadow:0 15px 25px #020b251c}.bubble-one{left:8px;top:50px;padding:13px 17px;background:linear-gradient(100deg,#38508e99,#35407980);transform:rotate(-5deg);animation:bubble-float 8s ease-in-out infinite}.bubble-one .icon{width:18px;color:#a9beff}.bubble-dots{font-size:19px;color:#adbfff;margin-left:6px}.bubble-two{left:284px;top:141px;background:linear-gradient(100deg,#ffffffed,#e5eaffeb);color:#354573;padding:14px 17px;transform:rotate(5deg);box-shadow:0 18px 34px #090d362a;animation:bubble-float 7s ease-in-out infinite reverse}.bubble-two small{display:block;font-size:9px;font-weight:400;color:#8b92ad;margin-top:4px}.bubble-avatar{display:grid;place-items:center;width:32px;height:32px;background:#e4eaff;border-radius:50%;font-weight:700;color:#7d84d2;font-style:italic}.bubble-three{left:49px;top:226px;background:#2e427d65;border-color:#8cacef16;padding:10px 16px;letter-spacing:1.5px;font-size:9px;color:#acbde4}.sound-bars{display:flex;align-items:center;gap:3px;height:21px}.sound-bars i{height:10px;width:3px;border-radius:3px;background:#acb9ff;animation:sound .95s ease-in-out infinite alternate}.sound-bars i:nth-child(2){height:20px;animation-delay:-.3s}.sound-bars i:nth-child(3){height:14px;animation-delay:-.7s}.sound-bars i:nth-child(4){height:22px;animation-delay:-.2s}.sound-bars i:nth-child(5){height:7px;animation-delay:-.6s}.scene-star{position:absolute;color:#cfceff}.star-one{left:337px;top:51px;font-size:24px;animation:twinkle 4s infinite alternate}.star-two{left:120px;top:158px;font-size:18px;opacity:.5}.scene-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#b7a4ff;box-shadow:0 0 14px #a792fd77}.dot-one{left:400px;top:103px}.dot-two{left:307px;top:252px;width:4px;height:4px;background:#7dbbff}.scene-caption{position:absolute;left:286px;top:270px;font-size:9px;color:#7487ba;letter-spacing:2px}.story-features{display:flex;gap:27px;margin-top:9px;font-size:11px;color:#9aaad0}.story-features span{display:flex;align-items:center;gap:8px}.story-features .icon{width:16px;height:16px;color:#8a9cdf}
.login-access{width:100%;max-width:455px;justify-self:end}.login-card{position:relative;max-width:none;border:1px solid #ffffff90;background:#fffffffa;border-radius:25px;padding:32px 35px 24px;color:var(--ink);box-shadow:0 28px 85px #060d3030}.access-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.access-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;color:#6374e7;background:linear-gradient(145deg,#eef2ff,#ede9ff)}.access-tag{font-size:8px;letter-spacing:2.2px;color:#a0a5b9}.login-card h2{font-size:24px;letter-spacing:-.7px;margin-bottom:8px}.login-card>.muted{font-size:12px;color:#9296a9}.login-tabs{display:flex;border-bottom:1px solid #ebedf5;gap:30px;margin-top:24px}.login-tabs a{text-decoration:none;color:#9a9eb1;font-size:12px;padding:0 0 12px;position:relative}.login-tabs a.active{font-weight:650;color:#5469df}.login-tabs a.active:after{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:3px;border-radius:3px;background:#6876ed}.login-card form{gap:17px;margin-top:22px}.login-card label{font-weight:550;font-size:12px;color:#51596e}.field-heading{display:flex;align-items:center;justify-content:space-between}.text-button{font-size:10px;border:0;background:none;padding:0;color:#818bba;font-weight:400}.field{position:relative;margin-top:8px}.login-card input,.login-card textarea{font-size:12px;background:#f8f9fd;border:1px solid #e9ecf5;border-radius:11px;padding:13px 15px;transition:box-shadow .2s,background .2s}.login-card textarea{min-height:75px;height:75px;resize:vertical;line-height:1.6}.login-card input::placeholder,.login-card textarea::placeholder{color:#b2b6c8}.login-card input:focus,.login-card textarea:focus{outline:0;box-shadow:0 0 0 3px #7884ef14;border-color:#a5b0f2;background:white}.password-field input{padding-right:45px}.password-toggle{position:absolute;right:6px;top:6px;width:34px;height:34px;padding:0;border:0;background:transparent;color:#a4aac1;display:grid;place-items:center}.password-toggle .icon{width:17px}.login-card .login-submit{display:flex;align-items:center;justify-content:center;gap:13px;border-radius:11px;margin-top:6px;min-height:46px;letter-spacing:2px;font-size:13px}.login-submit .icon{width:17px}.login-security{display:flex;gap:6px;justify-content:center;align-items:center;color:#aaaec1;font-size:9px;margin-top:22px}.login-security .icon{width:13px;height:13px}.login-footer{width:min(1340px,calc(100% - 100px));margin:0 auto;padding:20px 0 26px;display:flex;justify-content:space-between;font-size:10px;color:#7083af;gap:12px}.footer-dot{padding:0 10px;opacity:.5}
/* Dynamic content is local, never sent to the stream. */
.joke-widget{padding:20px 6px 0;color:#9aabd1}.joke-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.joke-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#bdc9e9}.joke-label>.icon{color:#b1b6f4;width:17px;height:17px}.joke-label em{font-size:7px;letter-spacing:1.2px;font-style:normal;opacity:.45;margin-left:4px}.joke-tools{display:flex;align-items:center;gap:3px}.joke-tools button{color:#98aad0;background:transparent;border:none;padding:3px 7px;font-size:10px;font-weight:400}.joke-tools .icon-button{width:24px;height:24px;font-size:13px}.joke-next .icon{width:11px;height:11px;margin-left:2px}.joke-tools button:hover{background:#a7b9ff12;color:white}.joke-body{padding-top:10px;min-height:80px}.joke-topic{display:none}.joke-copy{font-size:12px;line-height:1.8;max-width:380px;min-height:44px}.joke-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#667ba7;letter-spacing:.6px}.joke-index{font-variant-numeric:tabular-nums}.help-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef1ff;color:#6172df;margin-bottom:16px}.help-steps{padding-left:23px;line-height:2.1;color:#6d758d;margin-bottom:25px;font-size:13px}
/* Workspace: floating navigation, one continuous metrics ribbon, generous rows. */
.layout{grid-template-columns:232px minmax(0,1fr);background:radial-gradient(ellipse at 90% 0%,#f0effd,transparent 45%),#f7f8fc}.sidebar{padding:32px 22px 20px;background:#fff;border-right:1px solid #edf0f7;color:#252b48;height:100vh}.sidebar .brand{gap:9px;font-size:17px;letter-spacing:.4px;padding:0 4px}.sidebar .brand-symbol{width:36px;height:36px;border-radius:12px}.sidebar .brand small{font-size:7px;letter-spacing:1.5px;margin:5px 0 0;color:#8991b0;opacity:1}.workspace-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:42px 13px 16px;color:#a5abc0;letter-spacing:1px}.workspace-label span{font-size:7px;letter-spacing:1.5px;opacity:.65}.nav{gap:8px;margin-top:0}.nav button{display:flex;align-items:center;gap:11px;color:#80879f;padding:12px 14px;border-radius:13px;font-size:12px}.nav button .icon{width:18px;height:18px;opacity:.85}.nav button:hover{background:#f6f7fd;color:#616cdf}.nav button.active{background:linear-gradient(110deg,#eef0ff,#f3f2ff);color:#5969dd;font-weight:650}.nav button.active i{width:5px;height:5px;border-radius:50%;background:#7682e9;margin-left:auto}.sidebar-note{margin:auto 4px 26px;padding:23px 14px 17px;position:relative;border-radius:18px;background:linear-gradient(150deg,#f5f6fd,#f9f8fe);overflow:hidden}.sidebar-note:after{content:"";width:75px;height:75px;border:1px solid #e5e5f7;border-radius:50%;position:absolute;right:-28px;top:-18px}.sidebar-note>.icon{color:#9c91d7;width:20px;margin-bottom:10px}.sidebar-note strong{display:block;font-size:11px;font-weight:600;color:#767b9b}.sidebar-note p{font-size:10px;line-height:1.9;color:#a8adc1;margin-top:7px}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:20px 4px 0;margin-top:0;border-top:1px solid #f0f1f7}.profile-avatar{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(140deg,#e8eafe,#f2e8ff);border:3px solid #fff;box-shadow:0 0 0 1px #efedf9;border-radius:50%;font-size:11px;color:#8d88c4}.sidebar-bottom strong{display:block;font-size:10px;font-weight:600;color:#686f8b}.sidebar-bottom small{display:block;margin:2px 0 0;font-size:8px;color:#aaaec1}.sidebar-bottom .icon-button{margin-left:auto;background:transparent;border:0;color:#a3a9bf;width:27px}.sidebar-bottom .icon{width:15px}.topbar{background:#ffffff75;border-bottom:1px solid #ebedf580;height:73px;padding:0 38px;backdrop-filter:blur(12px)}.topbar .identity{gap:13px}.identity .breadcrumb{font-size:11px;color:#a0a6bc}.breadcrumb-slash{color:#ced2e0;font-weight:300}.topbar .identity strong{font-size:12px;font-weight:500;color:#707793}.header-logout{display:flex;gap:9px;align-items:center;border:0;background:transparent;font-size:10px;color:#999fb4;padding:8px}.header-logout .icon{width:14px}.worker-status{position:relative;font-size:9px;color:#a2a8bb;padding-left:13px;margin-right:11px}.worker-status:before{content:"";position:absolute;width:5px;height:5px;background:#d4b481;border-radius:50%;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 0 3px #ead5ac20}.worker-status.connected:before{background:#62b8a3;box-shadow:0 0 0 3px #62b8a310}.main{padding:28px 38px 25px;max-width:1580px}.welcome{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px, .85fr);gap:24px;margin-bottom:34px;min-height:179px}.welcome-main{border-radius:21px;position:relative;overflow:hidden;padding:27px 29px;background:linear-gradient(115deg,#e9eefe,#eeeeff 60%,#e9e9fb);isolation:isolate}.welcome-main .eyebrow{font-size:8px;color:#929fce;letter-spacing:2px;margin-bottom:11px}.welcome-main h2{font-size:18px;font-weight:600;letter-spacing:-.4px;color:#4f5c93;position:relative;z-index:1;max-width:80%;line-height:1.6}.welcome-main>p{color:#919bbd;font-size:10px;margin-top:7px;position:relative;z-index:1;max-width:83%;line-height:1.9}.welcome-meta{display:flex;align-items:center;gap:18px;margin-top:20px;font-size:8px;color:#969fc4}.welcome-meta span:first-child{display:flex;gap:5px;align-items:center}.welcome-meta .icon{width:12px;height:12px}.welcome-rings{position:absolute;right:22px;bottom:9px;width:105px;height:132px;color:#a8b4ef;opacity:.6;transform:rotate(-15deg);z-index:-1}.welcome-rings i{position:absolute;width:130px;height:90px;border:1px solid #a5b0e148;border-radius:50%;top:25px;left:-10px;transform:rotate(45deg)}.welcome-rings i:nth-child(2){transform:rotate(-35deg)}.welcome-rings i:nth-child(3){transform:rotate(90deg);background:radial-gradient(#e1e5ff,transparent 70%);width:90px;height:90px;left:10px}.welcome-rings>.icon{position:absolute;left:40px;top:52px;width:38px;height:38px}.compact-joke{padding:14px 8px 10px 3px;align-self:center;color:#888fa8}.compact-joke .joke-label{color:#7d85a3}.compact-joke .joke-label>.icon{color:#a38ccf}.compact-joke .joke-tools button{color:#a1a7c0}.compact-joke .joke-tools button:hover{background:#e9ecfb;color:#646fd2}.compact-joke .joke-body{min-height:79px;padding-top:13px}.compact-joke .joke-topic{display:block;font-size:8px;color:#b0a9c6;margin-bottom:5px}.compact-joke .joke-copy{font-size:11px;line-height:1.9}.compact-joke .joke-footer{color:#b4b8c9;margin-top:6px}.heading{margin-bottom:23px;gap:15px}.heading h1{font-size:22px;letter-spacing:-.6px;font-weight:650}.heading p{font-size:11px;color:#a0a6ba;margin-top:7px}.heading .actions button{font-size:11px;padding:10px 14px;border-radius:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:18px;background:#fff;padding:23px 6px;margin-bottom:25px;box-shadow:0 4px 22px #23306203;border:1px solid #f0f1f8}.stat{position:relative;padding:0 24px;background:transparent;border:0;border-radius:0}.stat:not(:first-child){border-left:1px solid #f0f1f8}.stat>small:first-child{display:flex;align-items:center;gap:7px;font-size:10px;color:#969db4}.stat>small:first-child:before{content:"";width:5px;height:5px;background:#8f9eee;border-radius:50%}.stat:nth-child(2)>small:first-child:before{background:#90caba}.stat:nth-child(3)>small:first-child:before{background:#baaadf}.stat:nth-child(4)>small:first-child:before{background:#e8c392}.stat strong{font-size:28px;font-weight:650;letter-spacing:-1px;color:#515b84;margin-top:9px;line-height:1.4;font-variant-numeric:tabular-nums}.stat:last-child strong{font-size:23px;margin-top:13px}.stat>small:last-child{display:block;font-size:8px;color:#b0b5c8;margin-top:6px;line-height:1.7;white-space:normal}.panel{border:1px solid #eff0f7;border-radius:18px;padding:23px;box-shadow:0 3px 20px #40529602;margin-bottom:23px}.panel .panel{padding:17px 0;border:0;border-bottom:1px solid #f0f2f8;border-radius:0;box-shadow:none;margin-bottom:0}.panel-head h2,.panel>h2{font-size:15px;font-weight:600}.panel>form{margin-top:18px}.panel form label{color:#777f99;font-size:12px;font-weight:500}input,textarea,select{border-color:#e8ebf4;border-radius:10px;background:#fcfcfe;color:#4b5473;font-size:12px;padding:11px 13px}input:focus,textarea:focus,select:focus{outline:0;border-color:#aab3f4;box-shadow:0 0 0 3px #7184eb0b;background:white}input::placeholder,textarea::placeholder{color:#b8bed0}.toolbar{gap:10px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #f2f3f8}.toolbar button{font-size:10px;padding:8px 12px;border-radius:9px}.toolbar .check-label{font-size:11px;color:#929ab4;margin-right:6px}.toolbar input:not([type=checkbox]){width:290px;border-radius:11px;background:#f9fafe}input[type=checkbox]{width:15px;height:15px;accent-color:#7382ea}.toolbar .check-label input[type=checkbox]{width:15px;flex-basis:15px}.table-wrap{scrollbar-width:thin;scrollbar-color:#e4e7f4 transparent}th{background:#fafbfe;color:#a5acc2;font-size:10px;padding:10px 13px;border:0;font-weight:400}th:first-child{border-radius:8px 0 0 8px}th:last-child{border-radius:0 8px 8px 0}td{font-size:11px;color:#777f99;border-color:#f3f4f9;padding:18px 13px}td strong{font-weight:600;color:#5b6483}td .sub{font-size:9px;color:#b1b7ca;margin-top:5px}tbody tr{transition:background .2s}tbody tr:hover{background:#fcfcff}td button{font-size:9px;padding:5px 9px;border-radius:7px;border-color:#e9ecf6;background:#fcfdff;color:#828bb0}td .avatar{width:35px;height:35px;background:linear-gradient(135deg,#edf1ff,#f0eafd);font-size:11px;margin-right:11px;border:3px solid #fff;box-shadow:0 0 0 1px #eceefa;color:#a39acb}.badge{font-size:9px;padding:3px 8px;border-radius:6px;background:#f0f2f8;color:#9ba3bb;font-weight:400}.badge.good{background:#eff8f3;color:#81b49c}.badge.bad{background:#fff1f4;color:#d68b9d}.badge.warn{background:#fdf6e9;color:#c1ab7e}.notice{padding:12px 16px;border:0;border-left:2px solid #e7d5b0;border-radius:0 9px 9px 0;background:#fbf8f0;color:#b29d73;font-size:10px;line-height:1.9;margin-bottom:22px}.notice.error{border-left-color:#e4b3c0;background:#fff3f6;color:#c0768b}.code-output{background:linear-gradient(110deg,#f0f2fd,#f5f2fe);border-color:#e7e9f8;border-radius:16px;padding:22px;color:#7b83a6}.code-output strong{font-size:12px;color:#6b74a0}.code-output p{font-size:10px;margin-top:7px}.code-output textarea{font-size:11px;border-color:#e2e6f6;background:#ffffffbd}.code-output button{font-size:10px;border-color:#e2e6f5}.empty{padding:50px 20px;color:#b0b6c9;font-size:11px}.empty:before{content:"";display:block;width:34px;height:30px;border:2px solid #dce1f2;border-radius:9px;transform:rotate(-8deg);margin:0 auto 20px;box-shadow:7px -5px 0 -2px #f1f3fa}.empty strong{font-size:13px;color:#949cb6;margin-bottom:10px}.workspace-footer{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding:0 4px;font-size:8px;color:#b6bccf;letter-spacing:.5px}.workspace-footer>span:first-child span{padding:0 8px}.grid2{gap:24px;grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr)}.small-actions{font-size:10px}.paragraph{line-height:1.9}dialog{border:1px solid #e9ecf7;border-radius:21px;box-shadow:0 25px 95px #26366526;padding:30px;max-width:calc(100vw - 30px)}dialog::backdrop{background:#16234d45;backdrop-filter:blur(4px)}dialog h2{font-size:19px;color:#4a5378}dialog label{font-size:12px;color:#7b839e;font-weight:500}.dialog-actions{padding-top:9px}.dialog-actions button{font-size:12px}#toast{font-size:12px;border-radius:12px;background:#535f9f;box-shadow:0 8px 22px #44529520;padding:13px 21px}#toast.error{background:#bd6882}.bot-pick{border-color:#e8ebf5;border-radius:12px;background:#fafbfe;padding:15px}.bot-pick .check-label{font-size:11px}.progress progress{height:5px;accent-color:#909ced}.progress{color:#9ba3bc;font-size:10px}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-3deg)}}@keyframes bubble-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes sound{to{transform:scaleY(.45)}}@keyframes twinkle{to{opacity:.4;transform:rotate(20deg)}}@keyframes aurora{to{transform:translate(50px,50px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@media(min-width:1700px){.login-stage{gap:125px;max-width:1300px}.login-story h1{font-size:54px}.studio-scene{margin-top:30px;height:335px}.login-card{padding:38px 40px 28px}.main{padding-top:34px}}
@media(max-width:1150px){.login-stage{gap:36px;width:calc(100% - 70px);grid-template-columns:minmax(0,1fr) 380px}.login-story h1{font-size:34px}.studio-scene{transform:scale(.85);transform-origin:left center;margin-right:-65px}.story-features{gap:16px;font-size:9px}.story-copy{font-size:12px}.login-header,.login-footer{width:calc(100% - 70px)}.login-card{padding:27px}.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 15px 18px}.sidebar .brand{font-size:15px}.sidebar .brand-symbol{width:31px;height:31px}.sidebar .brand small{font-size:6px}.nav button{font-size:11px;gap:9px;padding:12px 11px}.main{padding:25px}.topbar{padding:0 25px}.welcome{gap:18px;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}.welcome-main{padding:22px}.welcome-main h2{font-size:16px;max-width:95%}.welcome-main>p{max-width:95%}.welcome-meta{gap:8px;flex-wrap:wrap}.compact-joke .joke-label em{display:none}.stat{padding:0 17px}.stat strong{font-size:24px}.stat:last-child strong{font-size:20px}.grid2{grid-template-columns:1fr}}
@media(max-width:860px){.login-stage{grid-template-columns:minmax(0,1fr) 355px;gap:22px;width:calc(100% - 50px)}.login-header,.login-footer{width:calc(100% - 50px)}.login-story h1{font-size:27px;letter-spacing:-1px}.login .eyebrow{font-size:7px;letter-spacing:1.5px}.studio-scene{transform:scale(.65);margin-top:-5px;margin-bottom:-60px}.story-copy{font-size:11px}.story-features{gap:11px;flex-wrap:wrap;font-size:8px}.story-features .icon{width:13px}.login-card h2{font-size:21px}.login-access{max-width:355px}.welcome{grid-template-columns:1fr}.compact-joke{display:none}.main{padding:22px}.stats{padding:20px 0}.stat{padding:0 13px}.stat strong{font-size:22px}.stat:last-child strong{font-size:18px}.stat>small:first-child{font-size:9px}.sidebar-note{padding:19px 10px}.welcome-main h2{max-width:90%}}
@media(max-width:720px){.login{min-height:100svh}.login-header{padding:22px 0;width:calc(100% - 40px)}.login-header .brand{font-size:16px;gap:9px}.login-header .brand-symbol{width:34px;height:34px;border-radius:12px}.login-header .brand small{font-size:6px;letter-spacing:1.6px}.login-switch{font-size:9px;padding:8px 11px;gap:6px}.login-switch .icon{width:12px}.login-stage{display:flex;flex-direction:column;gap:24px;width:min(440px,calc(100% - 40px));padding:15px 0 20px;margin:0 auto;flex:1}.login-story{width:100%;text-align:center}.login .eyebrow{justify-content:center;margin-bottom:12px;font-size:7px;letter-spacing:2px}.login-story h1{font-size:30px;line-height:1.5;margin:0;letter-spacing:-1px}.story-copy,.studio-scene,.story-features{display:none}.login-access{max-width:440px}.login-card{padding:24px;border-radius:22px}.access-top{margin-bottom:18px}.login-card h2{font-size:21px}.login-card>.muted{font-size:11px}.login-tabs{margin-top:20px}.login-card form{margin-top:19px}.login-security{font-size:8px;margin-top:18px}.joke-widget{padding:20px 9px 0}.joke-body{min-height:68px}.joke-copy{font-size:11px;min-height:40px}.joke-footer{font-size:7px}.login-footer{width:calc(100% - 44px);font-size:8px;padding:18px 0 22px;justify-content:center;margin-top:0}.login-footer>span:last-child{display:none}.layout{display:block}.sidebar{height:auto;position:static;padding:20px 18px 12px;border-right:0;background:#ffffffed;border-bottom:1px solid #eceefa}.sidebar .brand{font-size:16px;gap:9px}.sidebar .brand-symbol{width:32px;height:32px}.sidebar .brand small{display:block;font-size:6px}.workspace-label{position:absolute;right:21px;top:30px;margin:0;font-size:9px;gap:8px}.workspace-label span{display:none}.nav{display:flex;overflow-x:auto;margin-top:19px;gap:4px;scrollbar-width:none}.nav button{flex-shrink:0;font-size:11px;padding:9px 12px;gap:7px;border-radius:10px}.nav button .icon{width:15px;height:15px}.nav button.active i{display:none}.sidebar-bottom,.sidebar-note{display:none}.topbar{height:55px;padding:0 19px;background:transparent}.topbar .identity{gap:8px}.identity .breadcrumb,.breadcrumb-slash{display:none}.topbar .identity strong{font-size:11px;max-width:195px}.topbar .actions{gap:3px;flex-wrap:nowrap}.worker-status{display:none}.topbar .icon-button{width:29px;height:29px}.header-logout{font-size:9px}.main{padding:8px 17px 25px}.welcome{margin-bottom:27px;min-height:auto}.welcome-main{padding:23px;border-radius:18px}.welcome-main h2{font-size:17px}.welcome-main>p{max-width:90%;font-size:9px}.welcome-meta{margin-top:16px;font-size:7px;gap:14px}.welcome-main .eyebrow{font-size:6px;letter-spacing:1.5px}.welcome-rings{right:7px;opacity:.45}.heading{margin-bottom:19px;align-items:flex-start;gap:12px}.heading h1{font-size:19px}.heading p{font-size:9px;line-height:1.8;max-width:210px}.heading .actions{gap:6px;justify-content:flex-end;max-width:100px;flex-shrink:0}.heading .actions button{font-size:9px;white-space:nowrap;padding:8px 10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px;border-radius:16px;margin-bottom:20px}.stat{padding:19px 11px}.stat:nth-child(3){border-left:0;border-top:1px solid #f0f1f8}.stat:nth-child(4){border-top:1px solid #f0f1f8}.stat strong{font-size:25px}.stat:last-child strong{font-size:21px;margin-top:12px}.stat>small:last-child{font-size:7px;line-height:1.8}.stat>small:first-child{font-size:9px}.panel{border-radius:15px;padding:16px;margin-bottom:19px}.toolbar{gap:8px;padding-bottom:14px}.toolbar button{font-size:9px;padding:7px 10px}.toolbar .check-label{font-size:10px}.toolbar input:not([type=checkbox]){width:100%}.notice{font-size:9px;padding:11px 13px;line-height:1.9}.workspace-footer{margin-top:25px;font-size:7px;flex-wrap:wrap;gap:8px}.grid2{grid-template-columns:minmax(0,1fr);gap:0}.form-row{grid-template-columns:1fr}.bot-pick{grid-template-columns:1fr}dialog{padding:24px;width:calc(100% - 32px);border-radius:19px}dialog h2{font-size:18px}.login .joke-label em{font-size:6px}.code-output{padding:17px}.code-output button{font-size:9px}.table-wrap table td,.table-wrap table th{padding-left:10px;padding-right:10px}.table-wrap{margin-right:-3px}.login-card form button.text-button{font-size:9px}}
/* Keep the softer palette legible at normal browser zoom. */
.nav button{font-size:13px;color:#737d99}.sidebar-note strong,.sidebar-bottom strong{font-size:12px}.sidebar-note p{font-size:11px;color:#8b94ad}.sidebar-bottom small{font-size:10px}.sidebar .brand small{font-size:8px}.workspace-label{font-size:11px}.heading p{font-size:12px;color:#7d87a0}.heading .actions button,.toolbar button{font-size:12px}.welcome-main h2{font-size:20px}.welcome-main>p{font-size:12px;color:#7783a7}.welcome-meta{font-size:10px;color:#8490b2}.compact-joke .joke-copy{font-size:13px;color:#75809e}.compact-joke .joke-label{font-size:12px;color:#707b9b}.compact-joke .joke-topic{font-size:10px}.joke-footer{font-size:10px}.joke-tools button{font-size:11px}.stat>small:first-child{font-size:12px;color:#7c87a4}.stat>small:last-child{font-size:10px;color:#929db8}.table-wrap th{font-size:11px;color:#8691ad}.table-wrap td{font-size:13px;color:#6e7a98}.table-wrap td .sub{font-size:10px;color:#96a1ba}.table-wrap td button{font-size:11px}.badge{font-size:11px;color:#8590ac}.badge.good{color:#498d72}.badge.bad{color:#bf7186}.badge.warn{color:#a28b58}.notice{font-size:12px;color:#a38b5e}.workspace-footer{font-size:10px;color:#9da7c0}.identity .breadcrumb,.topbar .identity strong{font-size:12px}.worker-status{font-size:11px}.toolbar .check-label{font-size:12px}.login-card label,.login-card input,.login-card textarea{font-size:13px}.login-card>.muted{font-size:12px}.login .joke-copy{font-size:13px}.login-security{font-size:10px}.login-footer{font-size:11px}.login .story-features{font-size:12px}.code-output strong{font-size:13px}.code-output p,.code-output button{font-size:11px}.code-output textarea{font-size:12px}.empty{font-size:12px}.empty strong{font-size:14px}
@media(max-width:720px){.nav button{font-size:12px}.workspace-label{font-size:10px}.heading .actions button{font-size:11px}.heading p{font-size:11px}.welcome-main h2{font-size:18px}.welcome-main>p{font-size:11px}.welcome-meta{font-size:9px}.stat>small:first-child{font-size:11px}.stat>small:last-child{font-size:9px}.toolbar button{font-size:11px}.notice{font-size:11px}.workspace-footer{font-size:9px}.login-footer{font-size:9px}.login-security{font-size:9px}.login .joke-copy{font-size:12px}.joke-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.login-card .login-reuse{width:100%;display:flex;justify-content:center;align-items:center;min-height:44px;background:#ffffff09;border:1px solid #a6b5f238;color:#ced6f6;border-radius:12px;font-size:12px;transition:background .2s,border-color .2s}.login-card .login-reuse:hover{background:#7b8be822;border-color:#a6b5f270}.login-reuse-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;color:#8e9aba;font-size:10px;line-height:1.7}.login-reuse-note .text-button{font-size:10px;color:#b6c2eb;padding:2px 0;background:transparent;border:0}