:root{--font-cn: "PingFang SC", "PingFang HK", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-en: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "San Francisco", "Helvetica Neue", Arial, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "PingFang HK", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;--font-title: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "PingFang HK", "Microsoft YaHei UI", sans-serif;--font-number: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-button: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "PingFang HK", "Microsoft YaHei UI", sans-serif;--font-body-weight: 400;--font-title-medium-weight: 500;--font-title-weight: 600;--font-strong-weight: 700;--bg: #ffffff;--bg-soft: #ffffff;--nav-bg: #f3f3f3;--content-bg: #ffffff;--nav-content-transition: linear-gradient(90deg, rgba(0,0,0,.075) 0, rgba(0,0,0,.034) 1px, rgba(0,0,0,.014) 5px, rgba(0,0,0,0) 14px);--site-bg-image: url(site-background-hd.jpg);--login-bg-image: url(login-tech-bg.png);--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .9);--surface-raised: rgba(255, 255, 255, .82);--surface-muted: rgba(118, 118, 128, .08);--surface-tint: rgba(14, 165, 233, .08);--separator: rgba(60, 60, 67, .18);--separator-soft: rgba(60, 60, 67, .1);--separator-strong: rgba(60, 60, 67, .28);--line: var(--separator);--line-soft: var(--separator-soft);--line-strong: var(--separator-strong);--text: #1d1d1f;--muted: rgba(60, 60, 67, .74);--muted-2: rgba(60, 60, 67, .48);--primary: #0877ff;--secondary: #19b8d6;--accent: #0877ff;--accent-hover: #0a84ff;--accent-soft: rgba(8, 119, 255, .1);--accent-line: rgba(8, 119, 255, .22);--accent-fill: #0877ff;--accent-shadow: none;--control-bg: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.46)), rgba(255,255,255,.62);--control-bg-hover: linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.58)), rgba(255,255,255,.78);--control-active: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.44)), rgba(0,122,255,.12);--control-border: rgba(255,255,255,.66);--control-shadow: 0 10px 24px rgba(31, 62, 96, .07), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(255,255,255,.24);--logo-green: #2fb344;--logo-green-bright: #6ee77d;--logo-green-soft: rgba(47, 179, 68, .12);--logo-green-line: rgba(47, 179, 68, .24);--liquid-green: var(--accent-fill);--liquid-green-soft: var(--control-bg);--liquid-green-hover: var(--control-bg-hover);--liquid-white: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.56)), rgba(255,255,255,.76);--cyan: #0ea5e9;--green: #23b14d;--amber: #ff9f0a;--rose: #ff375f;--purple: #7c3aed;--mint: #14b8a6;--radius-card: 17px;--radius-inner: 17px;--radius-button: 17px;--shadow-card-soft: 0 7px 28px rgba(62, 95, 138, .08);--shadow-card: 0 8px 32px rgba(48, 104, 156, .1);--shadow-card-strong: 0 10px 36px rgba(48, 104, 156, .12);--shadow-card-hover: 0 10px 38px rgba(48, 104, 156, .14);--shadow-1: var(--shadow-card-soft);--shadow-2: var(--shadow-card);--shadow-3: var(--shadow-card-strong);--material-blur: blur(30px) saturate(190%);--frost-card: linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(246,252,255,.58) 48%, rgba(218,239,255,.46) 100%), radial-gradient(circle at 16% 0%, rgba(255,255,255,.86), rgba(255,255,255,0) 36%), radial-gradient(circle at 72% 100%, rgba(0,122,255,.12), rgba(0,122,255,0) 44%), rgba(255,255,255,.46);--frost-card-strong: linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(248,252,255,.66) 48%, rgba(220,240,255,.54) 100%), radial-gradient(circle at 16% 0%, rgba(255,255,255,.92), rgba(255,255,255,0) 38%), radial-gradient(circle at 72% 100%, rgba(0,122,255,.14), rgba(0,122,255,0) 46%), rgba(255,255,255,.56);--frost-border: rgba(255,255,255,.76);--frost-border-soft: rgba(255,255,255,.58);--frost-shadow: var(--shadow-card-soft);--frost-shadow-strong: var(--shadow-card);--frost-blur: blur(36px) saturate(185%);--sidebar-speed: .34s;--sidebar-ease: cubic-bezier(.22, 1, .36, 1);--page-pad-x: clamp(12px, 1.7vw, 32px);--page-pad-y: clamp(12px, 1.2vw, 22px);--layout-gap: 13.6px;--card-padding: 24.5px;--step-padding: 20.4px;--result-padding: 18.4px;--inner-card-padding: 16.3px;--sidebar-main-gap: calc(var(--layout-gap) * .8);--sidebar-width: 250px;--app-max-width: 2000px;--home-chat-width: 1280px;--luxury-home-bg: linear-gradient(180deg, #ffffff 0%, #fbfaf7 46%, #f7f6f2 100%), repeating-linear-gradient(116deg, rgba(198,161,95,.045) 0 1px, transparent 1px 18px)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);font-family:var(--font-system);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-system);font-weight:var(--font-body-weight);font-size:14px;line-height:1.5;letter-spacing:0;background:var(--content-bg);transition:background .24s ease,color .24s ease;overflow-x:hidden}button,input{font:inherit;font-family:var(--font-system)}button{border:0;cursor:pointer}body.login-active{overflow:hidden;background:#fffaf8}body:not(.login-active){background:var(--luxury-home-bg)}body.login-active .app,body.login-active .modal{display:none}body.login-active .mobile-tabbar,body.login-active .mobile-more-menu{display:none!important}.login-screen{min-height:100vh;display:none;position:relative;overflow:hidden;padding:clamp(28px,5vw,72px);background:radial-gradient(ellipse 62% 54% at -4% -5%,#ffdcecd1,#ffdcec00 58%),radial-gradient(ellipse 58% 48% at 92% 2%,#ffedd6db,#ffedd600 62%),radial-gradient(ellipse 48% 58% at 94% 46%,#ffd5e9b8,#ffd5e900 64%),radial-gradient(ellipse 52% 44% at 47% 104%,#ffefdeb3,#ffefde00 62%),linear-gradient(112deg,#fff,#fffefe 34%,#fff9f2 70%,#fff)}@supports (background-image: image-set(url(site-background-1920.webp) type("image/webp"))){:root{--site-bg-image: image-set( url(site-background-1920.webp) type("image/webp"), url(site-background-hd.jpg) type("image/jpeg") );--login-bg-image: image-set( url(login-tech-bg-1440.webp) type("image/webp"), url(login-tech-bg.png) type("image/png") )}}@supports (background-image: image-set(url(site-background-1280.webp) type("image/webp"))){@media (max-width: 760px){:root{--site-bg-image: image-set( url(site-background-1280.webp) type("image/webp"), url(site-background-hd.jpg) type("image/jpeg") );--login-bg-image: image-set( url(login-tech-bg-900.webp) type("image/webp"), url(login-tech-bg.png) type("image/png") )}}@media (min-width: 1800px){:root{--site-bg-image: image-set( url(site-background-2560.webp) type("image/webp"), url(site-background-hd.jpg) type("image/jpeg") )}}}@media (max-width: 900px),(pointer: coarse){body{background-attachment:scroll}}body.login-active .login-screen{display:grid;align-items:center}html.auth-session-restored body.login-active{overflow-x:hidden;overflow-y:auto;background:var(--content-bg)}html.auth-session-restored body.login-active .login-screen{display:none}.login-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 66% at 38% 43%,#ffffffeb,#ffffff38 52%,#fff0 76%),linear-gradient(180deg,#fff6,#ffffff24)}.login-layout{width:min(1400px,calc(100% - clamp(80px,10vw,220px)));margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,640px) minmax(340px,420px);align-items:center;justify-content:space-between;gap:clamp(80px,11vw,220px);transform:translateY(2vh)}.login-hero{min-width:0;display:grid;gap:16px;color:#111827;justify-items:start}.login-hero-wordmark{width:200px;max-width:min(200px,58vw);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(47,179,68,.1))}.login-hero h1{margin:0;max-width:none;font-size:clamp(40px,4.7vw,64px);line-height:1.08;letter-spacing:.055em;font-weight:700;color:#111827;white-space:nowrap}.login-hero-art{position:relative;width:min(520px,100%);min-height:178px;margin-top:6px;pointer-events:none}.login-hero-art:before{content:"";position:absolute;left:-16%;right:8%;bottom:-14px;height:108px;border-radius:999px;background:radial-gradient(ellipse at 36% 58%,#007aff29,#007aff00 62%),radial-gradient(ellipse at 70% 30%,#34c75921,#34c75900 60%);filter:blur(8px)}.login-hero-art svg{position:relative;z-index:1;width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 26px 34px rgba(33,72,115,.12))}.login-hero p{margin:0;max-width:560px;color:#3c3c43bd;font-size:clamp(16px,1.7vw,22px);line-height:1.55;letter-spacing:.045em;font-weight:500}.login-card{position:relative;justify-self:end;width:min(420px,100%);transform:translateY(-2vh);padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(180deg,#ffffffe0,#fafdffa8),#ffffffb8;box-shadow:0 34px 86px #30557829,0 10px 28px #1d1d1f0e,inset 0 1px #fffffff5;backdrop-filter:blur(34px) saturate(185%);-webkit-backdrop-filter:blur(34px) saturate(185%);overflow:hidden}.login-card:before{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 16% 0%,#fffffff5,#fff0 38%),radial-gradient(circle at 92% 100%,#007aff1f,#007aff00 48%)}.login-card>*{position:relative;z-index:1}.login-card-head{display:grid;justify-items:center;gap:10px;margin-bottom:24px;text-align:center}.login-logo{width:62px;height:62px;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.login-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 18px rgba(52,199,89,.18))}.login-card h2{margin:0;color:var(--text);font-size:22px;line-height:1.25;font-weight:700}.login-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.login-form{display:grid;gap:14px}.login-field{display:grid;gap:7px}.login-field label{color:var(--muted);font-size:12px;font-weight:700}.login-error{min-height:18px;color:var(--rose);font-size:12px;line-height:1.5}.login-submit-button{position:relative;overflow:hidden}.login-submit-content,.login-submit-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-submit-loading,.login-form.is-submitting .login-submit-content{display:none}.login-form.is-submitting .login-submit-loading{display:inline-flex}.login-spinner{width:15px;height:15px;border-radius:999px;border:2px solid rgba(255,255,255,.48);border-top-color:#fff;animation:loginSpin .8s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.app{position:relative;width:min(100%,var(--app-max-width));margin:0 auto;padding:var(--page-pad-y) var(--page-pad-x) 40px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);column-gap:var(--sidebar-main-gap);row-gap:var(--layout-gap);transition:grid-template-columns var(--sidebar-speed) var(--sidebar-ease),column-gap var(--sidebar-speed) var(--sidebar-ease),row-gap var(--sidebar-speed) var(--sidebar-ease)}.app:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(var(--page-pad-y) + 32px);z-index:37;pointer-events:none;opacity:0;transform:translateY(-8px);background:linear-gradient(180deg,#fbfbfb,#fbfbfbfa 64%,#fbfbfb00),linear-gradient(180deg,#fffffff5,#fff0);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0% 72%,#0000);transition:opacity .22s ease,transform .22s ease}.glass{position:relative;border:1px solid var(--frost-border);border-radius:var(--radius-card);background:var(--frost-card);box-shadow:var(--frost-shadow);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur)}.glass:before,.card:before,.side-card:before,.modal-box:before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff8f,#fff0 34%),radial-gradient(circle at 50% 100%,#b3f1f457,#b3f1f400 56%);opacity:.72;z-index:0}.glass>*,.card>*,.side-card>*,.modal-box>*{position:relative;z-index:1}.side-card,.modal-box{position:relative}.sidebar{position:sticky;top:var(--page-pad-y);height:calc(100dvh - clamp(24px,4vh,64px));padding:16px;display:flex;flex-direction:column;gap:var(--layout-gap);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:var(--nav-bg);border:1px solid rgba(60,60,67,.06);box-shadow:inset -1px 0 #3c3c4309;transition:padding var(--sidebar-speed) var(--sidebar-ease),gap var(--sidebar-speed) var(--sidebar-ease),width var(--sidebar-speed) var(--sidebar-ease),transform var(--sidebar-speed) var(--sidebar-ease)}.brand,.nav,.side-card,.sidebar-token-card,.sidebar-session,.sidebar-footer{flex-shrink:0}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.brand{display:flex;gap:12px;align-items:center;min-height:56px;padding:2px 4px 14px;border-bottom:1px solid var(--separator-soft);transition:padding var(--sidebar-speed) var(--sidebar-ease),gap var(--sidebar-speed) var(--sidebar-ease)}.brand-copy{min-width:0;flex:1 1 auto;max-width:180px;opacity:1;transform:translate(0);overflow:hidden;visibility:visible;max-height:56px;white-space:nowrap;transition:opacity .22s ease .08s,transform var(--sidebar-speed) var(--sidebar-ease),flex-basis var(--sidebar-speed) var(--sidebar-ease),max-width var(--sidebar-speed) var(--sidebar-ease),max-height var(--sidebar-speed) var(--sidebar-ease),visibility 0s linear 0s}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--liquid-white);box-shadow:0 10px 24px #007aff1a,inset 0 1px #ffffffe0,inset 0 -1px #007aff12;overflow:hidden;transition:width var(--sidebar-speed) var(--sidebar-ease),height var(--sidebar-speed) var(--sidebar-ease),transform var(--sidebar-speed) var(--sidebar-ease)}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand h1,.page-title h2,.card h3,.modal-title{font-weight:700;letter-spacing:0}h1,h2,h3,.page-title{font-family:var(--font-title)}button,input{font-family:var(--font-button)}.brand h1{margin:0;font-size:16px;line-height:1.25;color:var(--text)}.brand p,.page-title p{margin:0;color:var(--muted);line-height:1.55}.brand p{font-size:12px}.sidebar-toggle{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;align-self:flex-end;border-radius:12px;color:var(--logo-green);background:var(--control-bg);border:1px solid var(--control-border);box-shadow:var(--control-shadow);transition:width var(--sidebar-speed) var(--sidebar-ease),height var(--sidebar-speed) var(--sidebar-ease),margin var(--sidebar-speed) var(--sidebar-ease),transform var(--sidebar-speed) var(--sidebar-ease),background .18s ease,box-shadow .18s ease}.sidebar-toggle:hover{background:var(--control-bg-hover);box-shadow:0 10px 22px #007aff1a,inset 0 1px #ffffffeb}.sidebar-toggle .icon{transition:transform var(--sidebar-speed) var(--sidebar-ease)}@media (min-width: 1121px){.app{grid-template-columns:var(--sidebar-width) minmax(0,1fr);column-gap:var(--sidebar-main-gap)}.sidebar{position:fixed;left:max(var(--page-pad-x),calc((100vw - var(--app-max-width)) / 2 + var(--page-pad-x)));top:var(--page-pad-y);width:var(--sidebar-width);height:calc(100dvh - var(--page-pad-y) - var(--page-pad-y));transform:none;z-index:40}.main{grid-column:2;width:100%;min-width:0;max-width:100%}.topbar,#content,.workspace{width:100%;min-width:0;max-width:100%}}.nav{display:grid;gap:4px}.side-card{padding:14px;display:grid;margin-top:auto;margin-bottom:0;gap:12px;background:var(--frost-card);border:1px solid var(--frost-border-soft);border-radius:var(--radius-inner);box-shadow:var(--frost-shadow);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);max-height:260px;opacity:1;transform:translateY(0) scale(1);overflow:hidden;transition:max-height var(--sidebar-speed) var(--sidebar-ease),padding var(--sidebar-speed) var(--sidebar-ease),margin var(--sidebar-speed) var(--sidebar-ease),opacity .22s ease .08s,transform var(--sidebar-speed) var(--sidebar-ease),border-color .22s ease,box-shadow .22s ease}.sidebar-token-card{width:100%;display:grid;gap:10px;padding:12px;border:1px solid var(--frost-border-soft);border-radius:var(--radius-inner);background:var(--frost-card);box-shadow:var(--frost-shadow);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);max-height:220px;opacity:1;transform:translateY(0) scale(1);overflow:hidden;transition:max-height var(--sidebar-speed) var(--sidebar-ease),padding var(--sidebar-speed) var(--sidebar-ease),margin var(--sidebar-speed) var(--sidebar-ease),opacity .22s ease .08s,transform var(--sidebar-speed) var(--sidebar-ease),border-color .22s ease,box-shadow .22s ease}.app:not(.sidebar-collapsed) #tokenUsageCard.sidebar-token-card{pointer-events:auto}.sidebar-session{width:100%;max-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--frost-border-soft);border-radius:var(--radius-inner);background:#ffffff7a;box-shadow:inset 0 1px #ffffffb8;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height var(--sidebar-speed) var(--sidebar-ease),padding var(--sidebar-speed) var(--sidebar-ease),opacity .2s ease,transform var(--sidebar-speed) var(--sidebar-ease)}.sidebar-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:0;padding:0 0 2px;transition:margin var(--sidebar-speed) var(--sidebar-ease),justify-content var(--sidebar-speed) var(--sidebar-ease)}.mobile-logout-button,.mobile-tabbar,.mobile-more-menu{display:none}.main{position:relative;min-width:0;display:grid;gap:var(--layout-gap);background:var(--content-bg);isolation:isolate}body:not(.login-active) .main{background:var(--luxury-home-bg)}body:not(.login-active) .workspace{background:transparent}body:not(.login-active):not(.home-screen) .main:before,body:not(.login-active):not(.home-screen) .main:after{content:"";position:absolute;pointer-events:none;z-index:0}body:not(.login-active):not(.home-screen) .main:before{width:92%;height:clamp(260px,36vh,430px);left:4%;top:clamp(86px,12vh,150px);opacity:.72;background:linear-gradient(104deg,#fff0 0 18%,#ffffffb8 30%,#e2d3bc4d 42%,#c9898b1f,#9eb8aa21 64%,#fff0 82%),linear-gradient(180deg,#ffffff2e,#fff0);transform:translateZ(0) skewY(-7deg);animation:luxuryPearlVeil 18s cubic-bezier(.32,.72,.18,1) infinite alternate}body:not(.login-active):not(.home-screen) .main:after{left:clamp(28px,11vw,190px);right:clamp(28px,11vw,190px);top:clamp(344px,42vh,560px);height:1px;background:linear-gradient(90deg,#16141200,#1614122e,#c6a15f75,#9eb8aa47,#16141200);opacity:.58;transform-origin:center;animation:luxuryHairlinePulse 6.8s cubic-bezier(.32,.72,.18,1) infinite}body:not(.login-active) .topbar,body:not(.login-active) .workspace{position:relative;z-index:1}.topbar{position:sticky;top:var(--page-pad-y);z-index:320;min-height:106px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:visible;isolation:isolate;background:linear-gradient(180deg,#ffffffe6,#f8fcffbd,#e2f2ffa8),radial-gradient(circle at 18% 0%,#fffffff0,#fff0 36%),radial-gradient(circle at 74% 100%,#007aff21,#007aff00 48%),#ffffffa8;backdrop-filter:blur(42px) saturate(190%);-webkit-backdrop-filter:blur(42px) saturate(190%);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}.topbar[hidden]{display:none!important}.topbar:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:.42;background:linear-gradient(180deg,#fffffff5,#f9fdffd1 52%,#e7f5ffb8),radial-gradient(circle at 20% 0%,#ffffffe6,#fff0 38%);backdrop-filter:blur(32px) saturate(185%);-webkit-backdrop-filter:blur(32px) saturate(185%);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #007aff0f;transition:opacity .24s ease}.topbar:after{content:"";position:absolute;left:18px;right:18px;top:100%;height:24px;z-index:0;pointer-events:none;opacity:0;transform:translateY(-4px);border-radius:0 0 var(--radius-card) var(--radius-card);background:linear-gradient(180deg,#f8fcff6b,#e6f4ff2e,#e6f4ff00),radial-gradient(ellipse at 50% 0%,#ffffff85,#fff0 76%);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.24) 58%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#0000009e,#0000003d 58%,#0000);transition:opacity .24s ease,transform .24s ease}.page-heading{min-width:0;display:flex;align-items:center;gap:16px}.page-title h2{margin:0 0 6px;font-size:32px;line-height:1.12;color:var(--text)}.page-title{min-width:0}.page-title p{max-width:760px;font-size:13px;color:var(--muted);line-height:1.62}.hero-visual{position:relative;z-index:1;flex:0 0 clamp(310px,28vw,440px);height:112px;display:none;align-items:center;justify-content:flex-end;gap:10px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 12% 20%,#ffd1664d,#ffd16600 30%),radial-gradient(circle at 48% 86%,#34c75938,#34c75900 34%),linear-gradient(135deg,#fff9,#edfaee5c);border:1px solid rgba(255,255,255,.66);box-shadow:0 20px 46px #34c7591f,inset 0 1px #ffffffdb}.hero-visual:before,.hero-visual:after{content:"";position:absolute;pointer-events:none;border-radius:999px}.hero-visual:before{width:170px;height:170px;right:-42px;bottom:-92px;background:#34c7592e;box-shadow:inset 0 1px #ffffff9e}.hero-visual:after{width:54px;height:54px;left:104px;top:12px;background:linear-gradient(135deg,#ffffffd1,#ffffff38),#007aff1f;box-shadow:0 12px 24px #007aff1a}.hero-dots{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,rgba(52,199,89,.26) 0 2px,transparent 2.5px),radial-gradient(circle,rgba(0,122,255,.18) 0 1.5px,transparent 2px);background-position:20px 18px,72px 70px;background-size:58px 46px,64px 52px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.76) 56%,transparent 100%)}.hero-visual{position:absolute;inset:6px 12px 6px auto;z-index:2;width:clamp(496px,40vw,688px);height:auto;display:none;pointer-events:none;overflow:visible;border-radius:0;border:0;background:none;box-shadow:none;isolation:isolate}.hero-visual:before{width:min(608px,88%);height:102px;right:-18px;bottom:-26px;opacity:.76;background:radial-gradient(circle at 72% 48%,hsla(var(--hero-hue, 132),62%,46%,.22),hsla(var(--hero-hue, 132),62%,46%,0) 64%),radial-gradient(circle at 28% 68%,hsla(var(--hero-warm-hue, 42),96%,58%,.18),hsla(var(--hero-warm-hue, 42),96%,58%,0) 56%),linear-gradient(90deg,hsla(var(--hero-hue, 132),62%,46%,0),hsla(var(--hero-hue, 132),62%,46%,.1));box-shadow:none;filter:blur(.2px)}.hero-visual:after{width:min(256px,38%);height:99px;left:34px;top:-8px;opacity:.44;background:radial-gradient(circle at 46% 44%,#ffffffd1,#ffffff2e 54%,#fff0 70%),hsla(var(--hero-hue, 132),62%,46%,.12);box-shadow:none}.hero-dots{inset:0;opacity:.82;background-image:radial-gradient(circle,rgba(52,199,89,.24) 0 2px,transparent 2.5px),radial-gradient(circle,rgba(255,159,10,.2) 0 1.5px,transparent 2px),radial-gradient(circle,rgba(0,122,255,.16) 0 1.5px,transparent 2px);background-position:54px 20px,260px 18px,118px 76px;background-size:74px 48px,94px 56px,86px 52px;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 12%,rgba(0,0,0,.86) 28%,#000 100%)}.hero-j-mark{position:absolute;z-index:1;right:18px;top:-4px;width:min(176px,28%);height:101px;object-fit:contain;opacity:.18;mix-blend-mode:multiply;filter:hue-rotate(var(--hero-logo-rotate, 0deg)) saturate(1.16) drop-shadow(0 18px 28px rgba(52,199,89,.14));transform:rotate(-8deg)}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.top-actions{flex:1 1 auto;min-width:280px;justify-content:flex-end}.top-progress-slot:empty{display:none}.top-progress-slot:not(:empty){flex:1 1 1104px;width:min(1336px,calc(100vw - 72px));max-width:1394px;margin-left:auto}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:var(--radius-button);color:var(--text);background:var(--control-bg);border:1px solid var(--control-border);box-shadow:var(--control-shadow);font-weight:600;font-size:13px;white-space:nowrap;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{color:var(--accent);background:var(--control-bg-hover);border-color:#007aff33;box-shadow:none}.button.primary{background:var(--accent-fill);border-color:transparent;box-shadow:var(--accent-shadow);color:#fff}.button.primary:hover{color:#fff;background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:none}.button.primary:active{background:#066ee8;border-color:#066ee8;box-shadow:none}.button.primary{border-color:transparent}.button.icon-only{width:40px;min-width:40px;padding:0;flex:0 0 40px}.button:focus-visible{outline:2px solid rgba(0,122,255,.16);outline-offset:2px}.icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workspace{display:grid;gap:var(--layout-gap)}.card{position:relative;container-type:inline-size;padding:22px;border:1px solid var(--frost-border);border-radius:var(--radius-card);background:var(--frost-card);box-shadow:var(--frost-shadow);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur)}.card.strong{background:var(--frost-card-strong);box-shadow:var(--frost-shadow-strong)}.glass,.card,.card.strong,.topbar,.side-card,.modal-box,[class$=-card],[class*="-card "]{box-shadow:var(--shadow-card-soft)!important}.card.strong,.modal-box,.topbar{box-shadow:var(--shadow-card)!important}.card h3{margin:0;font-size:18px;line-height:1.3;color:var(--text)}input{width:100%;border:1px solid var(--separator);border-radius:12px;outline:none;background:#ffffffd1;color:var(--text);font-size:12px;min-height:42px;padding:10px 14.4px;box-shadow:inset 0 1px #ffffffb8;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder{color:#94a3b8;font-size:1em;font-weight:500}input::-webkit-input-placeholder{color:#94a3b8;font-size:1em;font-weight:500}input:focus{border-color:#007aff7a;background:#fffffff5;box-shadow:0 0 0 4px #007aff1f}@keyframes aiFlowPulse{0%,to{transform:scale(1);box-shadow:0 8px 18px #007aff2e}50%{transform:scale(1.12);box-shadow:0 10px 24px #007aff47}}.modal{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:24px;background:#1414164d;backdrop-filter:none;-webkit-backdrop-filter:none}.modal.show{display:flex}.modal-box{width:min(1032px,calc(100vw - 48px));max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:var(--radius-card);border:1px solid var(--frost-border);background:var(--frost-card-strong);box-shadow:var(--frost-shadow-strong);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex:0 0 auto;margin:16px 16px 0;padding:20px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:linear-gradient(180deg,#ffffffdb,#f8fdffa8),#ffffff9e;box-shadow:0 0 0 1px #007aff0b,inset 0 1px #ffffffeb;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.modal-title{margin:0;font-size:18px}#modalBody{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;scrollbar-width:thin}#modalBody,#modalBody *{min-width:0;max-width:100%}.toast{display:none!important;position:fixed;right:18px;bottom:18px;z-index:80;width:min(360px,calc(100vw - 36px));padding:12px 14px;border-radius:var(--radius-card);border:1px solid var(--frost-border);background:var(--frost-card-strong);color:var(--text);box-shadow:var(--frost-shadow-strong);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-weight:700;font-size:13px}.toast.show{display:block!important;opacity:1;transform:translateY(0)}@media (max-width: 1120px){.app{grid-template-columns:1fr;gap:var(--layout-gap)}.sidebar{position:static;height:auto;padding:14px}.main{grid-column:auto}.hero-visual{width:clamp(288px,37vw,416px);right:10px}.nav{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}.sidebar-toggle,.sidebar-footer,.side-card,.sidebar-token-card{display:none}}@media (max-width: 760px){body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.hero-visual{inset:6px 8px 6px auto;width:126px;height:auto}.hero-j-mark,.hero-dots{display:none}body.login-active{overflow:auto;padding-bottom:0}.login-screen{min-height:100dvh;padding:24px 16px;align-items:stretch}.login-layout{grid-template-columns:1fr;gap:28px;align-content:center;transform:none}.login-hero{gap:12px;padding-top:20px}.login-hero-wordmark{width:168px;max-width:54vw}.login-hero h1{font-size:clamp(30px,8vw,42px)}.login-hero p{font-size:15px}.login-hero-art{width:min(360px,100%);min-height:118px;margin-top:0}.login-card{justify-self:stretch;width:100%;transform:none;padding:22px;border-radius:var(--radius-card)}.app{width:100%;padding:8px 8px calc(96px + env(safe-area-inset-bottom,0px));gap:12px}.sidebar{position:sticky;top:8px;z-index:45;padding:9px 12px;border-radius:var(--radius-card);overflow:visible}.brand{min-height:42px;padding:0;gap:10px;border-bottom:0}.brand-mark{width:38px;height:38px;border-radius:12px;flex:0 0 38px}.brand-copy{max-width:none;max-height:42px;flex:1 1 auto}.brand h1{font-size:15px}.brand p,.nav,.sidebar-session,.sidebar-token-card,.sidebar-footer{display:none}.mobile-logout-button{min-width:66px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border-radius:16px;color:var(--accent);background:var(--control-bg);box-shadow:var(--control-shadow);font-size:12px;font-weight:700}.mobile-logout-button .icon{width:16px;height:16px}.mobile-tabbar{position:fixed;--mobile-nav-edge: 15px;left:calc(var(--mobile-nav-edge) + env(safe-area-inset-left,0px));right:calc(var(--mobile-nav-edge) + env(safe-area-inset-right,0px));bottom:calc(var(--mobile-nav-edge) + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:stretch;gap:3px;min-height:65px;padding:5px 6px;overflow:hidden;isolation:isolate;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,#ffffffc2,#eef8ff7a 52%,#ffffff5c),linear-gradient(90deg,#ffffff80,#a7d8ff3d 62%,#ffffff6b),#ffffff80;box-shadow:0 22px 48px #30557829,0 7px 16px #1d1d1f11,inset 0 1px #fffffff5,inset 0 -1px #007aff14,inset 1px 0 #ffffff85,inset -1px 0 #ffffff6b;backdrop-filter:blur(38px) saturate(190%);-webkit-backdrop-filter:blur(38px) saturate(190%)}.mobile-tabbar:before{content:"";position:absolute;inset:1px 8px auto;height:42%;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#ffffff8f,#fff0);pointer-events:none}@keyframes mobileTabIndicatorMove{0%{width:var(--mobile-indicator-from-width, var(--mobile-indicator-width, 0px));transform:translate(var(--mobile-indicator-from-x, var(--mobile-indicator-x, 0px))) scale(.96);opacity:.78}58%{width:var(--mobile-indicator-width, 0px);transform:translate(var(--mobile-indicator-x, 0px)) scale(1.045);opacity:1}to{width:var(--mobile-indicator-width, 0px);transform:translate(var(--mobile-indicator-x, 0px)) scale(1);opacity:1}}@keyframes mobileTabSelect{0%{transform:translateY(2px) scale(.96);filter:saturate(.96)}62%{transform:translateY(-2px) scale(1.045);filter:saturate(1.08)}to{transform:translateY(-1px) scale(1.02);filter:saturate(1)}}.mobile-more-menu{display:grid;visibility:hidden;gap:4px;position:fixed;right:calc(15px + env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:95;width:max-content;min-width:156px;max-width:calc(100vw - 24px);padding:7px;border-radius:22px;border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,#ffffffe6,#f6fcffa3),#ffffff9e;box-shadow:0 24px 58px #3055782e,inset 0 1px #fffffff5;backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s var(--sidebar-ease)}.mobile-more-menu.show{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.side-card{display:none}.main{gap:var(--layout-gap)}.topbar{display:none}.top-actions{width:100%}.top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.top-progress-slot{display:none!important}.button{flex:1 1 auto;min-height:44px;padding:0 12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.side-card{grid-template-columns:1fr}.workspace{grid-template-columns:1fr!important;gap:var(--layout-gap)}.main,.workspace,.topbar,.card{min-width:0;max-width:100%}.card{padding:18px}input{min-height:44px;font-size:12px;line-height:1.35}.modal{padding:8px}.modal-box{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:0;border-radius:var(--radius-card)}.modal-head{margin:12px 12px 0;padding:14px 16px;border-radius:18px}#modalBody{padding:16px}.toast{left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:auto}}@media (max-width: 420px){.top-actions,.metrics{grid-template-columns:1fr}.page-title h2{font-size:24px}}:root{--bg: #f5f7fb;--bg-soft: #fbfcff;--text: #1c1c1e;--muted: rgba(60, 60, 67, .68);--muted-2: rgba(60, 60, 67, .45);--accent: #007aff;--accent-hover: #0a84ff;--accent-soft: rgba(0, 122, 255, .085);--accent-line: rgba(0, 122, 255, .2);--separator: rgba(60, 60, 67, .14);--separator-soft: rgba(60, 60, 67, .08);--radius-card: 17px;--radius-inner: 17px;--radius-button: 17px;--shadow-card-soft: 0 7px 28px rgba(62, 95, 138, .08);--shadow-card: 0 8px 32px rgba(48, 104, 156, .1);--shadow-card-strong: 0 10px 36px rgba(48, 104, 156, .12);--shadow-card-hover: 0 10px 38px rgba(48, 104, 156, .14);--control-bg: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.58)), rgba(255,255,255,.58);--control-bg-hover: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.7)), rgba(255,255,255,.7);--control-active: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.58)), rgba(0,122,255,.095);--control-border: rgba(255,255,255,.7);--control-shadow: 0 9px 22px rgba(36, 55, 79, .055), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(60,60,67,.045);--accent-fill: #0877ff;--accent-shadow: none;--frost-card: linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.5) 54%, rgba(233,247,255,.42)), radial-gradient(circle at 18% 0%, rgba(255,255,255,.72), rgba(255,255,255,0) 42%), rgba(255,255,255,.44);--frost-card-strong: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.64) 56%, rgba(235,248,255,.5)), radial-gradient(circle at 18% 0%, rgba(255,255,255,.86), rgba(255,255,255,0) 44%), rgba(255,255,255,.58);--frost-border: rgba(255,255,255,.72);--frost-border-soft: rgba(255,255,255,.56);--frost-shadow: var(--shadow-card-soft);--frost-shadow-strong: var(--shadow-card);--frost-blur: blur(34px) saturate(180%)}body{background:var(--content-bg);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.app{column-gap:var(--sidebar-main-gap);row-gap:var(--layout-gap)}.glass,.card,.side-card,.sidebar-token-card,.sidebar-session,.modal-box{border-color:var(--frost-border);background:var(--frost-card);box-shadow:var(--frost-shadow);backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur)}.glass:before,.card:before,.side-card:before,.modal-box:before{background:linear-gradient(180deg,#ffffff75,#fff0 30%),radial-gradient(circle at 52% 100%,#a3ddff33,#a3ddff00 58%);opacity:.62}.sidebar{gap:var(--layout-gap);border-radius:28px;background:var(--nav-bg);border-color:#3c3c430f}.brand{min-height:54px;padding-bottom:12px}.brand h1{font-size:15px;font-weight:600}.brand p{font-size:11.5px;color:var(--muted-2)}.nav{gap:6px}.side-card,.sidebar-token-card,.sidebar-session{background:linear-gradient(180deg,#ffffffa8,#ffffff5c),#ffffff57;border-color:#ffffff94;box-shadow:0 16px 34px #2a466812,inset 0 1px #ffffffd1}.topbar{min-height:100px;padding:22px 24px;border-radius:28px;background:linear-gradient(180deg,#ffffffe6,#ffffff94),linear-gradient(135deg,#0877ff14,#fff0 48%,#23b14d14),radial-gradient(circle at 74% 100%,#0ea5e91a,#0ea5e900 48%),#ffffff85;border-color:#ffffffc2;box-shadow:0 24px 56px #2a46681a,inset 0 1px #fffffff0,inset 0 -1px #3c3c430b}.topbar:before{opacity:.34;background:linear-gradient(180deg,#ffffffeb,#fff0 62%),radial-gradient(circle at 20% 0%,#ffffffc7,#fff0 38%)}.page-heading{gap:14px}.hero-visual[hidden]{display:none!important}.page-title h2{font-size:clamp(28px,2.2vw,34px);font-weight:600;line-height:1.08;letter-spacing:0}.page-title p{font-size:13.5px;color:#3c3c43ad;max-width:900px}.card.strong{background:var(--frost-card-strong)}.card h3{font-size:19px;font-weight:600;letter-spacing:0}input{border-radius:15px;border-color:#3c3c4321;background:linear-gradient(180deg,#ffffffe0,#ffffffad),#ffffffb3;box-shadow:inset 0 1px #ffffffdb,0 8px 18px #24374f09;color:var(--text)}input:hover{border-color:#007aff33;background:linear-gradient(180deg,#fffffff5,#ffffffc2),#ffffffc2}input:focus{border-color:#007aff6b;box-shadow:0 0 0 4px #007aff1c,inset 0 1px #fffffff0,0 12px 26px #007aff14;background:linear-gradient(180deg,#fffffffa,#fffc),#ffffffd1}.button,.mobile-logout-button,.sidebar-toggle{border-radius:var(--radius-button);box-shadow:var(--control-shadow);transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button:hover,.sidebar-toggle:hover,.button:active,.sidebar-toggle:active{transform:none}.button.primary{color:#fff;background:var(--accent-fill);box-shadow:var(--accent-shadow)}.workspace,.metrics{gap:var(--layout-gap)}.card{padding:var(--card-padding);border-radius:26px}.topbar{border-radius:18px}input{min-height:44px;padding:10px 13px;font-size:12px;line-height:1.45}.page-title h2{font-size:clamp(30px,2.35vw,36px);font-weight:700;line-height:1.08}.page-title p{font-size:14px;line-height:1.62}.card h3{font-size:20px;font-weight:700;line-height:1.25}.button{min-height:40px;font-size:13px}.modal{background:#14141642;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-box{width:min(1120px,calc(100vw - 48px));border-radius:28px}.modal-head{margin:16px 16px 0;padding:18px 20px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:linear-gradient(180deg,#ffffffdb,#f8fdffa8),#ffffff9e;box-shadow:0 0 0 1px #007aff0b,inset 0 1px #ffffffeb;position:sticky;top:16px;z-index:3}.modal-title{font-size:18px;font-weight:600}.toast{border-radius:18px;background:linear-gradient(180deg,#ffffffe6,#ffffffa8),#ffffffa8}@keyframes homeIpFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes homeIpIdle{0%,to{transform:rotate(-1deg) scale(1)}45%{transform:rotate(1.4deg) scale(1.012)}70%{transform:rotate(.2deg) scale(1.004)}}@keyframes homeIpGlow{0%,to{transform:scale(.96);opacity:.5}50%{transform:scale(1.06);opacity:.78}}@property --home-composer-light-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes homeComposerLightFlow{to{--home-composer-light-angle: 360deg}}@media (max-width: 1120px){.sidebar{border-radius:24px}}@media (max-width: 760px){:root{--layout-gap: 13.6px;--card-padding: 18.4px;--step-padding: 16.3px;--result-padding: 16.3px;--inner-card-padding: 14.3px}body{background-attachment:scroll}.app{padding-inline:8px;gap:var(--layout-gap)}.sidebar{background:var(--nav-bg)}.brand{min-height:44px}.card{padding:18px;border-radius:24px}.card h3{font-size:19px}.mobile-tabbar{min-height:62px;padding:5px;border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#eef8ff7a),#ffffff7a}.mobile-more-menu{border-radius:22px;padding:6px}.button{min-height:44px}.modal-box{width:calc(100vw - 16px);border-radius:24px}}:root{--layout-gap: 13.6px;--sidebar-main-gap: calc(var(--layout-gap) * .8);--card-padding: 24.5px;--step-padding: 20.4px;--result-padding: 18.4px;--inner-card-padding: 16.3px;--control-height: 44px;--control-padding-x: 14px;--control-padding-y: 10px}@media (min-width: 1121px){.app{column-gap:var(--sidebar-main-gap);row-gap:var(--layout-gap)}.sidebar{left:max(var(--page-pad-x),calc((100vw - var(--app-max-width)) / 2 + var(--page-pad-x)))}.main{gap:var(--layout-gap)}}.main,.workspace,.metrics{gap:var(--layout-gap)}.card,.topbar,.modal-box{padding:var(--card-padding)}input{min-height:var(--control-height);padding:var(--control-padding-y) var(--control-padding-x);color:#1d1d1f;font-size:12px;line-height:1.45}input::placeholder,input::-webkit-input-placeholder{color:#1d1d1f;opacity:1;font-size:12px}.button{min-height:40px;padding-inline:16px}@media (max-width: 1120px){:root{--card-padding: 22.4px;--step-padding: 18.4px;--result-padding: 18.4px}}@media (max-width: 760px){:root{--layout-gap: 13.6px;--sidebar-main-gap: calc(var(--layout-gap) * .8);--card-padding: 18.4px;--step-padding: 16.3px;--result-padding: 16.3px;--inner-card-padding: 14.3px;--control-height: 44px}.app{gap:var(--layout-gap)}.topbar,.card,.modal-box{padding:var(--card-padding)}}:root{--ui-card-padding: 24.5px;--ui-card-radius: 17px;--ui-step-padding: 20.4px;--ui-step-radius: 17px;--ui-result-padding: 18.4px;--ui-result-radius: 17px;--ui-inner-padding: 16.3px;--ui-inner-radius: 17px;--ui-title-size: 19px;--ui-title-weight: var(--font-title-weight);--ui-subtitle-size: 13px;--ui-label-size: 13.5px;--ui-label-weight: var(--font-title-weight);--ui-control-size: 13px;--ui-caption-size: 11.5px;--ui-button-height: 38px;--ui-button-font-size: 13px;--ui-upload-action-height: 34px;--ui-upload-action-size: 12px;--ui-icon-button-size: 40px;--ui-small-icon-button-size: 34px;--ui-icon-size: 16px;--ui-chip-height: 28px;--ui-chip-padding-x: 10px;--ui-placeholder: rgba(60,60,67,.54)}.card,.topbar,.modal-box{padding:var(--ui-card-padding);border-radius:var(--ui-card-radius)}.card h3{font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);line-height:1.3;letter-spacing:0}.page-title p{font-size:var(--ui-subtitle-size);line-height:1.6;color:var(--muted);letter-spacing:0}.login-field label{font-size:var(--ui-label-size);font-weight:var(--ui-label-weight);line-height:1.35;color:#1d1d1fd1;letter-spacing:0}input{font-size:var(--ui-control-size);line-height:1.45;letter-spacing:0;border-radius:15px}input::placeholder,input::-webkit-input-placeholder{color:var(--ui-placeholder);opacity:1;font-size:var(--ui-control-size)}.button,.mobile-logout-button{min-height:var(--ui-button-height);font-size:var(--ui-button-font-size);font-weight:600;letter-spacing:0;border-radius:var(--radius-button)}.button{padding-inline:16px}.button.icon-only{width:var(--ui-icon-button-size);min-width:var(--ui-icon-button-size);height:var(--ui-icon-button-size);min-height:var(--ui-icon-button-size);flex-basis:var(--ui-icon-button-size);padding:0}.icon,.button .icon{width:var(--ui-icon-size);height:var(--ui-icon-size);flex:0 0 var(--ui-icon-size)}.modal-title{font-size:var(--ui-title-size);font-weight:var(--ui-title-weight);line-height:1.3;letter-spacing:0}@media (max-width: 1120px){:root{--ui-card-padding: 22.4px;--ui-step-padding: 18.4px;--ui-result-padding: 18.4px}}@media (max-width: 760px){:root{--ui-card-padding: 18.4px;--ui-step-padding: 16.3px;--ui-result-padding: 16.3px;--ui-inner-padding: 14.3px;--ui-title-size: 19px}.button,.mobile-logout-button{min-height:44px}}:root{--ui-body-weight: var(--font-body-weight);--ui-strong-weight: var(--font-strong-weight);--ui-table-head-weight: var(--font-title-weight);--ui-icon-action-size: 34px;--ui-dense-icon-action-size: 32px;--ui-upload-min-height: 92px;--ui-upload-gap: 12px;--ui-progress-track-height: 6px}body,button,input{font-family:var(--font-system)!important}p,input{font-weight:var(--font-body-weight)!important}h1,h2,h3,label,.brand-copy strong,.page-title h2,.page-heading h1,.card h3,.modal-title,.login-card h1{font-weight:var(--font-title-weight)!important}button,.button,.mobile-logout-button,strong{font-weight:var(--font-strong-weight)!important}@media (min-width: 1121px){.app{width:100%;max-width:none;margin:0;padding:var(--page-pad-y) var(--page-pad-x) 40px calc(var(--sidebar-width) + (var(--page-pad-x) * .8));grid-template-columns:minmax(0,1fr);column-gap:0}.sidebar,.sidebar.glass{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;padding:24px 18px 16px;border:0;border-right:0;border-radius:0!important;background:var(--nav-bg);box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar:before{display:none!important}.sidebar:after{content:"";position:fixed;top:0;bottom:0;left:var(--sidebar-width);width:14px;pointer-events:none;background:var(--nav-content-transition)}.main{grid-column:1}.brand{padding:8px 0 18px}.nav{gap:4px}.side-card,.sidebar-token-card,.sidebar-session{background:#ffffff85;border-color:#3c3c431a;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}}:root{--global-radius: 17px;--global-layout-gap: 13.6px;--global-card-padding: 20px;--global-step-padding: 20.4px;--global-result-padding: 18.4px;--global-inner-padding: 16.3px;--radius-card: var(--global-radius);--radius-inner: var(--global-radius);--radius-button: var(--global-radius);--layout-gap: var(--global-layout-gap);--sidebar-main-gap: calc(var(--global-layout-gap) * .8);--card-padding: var(--global-card-padding);--step-padding: var(--global-step-padding);--result-padding: var(--global-result-padding);--inner-card-padding: var(--global-inner-padding);--ui-card-padding: var(--global-card-padding);--ui-step-padding: var(--global-step-padding);--ui-result-padding: var(--global-result-padding);--ui-inner-padding: var(--global-inner-padding);--ui-card-radius: var(--global-radius);--ui-step-radius: var(--global-radius);--ui-result-radius: var(--global-radius);--ui-inner-radius: var(--global-radius)}@media (max-width: 1120px){:root{--global-card-padding: 20px;--global-step-padding: 18.4px;--global-result-padding: 18.4px}}@media (max-width: 760px){:root{--global-layout-gap: 13.6px;--global-card-padding: 20px;--global-step-padding: 16.3px;--global-result-padding: 16.3px;--global-inner-padding: 14.3px}}.main,.workspace,.metrics{gap:var(--global-layout-gap)!important}.card,.topbar,.modal-box{padding:var(--global-card-padding)!important}.glass,.card,.card.strong,[class$=-card],[class*="-card "],.topbar,.side-card,.modal-box,.sidebar-token-card,.sidebar-session{border-radius:var(--global-radius)!important}.button:not(.icon-only):not(.icon-action),.mobile-logout-button,input:not([type=checkbox]):not([type=radio]):not([type=range]){border-radius:var(--global-radius)!important}:root{--uniform-card-border: rgba(190, 222, 255, .76);--uniform-card-border-soft: rgba(196, 229, 255, .62);--uniform-card-bg: linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(252,254,255,.72) 56%, rgba(245,251,255,.58) 100%), rgba(255,255,255,.64);--uniform-card-bg-strong: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(253,254,255,.78) 56%, rgba(242,250,255,.64) 100%), rgba(255,255,255,.72);--uniform-card-shadow: 0 10px 30px rgba(48,104,156,.08), inset 0 1px 0 rgba(255,255,255,.92);--uniform-card-shadow-strong: 0 12px 34px rgba(48,104,156,.1), inset 0 1px 0 rgba(255,255,255,.94)}.glass,.card,.topbar,.side-card,.sidebar-token-card,.sidebar-session,.modal-box,[class$=-card],[class*="-card "]{border:1px solid var(--uniform-card-border-soft)!important;background:var(--uniform-card-bg)!important;box-shadow:var(--uniform-card-shadow)!important;backdrop-filter:var(--frost-blur);-webkit-backdrop-filter:var(--frost-blur)}.card.strong,.topbar,.modal-box{border-color:var(--uniform-card-border)!important;background:var(--uniform-card-bg-strong)!important;box-shadow:var(--uniform-card-shadow-strong)!important}:root{--nav-selected-bg: rgba(60,60,67,.1);--nav-selected-bg-hover: rgba(60,60,67,.12)}@media (min-width: 1121px){.sidebar,.sidebar.glass{border-radius:0!important}}:root{--ui-title-size: 18px;--ui-subtitle-size: 12px;--ui-label-size: 12.5px;--ui-control-size: 12.5px;--ui-caption-size: 11px;--ui-button-font-size: 12.5px;--ui-upload-action-size: 11.5px}html,body,button,input{font-family:var(--font-system)!important}body{font-size:13px!important}@keyframes homeAiWaitingIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes homeAiReplyIn{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}70%{opacity:1;filter:blur(.4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes homeAiAnswerShellIn{0%{opacity:0;transform:translate3d(0,10px,0);filter:blur(3px)}70%{opacity:1;filter:blur(.6px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes homeAiAnswerBlockIn{0%{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes homeAiThinkingSoft{0%,to{background:#76768014}50%{background:#76768021}}@keyframes homeAiThinkingDot{0%,80%,to{opacity:.28;transform:translateY(0)}40%{opacity:.92;transform:translateY(-3px)}}.top-progress-slot{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.top-progress-slot:not(:empty){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}@media (max-width: 760px){.top-progress-slot:not(:empty){width:100%!important;max-width:100%!important}}[hidden]{display:none!important}@media (max-width: 760px){html,body{max-width:100%!important;overflow-x:hidden!important}body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}.app,.main,.workspace,.topbar,.card,.card.strong{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}input,.button{max-width:100%!important;min-width:0!important}}@media (max-width: 420px){.card,.card.strong{padding:14px!important}}.login-hero h1{font-size:clamp(34px,3.6vw,50px)!important;line-height:1.14!important;letter-spacing:0!important;font-weight:650!important}.login-hero p{max-width:500px!important;font-size:clamp(15px,1.25vw,18px)!important;letter-spacing:0!important;line-height:1.62!important;font-weight:500!important}.login-hero-wordmark{width:176px!important;max-width:min(176px,54vw)!important}.login-card h2{font-size:20px!important;font-weight:650!important;letter-spacing:0!important}.login-card p,.login-field label{letter-spacing:0!important}@media (max-width: 760px){.login-screen{padding:28px 20px!important}.login-layout{gap:28px!important}.login-hero{gap:10px!important}.login-hero h1{font-size:clamp(28px,8.2vw,34px)!important;white-space:normal!important}.login-hero p{font-size:14px!important}}@media (max-width: 760px){body{padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}.workspace{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important}.mobile-tabbar{transition:opacity .2s ease,transform .24s cubic-bezier(.2,.84,.22,1),min-height .24s cubic-bezier(.2,.84,.22,1);will-change:transform,opacity}}@keyframes workflowStepEnter{0%{opacity:.001;transform:translate3d(0,10px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes workflowStepActivePulse{0%,to{box-shadow:0 10px 20px rgba(var(--step-rgb, 8,119,255),.08),0 0 #007aff2e,inset 0 1px #ffffffe0}50%{box-shadow:0 10px 20px rgba(var(--step-rgb, 8,119,255),.1),0 0 0 7px #007aff12,inset 0 1px #ffffffeb}}@keyframes workflowCompleteRing{0%{opacity:.72;transform:scale(.78)}to{opacity:0;transform:scale(1.28)}}@keyframes workflowProgressSweep{0%{transform:translate(-120%)}56%,to{transform:translate(120%)}}@keyframes workflowProgressFillSheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes workflowResultReveal{0%{opacity:.001;transform:translate3d(0,8px,0) scale(.996);filter:saturate(.92)}to{opacity:1;transform:translateZ(0) scale(1);filter:saturate(1)}}@keyframes workflowUploadSuccess{0%{transform:translate3d(0,6px,0) scale(.992);box-shadow:0 0 #34c7592e,inset 0 1px #ffffffe0}58%{transform:translate3d(0,-1px,0) scale(1.004);box-shadow:0 0 0 6px #34c7591a,inset 0 1px #ffffffeb}to{transform:translateZ(0) scale(1)}}.button,.login-submit-button,.sidebar-toggle{box-shadow:none!important;text-shadow:none!important;transform:none!important;background-image:none!important}.button:before,.button:after,.login-submit-button:before,.login-submit-button:after,.sidebar-toggle:before,.sidebar-toggle:after{display:none!important}.button.primary,.login-submit-button{color:#fff!important;background:#0877ff!important;border-color:#0877ff!important;box-shadow:none!important}.button.primary:hover,.login-submit-button:hover{color:#fff!important;background:#0a84ff!important;border-color:#0a84ff!important;box-shadow:none!important;transform:none!important}.button.primary:active,.login-submit-button:active{color:#fff!important;background:#066ee8!important;border-color:#066ee8!important;box-shadow:none!important;transform:none!important}.button:not(.primary):not(.danger):not(.success),.sidebar-toggle{color:#1d1d1fd1!important;background:#ffffffd1!important;border-color:#0877ff38!important;box-shadow:none!important}.button:not(.primary):not(.danger):not(.success):hover,.sidebar-toggle:hover{color:#0877ff!important;background:#eef8ffe0!important;border-color:#0877ff4d!important;box-shadow:none!important;transform:none!important}.button:disabled{color:#3c3c436b!important;background:#7676801a!important;border-color:#3c3c431a!important;box-shadow:none!important;cursor:not-allowed!important}@keyframes luxuryPearlVeil{0%{transform:translate3d(-1.2%,-1%,0) skewY(-7deg);opacity:.56}to{transform:translate3d(1.2%,1.4%,0) skewY(-7deg);opacity:.78}}@keyframes luxuryHairlinePulse{0%,to{opacity:.32;transform:scaleX(.86)}50%{opacity:.68;transform:scaleX(1)}}@keyframes luxuryHeroSettle{0%{opacity:0;transform:translate3d(0,12px,0);filter:blur(3px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes luxuryComposerSettle{0%{opacity:0;transform:translate3d(0,10px,0) scale(.994)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes luxurySurfaceGleam{0%,52%{opacity:0;transform:translate3d(-42%,0,0)}64%{opacity:.56}to{opacity:0;transform:translate3d(42%,0,0)}}@keyframes luxuryCardReveal{0%{opacity:0;filter:blur(3px) saturate(.92)}to{opacity:1;filter:blur(0) saturate(1)}}@keyframes luxuryCardEdge{0%,to{opacity:.34;transform:translate3d(-16%,0,0)}50%{opacity:.66;transform:translate3d(16%,0,0)}}@media (prefers-reduced-motion: reduce){body:not(.login-active):not(.home-screen) .main:before,body:not(.login-active):not(.home-screen) .main:after{animation:none!important}}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){border-radius:10px!important}input:focus-visible,button:focus-visible,.button:focus-visible{outline:2px solid rgba(0,122,255,.24)!important;outline-offset:2px!important;box-shadow:0 0 0 3px #007aff14,inset 0 1px #ffffffe6!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible{border-color:#0877ff52!important;outline:1px solid rgba(8,119,255,.24)!important;outline-offset:2px!important;box-shadow:0 0 0 3px #0877ff12,inset 0 1px #ffffffeb!important}.side-card,.sidebar-token-card,.sidebar-session,.topbar{border-radius:8.5px!important}:root{--space-group: 14px;--space-module: 20px;--space-page: 24px;--page-pad-x: var(--space-page);--page-pad-y: var(--space-page);--layout-gap: var(--space-module);--global-layout-gap: var(--space-module);--sidebar-main-gap: var(--space-module);--global-card-padding: var(--space-page);--global-step-padding: var(--space-page);--global-result-padding: var(--space-page);--global-inner-padding: var(--space-group);--card-padding: var(--space-page);--step-padding: var(--space-page);--result-padding: var(--space-page);--inner-card-padding: var(--space-group);--ui-card-padding: var(--space-page);--ui-step-padding: var(--space-page);--ui-result-padding: var(--space-page);--ui-inner-padding: var(--space-group)}.app,.workspace{gap:var(--space-module)!important}body:not(.home-screen):not(.login-active) .app{padding-top:0!important}.topbar,.page-heading{gap:var(--space-group)!important}.card,.topbar,.modal-box{padding:var(--space-page)!important}@media (max-width: 760px){body:not(.home-screen):not(.login-active) .app{padding-left:var(--space-page)!important;padding-right:var(--space-page)!important}}:root{--shadow-card-soft: none;--shadow-card: none;--shadow-card-strong: none;--shadow-card-hover: none;--shadow-1: none;--shadow-2: none;--shadow-3: none;--frost-shadow: none;--frost-shadow-strong: none}.card,.topbar,.side-card,.sidebar-token-card,.sidebar-session,.card:hover,.topbar:hover,.side-card:hover,.sidebar-token-card:hover,.sidebar-session:hover{box-shadow:none!important}.card:before,.card:after,.topbar:before,.topbar:after,.side-card:before,.side-card:after,.sidebar-token-card:before,.sidebar-token-card:after,.sidebar-session:before,.sidebar-session:after{box-shadow:none!important}body:not(.login-active) .card,body:not(.login-active) .topbar,body:not(.login-active) .side-card,body:not(.login-active) .sidebar-token-card,body:not(.login-active) .sidebar-session,body.login-active .login-card{box-shadow:none!important}body:not(.login-active) .card:hover,body:not(.login-active) .topbar:hover,body:not(.login-active) .side-card:hover,body:not(.login-active) .sidebar-token-card:hover,body:not(.login-active) .sidebar-session:hover,body.login-active .login-card:hover{box-shadow:none!important}#app :is(.card,.topbar,.side-card,.sidebar-token-card,.sidebar-session),#modal :is(.modal-box,.card),#loginScreen .login-card{box-shadow:none!important}#app :is(.card,.topbar,.side-card,.sidebar-token-card,.sidebar-session):hover,#modal :is(.modal-box,.card):hover,#loginScreen .login-card:hover{box-shadow:none!important}#app :is(.card,.topbar,.side-card,.sidebar-token-card,.sidebar-session):before,#app :is(.card,.topbar,.side-card,.sidebar-token-card,.sidebar-session):after,#modal :is(.modal-box,.card):before,#modal :is(.modal-box,.card):after,#loginScreen .login-card:before,#loginScreen .login-card:after{box-shadow:none!important}:root{--space-group: 14px;--space-module: 20px;--space-page: 24px;--layout-gap: var(--space-module);--global-layout-gap: var(--space-module);--sidebar-main-gap: var(--space-module);--card-padding: var(--space-page);--step-padding: var(--space-page);--result-padding: var(--space-page);--inner-card-padding: var(--space-group);--ui-card-padding: var(--space-page);--ui-step-padding: var(--space-page);--ui-result-padding: var(--space-page);--ui-inner-padding: var(--space-group)}body:not(.home-screen):not(.login-active) #metrics.metrics:not(:empty)+.workspace{margin-top:0!important}#app :is(.workspace){gap:var(--space-module)!important}#app :is(.card,.topbar){padding:var(--space-page)!important}:root{--top-card-radius: 8.5px;--page-card-radius: var(--top-card-radius)}#app :is(.topbar,.card){border-radius:var(--page-card-radius)!important}@media (max-width: 1120px){body:not(.home-screen):not(.login-active) #app .topbar:not([hidden]){position:relative!important;top:auto!important;display:flex!important;min-height:0!important;padding:16px!important;align-items:flex-start!important;flex-wrap:wrap!important}#app .topbar .hero-visual{display:none!important}#app .topbar .page-heading,#app .topbar .page-title{width:100%!important;min-width:0!important;max-width:none!important;padding-right:0!important}#app .topbar .page-heading{flex:0 0 100%!important}#app .topbar .page-title{flex:1 1 auto!important}#app .topbar .page-title h2{font-size:21px!important;line-height:1.25!important}#app .topbar .page-title p{display:block!important;margin-top:6px!important;font-size:12.5px!important;line-height:1.55!important}#app .topbar .top-actions{width:100%!important}body:not(.login-active) .toast{z-index:150!important;bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}body.login-active .toast{z-index:150!important;top:calc(16px + env(safe-area-inset-top,0px))!important;bottom:auto!important}}@media (min-width: 901px) and (max-width: 1120px){#app{padding-top:var(--space-page)!important}#app>.sidebar{display:none!important}#app>.main{width:100%!important;min-width:0!important;margin:0!important}#mobileTabbar.mobile-tabbar{position:fixed!important;left:24px!important;right:24px!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;z-index:90!important;display:flex!important;min-height:64px!important;align-items:stretch!important;gap:4px!important;padding:5px 6px!important;overflow:hidden!important;border:1px solid rgba(190,222,255,.72)!important;border-radius:20px!important;background:#fffffff5!important;box-shadow:none!important}}@media (max-width: 760px){:root{--mobile-page-gutter: 12px;--space-group: 12px;--space-module: 16px;--space-page: 16px;--layout-gap: var(--space-module);--global-layout-gap: var(--space-module);--card-padding: var(--space-page);--step-padding: var(--space-page);--result-padding: var(--space-page);--inner-card-padding: var(--space-group)}html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}body:not(.login-active){padding-bottom:0!important}body:not(.home-screen):not(.login-active) #app{width:100%!important;padding:8px var(--mobile-page-gutter) calc(92px + env(safe-area-inset-bottom,0px))!important;gap:12px!important}body:not(.home-screen):not(.login-active) #app>.sidebar{top:8px!important;min-height:60px!important;padding:7px 10px!important}body:not(.home-screen):not(.login-active) #app .brand{min-height:44px!important}body:not(.home-screen):not(.login-active) #app>.main{width:100%!important;min-width:0!important;gap:var(--space-module)!important}body:not(.home-screen):not(.login-active) #app .topbar:not([hidden]){width:100%!important;min-height:0!important;margin:0!important;padding:14px 16px!important}body:not(.home-screen):not(.login-active) #app .topbar .page-title h2{font-size:22px!important;line-height:1.24!important}body:not(.home-screen):not(.login-active) #app .topbar .page-title p{margin-top:6px!important;font-size:12.5px!important;line-height:1.55!important}body:not(.home-screen):not(.login-active) #app #metrics.metrics:not(:empty)+.workspace{margin-top:0!important}body:not(.home-screen):not(.login-active) #app :is(.workspace){gap:var(--space-module)!important;padding-bottom:0!important}body:not(.home-screen):not(.login-active) #app :is(.card){padding:var(--space-page)!important}body:not(.home-screen):not(.login-active) #app :is(input:not([type=checkbox]):not([type=radio]):not([type=range])){min-height:46px!important}body:not(.home-screen):not(.login-active) #app :is(.button){min-height:44px!important}body:not(.home-screen):not(.login-active) #app .mobile-logout-button{min-height:40px!important;border-radius:10px!important;box-shadow:none!important}}@media (max-width: 760px){body:not(.home-screen):not(.login-active) #app{padding-top:12px!important;padding-right:max(12px,env(safe-area-inset-right,0px))!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;padding-left:max(12px,env(safe-area-inset-left,0px))!important}body:not(.home-screen):not(.login-active) #app>.sidebar{display:none!important}body:not(.home-screen):not(.login-active) #app>.main{gap:12px!important}}body,body :where(h1,h2,h3,p,label,input,button,div,span,strong,i){line-height:calc(1em + 8px)!important}#app,#loginScreen,#app :where(h1,h2,h3,p,label,input,button,div,span,strong,i),#loginScreen :where(h1,h2,h3,p,label,input,button,div,span,strong,i){line-height:calc(1em + 8px)!important}@media (max-width: 760px){body:not(.home-screen):not(.login-active) #app #metrics.metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}}.login-method-tabs{position:relative;z-index:1;display:flex;justify-content:center;align-items:stretch;gap:36px;height:48px;margin-bottom:18px;padding:0;border:0;border-radius:0;background:transparent}.login-method-tab{position:relative;width:auto;min-width:0;min-height:48px;padding:0 4px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#1d1d1fc7;background:transparent;box-shadow:none;font:inherit;font-size:14px;font-weight:500;letter-spacing:0;cursor:pointer}.login-method-tab.is-active{color:#0877f9;border-bottom-color:#0877f9;background:transparent;box-shadow:none;font-weight:600}.login-method-tab:focus-visible,.login-wecom-qr-frame:focus-visible{outline:2px solid rgba(0,122,255,.45);outline-offset:2px}.login-method-panel[hidden]{display:none!important}.login-method-panel{min-height:289px}#passwordLoginPanel{margin-inline:10px}.login-wecom-panel{display:grid;justify-items:center;align-content:center;gap:20px}.login-wecom-qr-wrap{position:relative;width:190.4px;max-width:100%;height:190.4px;overflow:hidden;border:0;border-radius:0;background:#fff}.login-wecom-qr-frame{position:absolute;top:-33.6px;left:-10.4px;width:300px;height:380px;display:block;border:0;background:#fff;transform:scale(.672);transform-origin:top left}.login-wecom-qr-loading{position:absolute;inset:0;display:grid;place-items:center;color:#3c3c4394;background:#fff;font-size:14px}.login-wecom-qr-loading[hidden]{display:none}.login-wecom-qr-expired{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:9px;padding:18px;color:#1d1d1f;text-align:center;background:#fffffff0}.login-wecom-qr-expired[hidden]{display:none}.login-wecom-expired-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#fff;background:#2f9bff;font-size:28px;line-height:48px!important;font-weight:700;font-family:Georgia,serif}#loginScreen .login-wecom-qr-expired strong{font-size:17px;line-height:25px!important;font-weight:600;white-space:nowrap}.login-wecom-refresh-button{min-width:62px;min-height:36px;padding:0 14px;border:1px solid rgba(60,60,67,.28);border-radius:6px;color:#1d1d1f;background:#fffffffa;box-shadow:none;font:inherit;font-size:14px;line-height:22px!important;font-weight:500;cursor:pointer}.login-wecom-refresh-button:disabled{cursor:wait;opacity:.58}.login-wecom-copy{display:grid;justify-items:center;gap:0;text-align:center;white-space:nowrap}#loginScreen .login-wecom-title{color:var(--text);font-size:16px;line-height:20px!important;font-weight:600}#loginScreen .login-wecom-status{color:#3c3c438c;font-size:13px;line-height:19px!important;font-weight:400}@media (max-width: 760px){.login-method-tabs{margin-bottom:16px}.login-method-panel{min-height:296px}#passwordLoginPanel{margin-inline:18px}}