.hub-api{--hub-rgb: 37 99 235;--hub-deep: #1d4ed8}.hub-assistant{--hub-rgb: 124 58 237;--hub-deep: #6d28d9}.hub-chat{--hub-rgb: 13 148 136;--hub-deep: #0f766e}.hub-notifications{--hub-rgb: 217 119 6;--hub-deep: #b45309}.hub-glyph{width:20px;height:20px;flex-shrink:0}.hub-action{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;margin:0 3px;border-radius:13px;border:1px solid rgb(var(--hub-rgb) / .19);color:var(--hub-deep);background:linear-gradient(145deg,#fff 5%,rgb(var(--hub-rgb) / .12));box-shadow:inset 0 1px #fff,0 3px 7px rgb(var(--hub-rgb) / .1),0 1px 2px #1824420a;transition:transform .18s,box-shadow .18s,background .18s;font-size:11px;font-weight:800;letter-spacing:-.025em}.hub-action:hover,.hub-action[data-open]{transform:translateY(-1px);background:linear-gradient(145deg,#fff,rgb(var(--hub-rgb) / .22));box-shadow:inset 0 1px #fff,0 5px 13px rgb(var(--hub-rgb) / .19)}.hub-action:focus-visible,.hub-close:focus-visible,.hub-button:focus-visible{outline:3px solid rgb(var(--hub-rgb) / .4);outline-offset:3px}.hub-counter{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:var(--hub-deep);color:#fff;border-radius:8px;font-size:10px;line-height:1;border:2px solid white;box-sizing:content-box;font-variant-numeric:tabular-nums;box-shadow:0 2px 5px rgb(var(--hub-rgb) / .2)}.hub-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:flex-end;padding:72px 20px 20px;background:#15223b30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hub-dialog{display:flex;flex-direction:column;min-width:0;width:min(540px,100%);max-height:min(720px,calc(100dvh - 96px));overflow:hidden;border-radius:24px;border:1px solid #ffffffb3;background:#fff;color:#161616;box-shadow:0 24px 80px -18px #17244255,0 4px 14px #17244212;outline:none}.hub-panel-head{display:flex;align-items:center;gap:12px;padding:20px;background:radial-gradient(ellipse at 100% 0,rgb(var(--hub-rgb) / .14),transparent 80%),#fff;border-bottom:1px solid rgb(var(--hub-rgb) / .1);flex-shrink:0}.hub-emblem{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:linear-gradient(145deg,rgb(var(--hub-rgb) / .7),var(--hub-deep));box-shadow:inset 0 1px #fff6,0 5px 12px rgb(var(--hub-rgb) / .24)}.hub-panel-head h2{font-size:17px;font-weight:750;letter-spacing:-.035em}.hub-panel-head p{font-size:12px;color:#64748b;margin-top:3px}.hub-close{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#64748b;background:#ffffff80;flex-shrink:0}.hub-close:hover{background:rgb(var(--hub-rgb) / .12);color:var(--hub-deep)}.hub-close .hub-glyph{width:16px;height:16px}.hub-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:20px}.hub-intro{font-size:13px;line-height:1.65;color:#475569}.hub-card{margin-top:18px;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #e8edf4}.hub-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:650;color:#fff;background:linear-gradient(140deg,rgb(var(--hub-rgb) / .85),var(--hub-deep));box-shadow:inset 0 1px #fff3,0 3px 7px rgb(var(--hub-rgb) / .18)}.hub-button .hub-glyph{width:16px;height:16px}.hub-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hub-secondary{color:var(--hub-deep);background:rgb(var(--hub-rgb) / .08);box-shadow:none}.hub-section-chip{padding:6px 10px;border:1px solid rgb(var(--hub-rgb) / .16);border-radius:10px;color:var(--hub-deep);background:rgb(var(--hub-rgb) / .05);font-size:12px}.hub-chat-panel{border-radius:24px!important;box-shadow:0 22px 70px -16px #123f3c55,0 4px 14px #17244212!important}.hub-chat-row{margin:5px 8px;width:calc(100% - 16px)!important;border-radius:14px;border-bottom:0!important;padding:13px!important}.hub-chat-row:hover{background:rgb(var(--hub-rgb) / .07)!important}.hub-notice-row{margin:6px 10px;border-radius:15px;border:1px solid #e8edf4!important;background:#fff!important;padding:14px!important}.hub-notice-row:hover{background:#fffbeb!important;border-color:#fde68a!important}.dark .hub-action{color:var(--hub-ink);background:linear-gradient(145deg,#ffffff14,rgb(var(--hub-rgb) / .16));border-color:rgb(var(--hub-rgb) / .35);box-shadow:inset 0 1px #ffffff12,0 3px 9px #0003}.dark .hub-action:hover,.dark .hub-action[data-open]{background:rgb(var(--hub-rgb) / .27);color:#fff}.dark .hub-counter{border-color:#202124;background:rgb(var(--hub-rgb))}.dark .hub-dialog{background:#202124;color:#f8fafc;border-color:#ffffff1c}.dark .hub-panel-head{background:radial-gradient(ellipse at 100% 0,rgb(var(--hub-rgb) / .21),transparent 80%),#202124;border-color:#ffffff0f}.dark .hub-panel-head p,.dark .hub-intro{color:#b2bbca}.dark .hub-close{background:#ffffff09;color:#b2bbca}.dark .hub-card{background:#ffffff05;border-color:#ffffff14}.dark .hub-secondary,.dark .hub-section-chip{color:#c5d7ff;background:rgb(var(--hub-rgb) / .13)}.dark .hub-notice-row{background:#ffffff05!important;border-color:#ffffff0e!important}.dark .hub-notice-row:hover{background:rgb(var(--hub-rgb) / .1)!important;border-color:rgb(var(--hub-rgb) / .25)!important}@media(max-width:640px){.hub-backdrop{padding:66px 10px 12px}.hub-dialog{max-height:calc(100dvh - 82px);border-radius:20px}.hub-panel-head,.hub-scroll{padding:16px}.hub-action{width:33px;height:33px;margin:0 2px;border-radius:11px}}@media(prefers-reduced-motion:reduce){.hub-action{transition:none}.hub-action:hover,.hub-action[data-open]{transform:none}}.dark .hub-api{--hub-ink: #93c5fd}.dark .hub-assistant{--hub-ink: #c4b5fd}.dark .hub-chat{--hub-ink: #5eead4}.dark .hub-notifications{--hub-ink: #fcd34d}
