.tc-root{position:fixed;inset:0;z-index:70;background:#0a060447;animation:tc-fade .16s ease both}.tc-root.closing{animation:tc-fade .16s ease reverse both;pointer-events:none}@keyframes tc-fade{0%{opacity:0}}.tc-card{position:absolute;width:min(300px,calc(100vw - 16px));max-height:calc(100dvh - 24px);overflow:auto;padding:12px 12px 14px;border-radius:var(--tc-radius, 20px);background:var(--tc-bg, rgba(28, 20, 16, .86));color:var(--tc-ink, #fff);font-family:var(--tc-font, inherit);box-shadow:0 1px #ffffff14 inset,0 18px 48px -18px #0009,0 2px 8px #0000002e;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);transform-origin:top right;animation:tc-pop .2s cubic-bezier(.2,.8,.2,1) both}.tc-card.from-left{transform-origin:top left}.tc-root.closing .tc-card{animation:tc-pop .14s ease reverse both}@keyframes tc-pop{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.tc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 6px 6px}[dir=rtl] .tc-head{margin:0 6px 6px 2px}.tc-title{font-size:15px;font-weight:700;margin:0}.tc-title:empty{display:none}.tc-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--tc-line, rgba(255, 255, 255, .1));color:inherit;border:0;font:inherit;font-size:20px;line-height:1;cursor:pointer}.tc-group+.tc-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--tc-line, rgba(255, 255, 255, .1))}.tc-label{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--tc-muted, rgba(255, 255, 255, .62));margin:0 6px 8px}.tc-chips{display:flex;gap:6px;padding:0 4px}.tc-chip{flex:1;min-height:40px;border-radius:999px;border:0;font:inherit;font-weight:600;background:var(--tc-line, rgba(255, 255, 255, .1));color:inherit;cursor:pointer}.tc-chip.on{background:var(--tc-accent, #e9b670);color:var(--tc-on-accent, #1a0609)}.tc-list{display:grid;gap:2px}.tc-row{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.tc-row:hover,.tc-row:focus-visible{background:var(--tc-line, rgba(255, 255, 255, .1));outline:none}.tc-row.on{background:var(--tc-line, rgba(255, 255, 255, .1))}.tc-swatch{flex:none;width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px #ffffff24 inset,0 1px 3px #00000059}.tc-text{display:grid;flex:1;min-width:0}.tc-name{font-weight:600;font-size:15px}.tc-sub{font-size:12px;color:var(--tc-muted, rgba(255, 255, 255, .62))}.tc-tick{flex:none;width:22px;color:var(--tc-accent, #e9b670);visibility:hidden;display:inline-flex}.tc-row.on .tc-tick{visibility:visible}@media (prefers-reduced-motion: reduce){.tc-root,.tc-card{animation-duration:.01s}}.tc-foot{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--tc-line, rgba(255, 255, 255, .1))}.tc-act{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 8px;border:0;border-radius:12px;background:transparent;color:var(--tc-muted, rgba(255, 255, 255, .72));font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.tc-act:hover,.tc-act:focus-visible{background:var(--tc-line, rgba(255, 255, 255, .1));color:var(--tc-ink, #fff)}.tc-act svg{flex:none}.tc-act span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}