/* Additive glass controls; existing media, card copy and video aspect ratios stay intact. */
html body.tk-experience .tk-exp-player{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16334f;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(228,240,250,.96));border:1px solid rgba(170,194,216,.7);box-shadow:inset 0 1px 0 #fff,0 8px 24px #12395812;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
html body.tk-experience .tk-exp-player{position:relative;padding:10px 12px 12px;border-width:1px 0;margin:0;min-width:0}
html body.tk-experience .tk-exp-timeline{display:flex;align-items:center;gap:8px;direction:ltr;margin-bottom:8px}
html body.tk-experience .tk-exp-timeline output{flex:0 0 35px;color:#3c5368;font:600 12px/1.4 ui-monospace,monospace;text-align:center}
html body.tk-experience .tk-exp-timeline input{appearance:none;-webkit-appearance:none;flex:1 1 auto;min-width:44px;width:100%;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;box-shadow:none;touch-action:pan-y}
html body.tk-experience .tk-exp-timeline input::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:linear-gradient(to right,#186cb0 var(--tk-exp-progress,0%),#cedce8 var(--tk-exp-progress,0%))}
html body.tk-experience .tk-exp-timeline input::-moz-range-track{height:5px;border-radius:4px;background:#cedce8}
html body.tk-experience .tk-exp-timeline input::-moz-range-progress{height:5px;border-radius:4px;background:#186cb0}
html body.tk-experience .tk-exp-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7.5px;border-radius:50%;border:1px solid #b6cbdc;background:#fff;box-shadow:0 2px 6px #19395235}
html body.tk-experience .tk-exp-timeline input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:1px solid #b6cbdc;background:#fff;box-shadow:0 2px 6px #19395235}
html body.tk-experience .tk-exp-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 48px;gap:8px;align-items:center}
html body.tk-experience button.tk-exp-control{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:44px!important;width:auto!important;max-width:100%!important;min-height:48px!important;height:48px!important;padding:0 10px!important;margin:0!important;border:1px solid #bacddd!important;border-radius:15px!important;background:#ffffffd9!important;color:#193e60!important;box-shadow:inset 0 1px 0 #fff,0 2px 5px #15345209!important;transform:none!important;cursor:pointer!important;touch-action:manipulation;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow:hidden!important;text-shadow:none!important}
html body.tk-experience button.tk-exp-control[data-tk-exp-action=play]{background:linear-gradient(155deg,#2879b8,#155d95)!important;border-color:#246797!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff40,0 3px 9px #1b5c8c22!important}
html body.tk-experience button.tk-exp-control::before,html body.tk-experience button.tk-exp-control::after{content:none!important;display:none!important}
html body.tk-experience button.tk-exp-control svg{position:static!important;display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;transform:none!important;pointer-events:none!important}
html body.tk-experience button.tk-exp-control span{font:inherit!important;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
html body.tk-experience .tk-exp-player :is(button,input):focus-visible{outline:3px solid #1678bc!important;outline-offset:2px!important}
html body.tk-experience .tk-tiko-card:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#071018!important;border:0!important;border-radius:0!important;max-width:none!important;width:100%!important;height:100%!important;overflow:auto!important}
html body.tk-experience .tk-tiko-card:fullscreen>.tk-tiko-media{aspect-ratio:auto;flex:1 1 auto;min-height:0;border-radius:0}
html body.tk-experience .tk-tiko-card:fullscreen>.tk-exp-player{flex:0 0 auto;padding-bottom:max(12px,env(safe-area-inset-bottom))}
html body.tk-experience .tk-tiko-card:fullscreen>.tk-tiko-copy{display:none}
/* Shared non-Tiko players receive only appearance and touch-target improvements. */
html body.tk-experience .tk-media-controls.tk-media-controls{background:linear-gradient(145deg,#f9fcfff5,#e7f0faf2)!important;border-color:#fff!important;box-shadow:inset 0 1px 0 #fff,0 -4px 18px #1d446510!important;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
html body.tk-experience .tk-media-controls.tk-media-controls .tk-media-actions>button{border-radius:15px!important;min-width:44px!important;min-height:44px!important;touch-action:manipulation}
html body.tk-experience .tk-media-controls.tk-media-controls input[type=range]{min-height:44px!important}
@media(max-width:390px){html body.tk-experience .tk-exp-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 44px;gap:6px}html body.tk-experience button.tk-exp-control{padding-inline:7px!important;font-size:11px!important}html body.tk-experience .tk-exp-player{padding-inline:10px}}
@media(hover:hover){html body.tk-experience button.tk-exp-control:hover{filter:brightness(.96)}}
/* Contrast choices take precedence over the glass/matte appearance. */
html:is(.a11y-high,.a11y-light,.a11y-negative,.tk-matte) body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.a11y-high body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){background:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important}
html.a11y-light body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){background:#fff!important;color:#000!important;border-color:#000!important;box-shadow:none!important}
html:is(.a11y-high,.a11y-light) body.tk-experience :is(button.tk-exp-control,.tk-media-controls.tk-media-controls .tk-media-actions>button){background:transparent!important;color:inherit!important;border-color:currentColor!important;box-shadow:none!important}
html:is(.a11y-high,.a11y-light) body.tk-experience :is(.tk-exp-timeline output,.tk-media-controls.tk-media-controls output,.tk-media-controls.tk-media-controls .tk-media-sound-label,.tk-media-controls.tk-media-controls .tk-media-error){color:inherit!important}
html:is(.a11y-high,.a11y-light) body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls) :is(button,input):focus-visible{outline-color:currentColor!important}
html.tk-matte:not(.a11y-high):not(.a11y-light):not(.a11y-negative) body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){background:#edf4fb!important}
@media(prefers-reduced-transparency:reduce){
 html body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html:not(.a11y-high):not(.a11y-light):not(.a11y-negative) body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){background:#edf4fb!important}
}
/* Long stop labels may grow the inline row instead of losing words. */
html body.tk-experience .tk-exp-player .tk-exp-actions{align-items:stretch}
html body.tk-experience .tk-exp-player button.tk-exp-control{height:auto!important;padding-block:6px!important}
html body.tk-experience .tk-exp-player button.tk-exp-control[data-tk-exp-action=stop] span{display:block;-webkit-line-clamp:unset;overflow:visible}
@media(forced-colors:active){html body.tk-experience :is(.tk-exp-player,.tk-media-controls.tk-media-controls){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body.tk-experience :is(button.tk-exp-control,.tk-media-controls.tk-media-controls .tk-media-actions>button){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}html body.tk-experience :is(.tk-exp-timeline output,.tk-media-controls.tk-media-controls output,.tk-media-controls.tk-media-controls .tk-media-sound-label){color:CanvasText!important}}
@media print{html body.tk-experience :is(.tk-exp-player){display:none!important}}
