.tc-experience{border:1px solid #65766a55;border-radius:10px;padding:12px 14px;margin:0 0 16px;color:inherit;font:13px/1.5 system-ui,'Microsoft YaHei',sans-serif;min-width:0}
body.tc-active .tc-panel{display:flex;gap:8px;align-items:flex-start;top:88px;right:100px;max-width:calc(100vw - 150px)}
.tc-experience-flyout{position:relative}.tc-experience-flyout>summary{list-style:none;cursor:pointer;white-space:nowrap;color:#e9d89c;background:#172824;border:1px solid #756b47;border-radius:8px;padding:8px 12px;font:13px system-ui}.tc-experience-flyout>summary::-webkit-details-marker{display:none}.tc-experience-flyout>.tc-experience{position:absolute;right:0;top:calc(100% + 8px);width:280px;box-sizing:border-box;background:#172824!important;color:#e9eeea;box-shadow:0 12px 35px #0008;z-index:200;margin:0}
@media(max-width:600px){body.tc-active .tc-panel{right:88px;top:82px;gap:4px;max-width:calc(100vw - 95px)}.tc-experience-flyout>summary,.tc-panel .tc-open{padding:6px 8px;font-size:11px}.tc-experience-flyout>.tc-experience{width:min(280px,calc(100vw - 100px))}}
.tc-experience-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.tc-experience-bar strong{font-size:13px;letter-spacing:.5px}.tc-experience button{font:inherit;cursor:pointer;border:1px solid #859c934d;border-radius:6px;background:#6c857119;color:inherit;padding:5px 9px}.tc-experience button:hover{background:#7d947535}.tc-experience button:focus-visible,.tc-experience select:focus-visible,.tc-experience input:focus-visible{outline:2px solid #c3a75d;outline-offset:3px}.tc-experience .tc-sound-toggle[aria-pressed=true]{color:#29664d;background:#b5d5b655}.tc-panel .tc-experience .tc-sound-toggle[aria-pressed=true]{color:#a6dcc2;background:#496f5b66}.tc-experience summary{cursor:pointer;font-size:12px;font-weight:500;color:inherit;opacity:.8;margin-top:8px}.tc-experience-grid{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px}.tc-experience select{width:100%;min-width:0;border:1px solid #82968c55;border-radius:5px;padding:5px 6px;font:inherit;color:inherit;background:transparent}.tc-panel .tc-experience select option{background:#17252b;color:#e9eff1}.tc-volume-wrap{display:flex;align-items:center;gap:8px}.tc-volume-wrap input{width:100%;min-width:0;accent-color:#b59a59;cursor:pointer}.tc-volume-wrap output{font-size:11px;min-width:31px;font-variant-numeric:tabular-nums}.tc-audio-previews{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tc-experience details>p{font-size:11px;opacity:.65;margin:10px 0 0;line-height:1.6}.tc-panel .tc-experience{background:#ffffff03}
.tc-settings-close{width:100%;margin-top:12px}
@media(max-width:760px),(max-height:500px) and (pointer:coarse){
 html body .tc-experience-flyout>.tc-experience{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:calc(68px + env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;font-size:14px;padding:14px;z-index:600}
 html body .tc-experience button,html body .tc-experience select{min-height:44px;font-size:16px}
 html body .tc-experience input[type=range]{min-height:44px}
 html body .tc-experience summary{min-height:44px;display:flex;align-items:center;font-size:14px}
 html body .tc-experience-grid{grid-template-columns:70px minmax(0,1fr)}
 html body .tc-experience-bar{flex-wrap:wrap}
 html body .tc-experience details>p{font-size:13px}
 html body .tc-audio-previews{gap:8px}
}
/* Match the table controls' finger target size. */
@media(max-width:760px),(max-height:500px) and (pointer:coarse){html body .tc-experience-flyout>summary{box-sizing:border-box;min-height:44px;display:flex;align-items:center;font-size:12px;padding:6px 8px}}