.cc-anchor{position:relative}.cc-trigger{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;transition:border-color var(--motion-fast);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.cc-trigger:hover,.cc-trigger[aria-expanded=true]{border-color:var(--accent)}.cc-trigger svg{color:var(--muted)}.cc-badge{background:var(--accent);min-width:20px;height:20px;color:var(--ink);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;display:grid}.cc-scrim{display:none}.cc-panel{z-index:70;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;width:340px;max-height:min(560px,100vh - 140px);display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 24px 60px #000b}.cc-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:52px;padding:6px 8px 6px 16px;display:flex}.cc-head h2{flex:1;margin:0;font-size:16px;font-weight:700}.cc-back{margin-left:-8px}.cc-back,.cc-close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.cc-back:hover,.cc-close:hover{background:var(--surface-hover);color:var(--text)}.cc-body{overscroll-behavior:contain;flex:0 auto;min-height:0;padding:6px;overflow-y:auto}.cc-head,.cc-foot{flex:none}.cc-row{width:100%;min-height:50px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:15px;display:flex}.cc-row:hover,.cc-option:hover{background:var(--surface-hover)}.cc-row span{flex:none}.cc-row small{text-align:right;min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.cc-row svg{color:var(--muted);flex:none}.cc-switch span{flex:1}.cc-switch i{background:var(--surface2);width:40px;height:24px;transition:background var(--motion-fast);border-radius:999px;flex:none;position:relative}.cc-switch i:after{content:"";width:18px;height:18px;transition:transform var(--motion-fast);background:#c9cfd8;border-radius:50%;position:absolute;top:3px;left:3px}.cc-switch[aria-checked=true] i{background:var(--accent)}.cc-switch[aria-checked=true] i:after{background:var(--ink);transform:translate(16px)}.cc-list{flex-direction:column;display:flex}.cc-option{width:100%;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;font-size:15px;display:flex}.cc-box{width:20px;height:20px;color:var(--ink);border:1.5px solid #5b6372;border-radius:6px;flex:none;place-items:center;display:grid}.cc-option[aria-checked=true] .cc-box{background:var(--accent);border-color:var(--accent)}.cc-dot{border:1.5px solid #5b6372;border-radius:50%;flex:none;width:20px;height:20px}.cc-option[aria-checked=true] .cc-dot{border:6px solid var(--accent)}.cc-option[aria-checked=true]{font-weight:600}.cc-needle{border:1px solid var(--line);background:var(--bg);width:calc(100% - 8px);min-height:40px;color:var(--text);font:inherit;border-radius:10px;margin:4px 4px 8px;padding:8px 12px;font-size:14px}.cc-empty{color:var(--muted);padding:12px 10px;font-size:14px}.cc-foot{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:8px;padding:10px;display:grid}.cc-foot .button{justify-content:center;min-height:46px}body[data-tv=true] .cc-option,body[data-tv=true] .cc-row{min-height:60px;font-size:19px}@media (max-width:767px){.cc-trigger{min-height:40px;padding:8px 12px;font-size:13px}.cc-sort-trigger{justify-content:center;width:40px;padding:0}.cc-sort-trigger span{display:none}.cc-scrim{z-index:69;background:#000a;display:block;position:fixed;inset:0}.cc-panel{width:auto;max-height:78vh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}}dialog.cc-panel{width:min(420px,100vw - 32px);max-width:none;height:fit-content;max-height:min(680px,100dvh - 48px);color:var(--text);margin:auto;padding:0;position:fixed;inset:0}dialog.cc-panel:not([open]){display:none}dialog.cc-panel::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.cc-trigger,.cc-back,.cc-close,.cc-needle{min-height:44px}@media (max-width:767px){dialog.cc-panel{width:100%;height:auto;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);margin:0;inset:auto 0 0}.cc-sort-trigger{width:auto;max-width:180px;padding:8px 12px}.cc-sort-trigger span{text-overflow:ellipsis;display:block;overflow:hidden}}body:not([data-tv=true]) dialog.cc-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff08,#0000 55%),#171c22f5;border:0;border-radius:24px;box-shadow:inset 0 1px #ffffff16,0 24px 80px #0008}body:not([data-tv=true]) dialog.cc-panel[open]{flex-direction:column;display:flex}body:not([data-tv=true]) dialog.cc-panel::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0306099c}body:not([data-tv=true]) .cc-head{border:0;gap:8px;min-height:66px;padding:10px 12px 4px 22px}body:not([data-tv=true]) .cc-head h2{font-size:18px;line-height:1.3}body:not([data-tv=true]) :is(.cc-back,.cc-close){background:0 0;border-radius:14px;width:44px;height:44px;min-height:44px}body:not([data-tv=true]) :is(.cc-back,.cc-close):hover{background:#ffffff08}body:not([data-tv=true]) .cc-body{scrollbar-width:thin;flex:0 auto;min-height:0;padding:6px 12px 12px}body:not([data-tv=true]) :is(.cc-row,.cc-option){border-radius:14px;min-height:48px;padding:12px 10px;line-height:1.4}body:not([data-tv=true]) .cc-row{min-height:52px}body:not([data-tv=true]) :is(.cc-row,.cc-option):hover{background:#ffffff07}body:not([data-tv=true]) :is(.cc-row,.cc-option):focus-visible{outline-offset:-3px}body:not([data-tv=true]) .cc-option[aria-checked=true]{background:#c7f4640b}body:not([data-tv=true]) .cc-needle{z-index:1;min-height:46px;color:var(--text);background:#252b32;border:0;border-radius:14px;margin:2px 4px 10px;font-size:16px;position:sticky;top:0}body:not([data-tv=true]) .cc-foot{border:0;gap:8px;padding:4px 16px 16px}body:not([data-tv=true]) .cc-foot .button{border:0;border-radius:14px;min-height:48px;font-size:14px}body:not([data-tv=true]) .cc-foot .button-outline{background:#ffffff08}@media (max-width:767px){body:not([data-tv=true]) dialog.cc-panel{max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:26px 26px 0 0}body:not([data-tv=true]) .cc-head{padding-left:22px}body:not([data-tv=true]) .cc-body{padding-inline:12px}}@media (prefers-reduced-transparency:reduce){body:not([data-tv=true]) dialog.cc-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#171c22}body:not([data-tv=true]) dialog.cc-panel::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}