:root{color-scheme:dark;--basis-bg:#09121e;--basis-deep:#05090f;--basis-surface:#0e1a29;--basis-text:#f1f6fc;--basis-soft:#b5c5d8;--basis-muted:#718399;--basis-cyan:#52e5d0;--basis-lime:#b8f86d;--basis-line:#c1d8ef16}*{box-sizing:border-box}.basis-login,.basis-studio{margin:0;min-height:100dvh;background:var(--basis-bg);color:var(--basis-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}.basis-login a,.basis-studio a{color:inherit;text-decoration:none}.basis-aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 74% 30%,#52e5d00c,transparent 38%),radial-gradient(ellipse at 14% 90%,#70a6ff0b,transparent 43%)}.basis-top{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:30px 40px}.basis-brand{display:inline-flex;align-items:center;gap:10px;font-weight:760;font-size:19px;letter-spacing:-.5px}.basis-brand-light{font-weight:420;color:var(--basis-soft)}.basis-external{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--basis-line);padding:10px 14px;border-radius:11px;font-size:12px;color:var(--basis-soft)!important}.basis-external svg{height:16px;width:16px}.basis-welcome{max-width:1190px;margin:50px auto 60px;padding:0 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:76px;align-items:center}.basis-pill{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.6px;padding:9px 11px;border-radius:8px;border:1px solid #52e5d02c;color:var(--basis-cyan);background:#52e5d008}.basis-pill i{height:5px;width:5px;background:var(--basis-cyan);border-radius:50%;box-shadow:0 0 12px #52e5d090}.basis-copy h1{font-size:clamp(37px,4.1vw,58px);font-weight:740;line-height:1.14;letter-spacing:-2px;margin:24px 0}.basis-copy h1 span{background:linear-gradient(110deg,#a8eddf,#b8f86d);background-clip:text;-webkit-background-clip:text;color:transparent}.basis-intro{color:var(--basis-soft);font-size:15px;line-height:1.8;max-width:510px;margin-bottom:32px}.basis-benefits{display:grid;gap:18px}.basis-benefits>div{display:flex;gap:13px;align-items:center}.basis-feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--basis-line);background:#ffffff03;color:var(--basis-cyan);flex:none}.basis-feature-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.basis-benefits b{display:block;font-weight:570;font-size:13px}.basis-benefits small{display:block;color:var(--basis-muted);font-size:11px;margin-top:5px}.basis-login-card{background:linear-gradient(145deg,#132337,#0d1928 65%);border:1px solid #c1d8ef1c;border-radius:26px;padding:36px 32px;box-shadow:0 25px 75px #0003,0 1px 0 #fff1 inset}.basis-card-kicker{color:var(--basis-cyan);font-size:9px;font-weight:700;letter-spacing:1.8px}.basis-login-card h2{font-size:28px;letter-spacing:-.8px;font-weight:650;margin:16px 0 10px}.basis-login-card>p{font-size:12px;color:var(--basis-soft);line-height:1.8;margin:0 0 26px}.basis-login-card label{display:block;font-size:11px;font-weight:600;color:var(--basis-soft);margin-bottom:9px}.basis-key-field{display:flex;align-items:center;gap:10px;border:1px solid #b5c5d82e;background:#050c16;border-radius:12px;padding:0 12px;height:51px;transition:border-color .2s,box-shadow .2s}.basis-key-field:focus-within{border-color:#52e5d080;box-shadow:0 0 0 3px #52e5d010}.basis-key-field>svg{height:18px;width:18px;color:var(--basis-muted);flex:none}.basis-key-field input{width:100%;border:0;outline:0;background:transparent;color:var(--basis-text);font-size:14px;font-family:ui-monospace,monospace;min-width:0}.basis-key-field button{border:0;background:none;color:var(--basis-muted);padding:5px;cursor:pointer}.basis-key-field button svg{width:17px;height:17px}.basis-private{display:flex;gap:7px;color:var(--basis-muted);font-size:10px;line-height:1.6;margin:12px 0 22px}.basis-private svg{width:14px;height:14px;flex:none;margin-top:1px}.basis-primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(105deg,#a9edcf,#b8f86d);color:#102219;border:0;border-radius:12px;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 5px 16px #b8f86d15;transition:filter .2s,transform .2s}.basis-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.basis-primary:disabled{opacity:.6;cursor:wait;transform:none}.basis-primary svg{width:18px;height:18px}.basis-error{color:#ff9eaf;font-size:12px;line-height:1.6}.basis-login-note{margin-top:26px;padding-top:20px;border-top:1px solid var(--basis-line);display:grid;gap:6px;font-size:11px;line-height:1.7;color:var(--basis-muted)}.basis-login-note strong{font-size:11px;color:var(--basis-soft);font-weight:550}.basis-footer{max-width:1190px;padding:0 32px 28px;display:flex;gap:16px;justify-content:space-between;margin:auto;color:var(--basis-muted);font-size:10px}.basis-footer a{text-decoration:underline;text-underline-offset:3px}.basis-app-nav{position:fixed;right:15px;bottom:12px;z-index:1200;display:flex;align-items:center;gap:5px;border:1px solid #b5c5d82e;padding:5px;background:#0e1a29f0;border-radius:12px;box-shadow:0 5px 24px #0005;backdrop-filter:blur(18px);font-family:ui-sans-serif,system-ui,sans-serif}.basis-app-nav a,.basis-app-nav button{color:#b5c5d8;font-size:10px;padding:7px 9px;border:0;background:transparent;border-radius:7px;text-decoration:none;cursor:pointer}.basis-app-nav a:hover,.basis-app-nav button:hover{background:#52e5d016;color:#a9edcf}.basis-app-nav .basis-app-sign{color:#52e5d0;font-weight:700}.basis-app-nav small{font-size:8px;color:#718399;margin-right:6px}html.dark{--color-gray-900:#09121e;--color-gray-950:#05090f;--color-gray-850:#0e1a29;--color-gray-800:#132337;--color-gray-700:#22354c;--color-gray-600:#40536b;--color-gray-500:#718399;--color-gray-400:#b5c5d8;--color-gray-300:#cdd9e7;--color-gray-200:#e2eaf4;--color-gray-100:#f1f6fc}html.dark body{background-color:#09121e!important}html.dark .bg-gray-900{background-color:#09121e!important}html.dark .bg-gray-850{background-color:#0e1a29!important}html.dark .bg-gray-800{background-color:#132337!important}html.dark [data-state="active"]{--ring:#52e5d0}::selection{background:#52e5d03a;color:inherit}@media(max-width:850px){.basis-welcome{gap:35px;margin-top:25px;padding:0 24px}.basis-copy h1{font-size:39px;letter-spacing:-1.5px}.basis-login-card{padding:30px 24px}.basis-top{padding:24px}.basis-intro{font-size:13px}.basis-benefits small{font-size:10px}}@media(max-width:650px){.basis-top{padding:20px}.basis-brand{font-size:17px}.basis-external{font-size:10px;padding:9px 11px}.basis-welcome{display:flex;flex-direction:column;gap:28px;margin:14px auto 35px;padding:0 20px}.basis-copy{width:100%}.basis-copy h1{font-size:37px;margin:20px 0 17px;letter-spacing:-1.3px}.basis-intro{line-height:1.7;margin-bottom:23px}.basis-benefits{display:none}.basis-login-card{width:100%;padding:26px 23px;border-radius:22px}.basis-login-card h2{font-size:25px}.basis-footer{padding:0 20px 24px;flex-direction:column;gap:9px}.basis-app-nav{bottom:8px;right:7px;gap:0;padding:4px}.basis-app-nav small{display:none}.basis-app-nav a,.basis-app-nav button{font-size:9px;padding:7px 6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Quick navigation must never cover the composer or Send control. */
.basis-app-nav{top:8px;bottom:auto;right:54px}.basis-app-nav .basis-app-sign{padding-left:4px!important}.basis-app-nav small{font-size:8px}@media(max-width:650px){.basis-app-nav{top:8px;bottom:auto;right:40px;padding:3px}.basis-app-nav .basis-app-sign,.basis-app-nav small,.basis-app-nav a:first-of-type{display:none}.basis-app-nav a,.basis-app-nav button{font-size:9px;padding:6px}.basis-app-nav a{max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.basis-nav-balance{font-size:9px;color:#a9edcf;white-space:nowrap;padding:0 7px;border-left:1px solid #b5c5d825}@media(max-width:650px){.basis-nav-balance{display:none}}

.basis-login [hidden],.basis-studio [hidden]{display:none!important}

@media(max-width:650px){.basis-app-nav a[href="/media"]{font-size:0;max-width:none}.basis-app-nav a[href="/media"]::after{content:"Студия";font-size:10px}}
/* Basisweb identity is additive: upstream branding and license attribution remain visible. */
.basis-app-nav{gap:4px;padding:5px 7px;border-color:#a9edcf25;box-shadow:0 7px 30px #0003;background:#0c1825f2}.basis-app-nav .basis-app-sign{font-size:13px;letter-spacing:-.5px;padding:0 8px!important;color:#a9edcf}.basis-app-nav .basis-powered{font-size:8px;color:#8194a7;padding:7px 4px}.basis-reasoning{position:relative}.basis-reasoning>summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;color:#a9edcf;border:1px solid #a9edcf20;background:#a9edcf07;border-radius:8px;padding:6px 8px;font-size:10px;white-space:nowrap}.basis-reasoning>summary::-webkit-details-marker{display:none}.basis-reasoning>summary svg{width:15px;height:15px}.basis-reasoning[open]>summary{background:#a9edcf14;border-color:#a9edcf50}.basis-reasoning-panel{position:absolute;top:calc(100% + 13px);right:0;width:330px;padding:21px;background:#101e2c;border:1px solid #a9edcf30;border-radius:16px;box-shadow:0 18px 60px #0007;white-space:normal;color:#dbe9f5}.basis-reasoning-panel>strong{font-size:16px;letter-spacing:-.4px;font-weight:600}.basis-reasoning-panel>p{font-size:10px;color:#9fb3c8;line-height:1.8;margin:8px 0 18px}.basis-reasoning-panel label{display:grid;gap:7px;color:#b3c7db;font-size:10px;margin:15px 0}.basis-reasoning-panel select{appearance:auto;background:#08141f;color:#e5f0f9;border:1px solid #aec7df28;border-radius:9px;padding:10px;max-width:100%;font-size:11px;width:100%;outline-color:#a9edcf}.basis-reasoning-panel #basis-reasoning-note{color:#a9edcf;font-size:10px;margin:13px 0 12px;min-height:18px}.basis-reasoning-panel small{display:block!important;margin:0!important;color:#8196ac!important;font-size:9px!important;line-height:1.8}.basis-reasoning-panel select:disabled{opacity:.5}.basis-reasoning-panel option{background:#101e2c}.basis-app-nav :focus-visible{outline:2px solid #a9edcf;outline-offset:3px}@media(max-width:800px){.basis-app-nav .basis-nav-balance{display:none}.basis-app-nav .basis-powered{display:none}.basis-reasoning-panel{right:-65px}}@media(max-width:650px){.basis-app-nav{right:40px;max-width:calc(100vw - 84px);gap:3px;top:8px;padding:4px}.basis-app-nav .basis-app-sign{display:block;font-size:10px;padding:0 5px!important}.basis-app-nav a[href='/media']{font-size:0;padding:6px}.basis-app-nav a[href='/media']::after{content:'Медиа';font-size:9px}.basis-reasoning>summary{padding:5px 6px;font-size:9px;gap:3px}.basis-reasoning>summary svg{width:13px;height:13px}.basis-app-nav .basis-change-key{font-size:0;padding:6px}.basis-app-nav .basis-change-key::after{content:'Ключ';font-size:9px}.basis-reasoning-panel{position:fixed;top:57px;right:15px;width:min(330px,calc(100vw - 30px));padding:20px}.basis-app-nav .basis-reasoning-panel small{display:block}.basis-app-nav .basis-app-sign{max-width:58px;overflow:hidden}.basis-reasoning>summary>span{max-width:80px;overflow:hidden;text-overflow:ellipsis}}

/* Basisweb service identity is additive; original Open WebUI marks stay intact. */
.basis-app-nav .basis-app-sign{display:flex;align-items:center;gap:6px;white-space:nowrap;max-width:none}.basis-app-sign>img{width:23px;height:23px;flex:none;border-radius:7px}.basis-loader-brand{position:absolute;left:50%;top:calc(50% + 90px);transform:translateX(-50%);display:flex;gap:13px;align-items:center;white-space:nowrap;font-family:ui-sans-serif,system-ui,sans-serif;color:#c9f7e3;pointer-events:none}.basis-loader-brand>img{width:46px;height:46px;border-radius:13px;box-shadow:0 8px 25px #0002}.basis-loader-brand>span{font-size:23px;font-weight:650;letter-spacing:-.7px}.basis-loader-brand small{display:block;color:#91a79f;font-size:10px;letter-spacing:.1px;font-weight:400;margin-top:4px}@media(max-width:650px){.basis-app-nav .basis-app-sign{max-width:none;gap:4px}.basis-app-sign>img{width:19px;height:19px}.basis-loader-brand{top:calc(50% + 86px);gap:10px}.basis-loader-brand>span{font-size:20px}.basis-loader-brand>img{width:40px;height:40px}.basis-loader-brand small{font-size:9px}}