.th-palette{--qg-glass: rgba(16, 18, 38, .6);--qg-glass-strong: rgba(14, 16, 34, .78);--qg-chip: rgba(255, 255, 255, .055);--qg-chip-hover: rgba(255, 255, 255, .1);--qg-edge: rgba(255, 255, 255, .14);--qg-text: #f4f3ff;--qg-muted: rgba(226, 228, 255, .68);--qg-violet: #8b7bff;--qg-teal: #3fd7c5;--qg-amber: #ffb35c}.th-palette .th-palette-button,.bloop-ui .th-palette .th-palette-button{position:relative;isolation:isolate;width:58px;height:58px;padding:0;border:0!important;border-radius:22px;background:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.18),transparent 55%),var(--qg-glass-strong)!important;backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);box-shadow:0 18px 40px -12px #080a1e99,0 2px 6px #080a1e40,inset 0 1px #ffffff38!important;color:#fff;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.th-palette .th-palette-button:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--qg-turn, 0deg),var(--qg-violet),var(--qg-teal),var(--qg-amber),#ff7ab6,var(--qg-violet));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;animation:qg-turn 9s linear infinite}.th-palette .th-palette-button:after{content:"";position:absolute;inset:8px;z-index:-2;border-radius:inherit;background:conic-gradient(from var(--qg-turn, 0deg),var(--qg-violet),var(--qg-teal),var(--qg-amber),var(--qg-violet));filter:blur(16px);opacity:.55;animation:qg-turn 9s linear infinite}.th-palette .th-palette-button:hover{transform:translateY(-2px)}.th-palette .th-palette-button:active{transform:scale(.94)}.th-palette .th-palette-button:focus-visible{outline:2px solid var(--qg-teal);outline-offset:3px}.th-palette.is-dragging .th-palette-button{transform:scale(1.08);cursor:grabbing}.th-palette .th-palette-glyph{width:36px;height:36px;border-radius:12px;color:#fff;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.55),transparent 42%),linear-gradient(145deg,#9a8cff,#5b4cf0 55%,#3a2fb8);box-shadow:0 0 18px #8b7bff8c,inset 0 -2px 6px #140a5059}.th-palette-panel{--qg-text: #f4f3ff;--qg-muted: rgba(226, 228, 255, .68);--qg-chip: rgba(255, 255, 255, .055);--qg-chip-hover: rgba(255, 255, 255, .1);--qg-violet: #8b7bff;--qg-teal: #3fd7c5;--qg-amber: #ffb35c;isolation:isolate;overflow:hidden auto;padding:16px;gap:12px;border:0!important;border-radius:28px;color:var(--qg-text);background:radial-gradient(60% 50% at 0% 0%,rgba(139,123,255,.32),transparent 70%),radial-gradient(55% 45% at 100% 100%,rgba(63,215,197,.22),transparent 70%),#1012269e!important;backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);box-shadow:0 40px 90px -30px #040618bf,0 8px 24px #0406184d,inset 0 1px #ffffff2e!important}.th-palette-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#ffffff8c,#ffffff14 38%,#ffffff0a 70%,#3fd7c559);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.th-palette-panel:after{content:"";position:absolute;z-index:-2;pointer-events:none;width:70%;aspect-ratio:1;top:-30%;right:-20%;border-radius:50%;background:radial-gradient(circle,rgba(255,179,92,.22),transparent 65%);filter:blur(10px);animation:qg-drift 14s ease-in-out infinite alternate}.th-palette-panel:focus{outline:none}.th-palette-head{padding:2px 4px 4px}.th-palette-head h2{color:var(--qg-text);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.th-palette-panel .th-icon-button{width:36px;height:36px;border:0;border-radius:12px;background:#ffffff14;color:var(--qg-text)}.th-palette-panel .th-icon-button:hover{background:#ffffff29}.th-palette-grid{gap:10px}.th-palette-chip{position:relative;overflow:hidden;gap:14px;min-height:108px;padding:16px;border:0!important;border-radius:22px;background:linear-gradient(160deg,#ffffff1a,#ffffff06)!important;color:var(--qg-text);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff24!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s}.th-palette-chip:after{content:"";position:absolute;inset:-40% auto -40% -60%;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-18deg);opacity:0;transition:none}.th-palette-chip:hover{transform:translateY(-2px);background:linear-gradient(160deg,#ffffff26,#ffffff0a)!important}.th-palette-chip:hover:after{opacity:1;left:120%;transition:left .7s ease,opacity .2s}.th-palette-chip:active{transform:scale(.97)}.th-palette-chip:focus{outline:none}.th-palette-chip:focus-visible{outline:2px solid var(--qg-teal);outline-offset:2px}.th-palette-chip[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px var(--tile-glow, var(--qg-violet)),0 0 24px -6px var(--tile-glow, var(--qg-violet))!important}.th-palette-chip-text b{color:var(--qg-text);font-size:15px;letter-spacing:-.01em}.th-palette-chip-text small{color:var(--qg-muted);font-size:12.5px;line-height:1.35}.th-palette-chip .th-palette-tile-icon{width:38px;height:38px;border-radius:50%;color:#fff;font-size:17px;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.6),transparent 40%),var(--tile-orb, linear-gradient(145deg, #9a8cff, #5b4cf0));box-shadow:0 0 18px -2px var(--tile-glow, #8b7bff),inset 0 -3px 6px #0a0a284d}.th-palette-chip .th-palette-tile-icon svg{width:17px;height:17px}.th-palette-chip.th-tone-violet{--tile-orb: linear-gradient(145deg, #a99cff, #6253f2 60%, #3e32bf);--tile-glow: #8b7bff}.th-palette-chip.th-tone-amber{--tile-orb: linear-gradient(145deg, #ffd08a, #ff9a3d 60%, #d9661e);--tile-glow: #ffb35c}.th-palette-chip.th-tone-blue{--tile-orb: linear-gradient(145deg, #8fd8ff, #3a8bff 60%, #2456d6);--tile-glow: #5aa8ff}.th-palette-chip.th-tone-mint{--tile-orb: linear-gradient(145deg, #8ff0d9, #2fc1a4 60%, #13836f);--tile-glow: #3fd7c5}#lg-ai-chip{--tile-orb: linear-gradient(145deg, #c8a8ff, #9a6cf0 50%, #f08aa8);--tile-glow: #c08bff}.th-palette-grid:has(>.th-palette-chip:nth-child(3):last-child:not([hidden]))>.th-palette-chip:last-child{grid-column:1 / -1;min-height:0;flex-direction:row;align-items:center}.th-palette-tile{padding:16px;border-radius:22px;background:#ffffff0f!important;box-shadow:inset 0 0 0 1px #ffffff1a!important;color:var(--qg-text)}.th-palette-note textarea{border:0!important;background:#ffffffeb!important;color:#1d1a2e!important;font-size:16px}.th-palette-note textarea:focus{outline:2px solid var(--qg-amber)!important}.th-palette-note-actions span{color:var(--qg-muted)!important}.th-palette-note-actions span a,.th-palette-guest a{color:#b7aaff!important}.th-palette-note-actions button{border:0!important;background:linear-gradient(145deg,#a99cff,#5b4cf0)!important;color:#fff!important;box-shadow:0 8px 20px -8px #8b7bffcc!important}.th-palette-guest{color:var(--qg-muted)!important}.th-palette-scrim{background:#080a1c47!important;backdrop-filter:blur(6px) saturate(1.2);-webkit-backdrop-filter:blur(6px) saturate(1.2)}@property --qg-turn{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes qg-turn{to{--qg-turn: 360deg}}@keyframes qg-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-60%,70%) scale(1.25)}}@media (prefers-reduced-motion: reduce){.th-palette .th-palette-button:before,.th-palette .th-palette-button:after,.th-palette-panel:after{animation:none}.th-palette-chip:hover:after{transition:none;opacity:0}}body.th-reduce-motion .th-palette .th-palette-button:before,body.th-reduce-motion .th-palette .th-palette-button:after,body.th-reduce-motion .th-palette-panel:after{animation:none}body.th-contrast .th-palette-panel,body.th-contrast .th-palette .th-palette-button{background:#0e1022!important;backdrop-filter:none;-webkit-backdrop-filter:none}body.th-contrast .th-palette-chip{background:#1b1e3a!important;box-shadow:inset 0 0 0 1.5px #fff!important}
