/* The Entdecken surface owns its layout; other pages retain their current UI. */
body.discovery-active{background:#0b0b0d;overflow:hidden;color-scheme:dark}
.discovery-active .topbar,.discovery-active .app-footer{display:none}
.discovery-active #main{padding:0;margin:0;max-width:none;min-height:0;height:100dvh;overflow:hidden}
.discovery-active .app-shell{min-height:100dvh}
.discovery-active .sidebar{background:#101012;border-color:#ffffff13;color:#fff}
.discovery-active .sidebar .brand small,.discovery-active .sidebar-label,.discovery-active .profile small{color:#96969e}
.discovery-active .sidebar .nav-item{color:#a8a8b0}
.discovery-active .sidebar .nav-item.active{background:#ffffff0c;color:#fff}
.discovery-active .sidebar .nav-item.active>span:first-child{color:#ef5367}
.discovery-active .sidebar .nav-item:hover{background:#ffffff12}
.discovery-active .sidebar-secondary{display:none}
.discovery-active .profile{margin-top:auto;border-color:#ffffff19;color:#fff}
.discovery-active .profile .avatar{background:#28282c}
.discovery-active .connection-status:not([hidden]){position:fixed;z-index:60;top:0;left:0;right:0}
.df-screen{position:relative;width:min(100%,540px);height:calc(100dvh - 32px);margin:16px auto;background:#171719;border-radius:24px;isolation:isolate;color:#fff;--df-white:#fff;--df-dim:#ffffffb3}
.df-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.df-screen button,.df-screen input{font:inherit;touch-action:manipulation}
.df-screen button{color:inherit;cursor:pointer}
.df-screen button:focus-visible,.df-screen input:focus-visible,.df-deck:focus-visible{outline:3px solid #ff9caa;outline-offset:3px}
.df-screen button:disabled{opacity:.4;cursor:default}
.df-header{position:absolute;z-index:5;top:0;left:0;right:0;padding:16px 18px 26px;border-radius:24px 24px 0 0;background:linear-gradient(#0009,#0005 65%,transparent);pointer-events:none}
.df-header button{pointer-events:auto}
.df-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.df-brand{display:flex;align-items:center;gap:6px;font-size:25px;line-height:1;font-weight:800;letter-spacing:-1.25px}
.df-brand img{display:block}
.df-tools{display:flex;gap:5px}
.df-tools>button{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#14141852;border:1px solid #ffffff24;backdrop-filter:blur(12px)}
.df-tools>button>svg{width:21px;height:21px;stroke-width:1.8}
.df-tools .notification-badge{position:absolute;top:-4px;right:-4px;margin:0;border:2px solid #171719;min-width:20px;height:20px;background:#d92342;color:#fff;font-size:10px;pointer-events:none}
@media(max-width:400px){.df-top{gap:6px}.df-brand{font-size:20px;letter-spacing:-1px}.df-brand img{display:none}.df-tools{gap:2px}}
.df-filter-dot{width:7px;height:7px;background:#ef5367;border:1px solid #fff;border-radius:50%;position:absolute;right:9px;top:8px}
.df-categories{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none;pointer-events:auto;padding:2px}
.df-categories::-webkit-scrollbar{display:none}
.df-categories button{flex-shrink:0;border:1px solid #ffffff2e;border-radius:22px;min-height:40px;padding:8px 14px;background:#11111163;backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#f5f5f5;white-space:nowrap}
.df-categories button[aria-pressed=true]{background:#fff;color:#151515;border-color:#fff}
.df-selection{display:flex;align-items:center;gap:3px;max-width:100%;padding-top:8px}
.df-selection button{min-height:36px;border-radius:10px;background:#181818c7;border:1px solid #ffffff32;font-size:11px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.df-selection button:last-child{width:36px;flex-shrink:0;display:grid;place-items:center;padding:0}
.df-selection svg{width:14px;height:14px}
.df-deck{position:relative;width:100%;height:100%;scroll-snap-type:y mandatory;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;border-radius:24px;outline-offset:-4px}
.df-deck::-webkit-scrollbar{display:none}
.df-card{position:relative;height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#18181a;isolation:isolate}
.df-card>.df-poster,.df-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#18181a}
.df-card>video{z-index:1}
.df-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(transparent 32%,#0001 44%,#0008 72%,#000e 100%)}
.df-play{position:absolute;z-index:3;top:23%;left:19%;width:62%;height:37%;display:grid;place-items:center;border-radius:20px;background:transparent}
.df-play>span{display:grid;place-items:center;width:67px;height:67px;border:1px solid #ffffff50;border-radius:50%;background:#0005;backdrop-filter:blur(5px);opacity:0;transition:opacity .16s}
.df-play svg{width:27px;height:27px;fill:currentColor;stroke:none;margin-left:4px}
.df-card[data-playback=paused] .df-play>span,.df-card[data-playback=tap] .df-play>span,.df-play:focus-visible>span{opacity:1}
.df-status{position:absolute;z-index:3;top:51%;left:20px;right:20px;text-align:center;font-size:13px;text-shadow:0 1px 8px #000;pointer-events:none}
.df-status:not(:empty){background:#151519bd;border:1px solid #ffffff1c;border-radius:12px;padding:12px;max-width:320px;margin:auto;backdrop-filter:blur(10px)}
.df-card[data-playback=tap] .df-status{top:56%;font-size:12px}
.df-retry{position:absolute;z-index:4;top:61%;left:50%;transform:translateX(-50%);min-height:44px;border-radius:13px;background:#fff;color:#171717!important;padding:10px 18px;font-size:14px!important}
.df-rail{position:absolute;right:14px;bottom:230px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:17px}
.df-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:57px;background:transparent;text-shadow:0 1px 4px #000}
.df-rail button>svg{width:25px;height:25px;stroke-width:1.9;filter:drop-shadow(0 2px 3px #0006)}
.df-rail small{font-size:10px;line-height:1.2;font-weight:550}
.df-rail button[data-df=save][aria-pressed=true]>svg{fill:#ef5367;color:#ef5367}
.df-caption{position:absolute;left:23px;right:23px;bottom:30px;z-index:4;pointer-events:none}
.df-caption button{pointer-events:auto}
.df-source{display:inline-flex;gap:5px;align-items:center;min-height:32px;padding:5px 8px;margin:0 0 7px;border-radius:7px;background:#0006;border:1px solid #ffffff40;font-size:10px!important;font-weight:600}
.df-source svg{width:13px;height:13px}
.df-provider{font-size:13px;font-weight:650;line-height:1.5;margin:0 0 8px;max-width:calc(100% - 55px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 5px #000}
.df-provider span{color:#ffffffe0;font-weight:400}
.df-caption h2{font-family:var(--sans);font-size:clamp(27px,6.9vw,34px);line-height:1.08;font-weight:650;letter-spacing:-1.05px;max-width:calc(100% - 50px);margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance;color:#fff}
.df-price{font-size:18px;line-height:1.4;font-weight:650;margin:0 0 19px;max-width:calc(100% - 50px)}
.df-price small{font-size:12px;line-height:1.3;color:#ffffffce;font-weight:400}
.df-primary{display:flex;gap:10px;width:100%}
.df-primary button{min-height:49px;border-radius:14px;font-size:14px;font-weight:650;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;line-height:1.3}
.df-primary .df-answer{flex:1;background:#fff;color:#1a1a1b}
.df-primary .df-answer svg{width:19px;height:19px}
.df-primary .df-details{background:#ffffff14;border:1px solid #ffffff60;backdrop-filter:blur(8px)}
.df-primary .df-details svg{width:14px;height:14px}
.df-progress{position:absolute;z-index:5;bottom:4px;left:0;width:100%;height:22px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.df-progress::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff var(--progress,0%),#ffffff4d var(--progress,0%))}
.df-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;background:#fff;border-radius:50%;margin-top:-3px;opacity:0}
.df-progress:focus-visible::-webkit-slider-thumb,.df-progress:hover::-webkit-slider-thumb{opacity:1}
.df-progress::-moz-range-track{height:2px;background:#ffffff4d}.df-progress::-moz-range-progress{height:2px;background:#fff}.df-progress::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#fff}
.df-desktop-controls{position:absolute;left:calc(100% + 22px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px;align-items:center}
.df-desktop-controls>span{font-size:10px;color:#a2a2a8;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-bottom:7px}
.df-desktop-controls>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:#1b1b1e;color:#eee;font-size:20px}
.df-desktop-controls>button:last-child{background:transparent;border:0;margin-top:7px;color:#a2a2a8}
.df-desktop-controls svg{width:21px;height:21px}
.df-empty,.df-end{position:relative;min-height:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:170px 30px 50px;text-align:center;scroll-snap-align:start;scroll-snap-stop:always}
.df-empty>span,.df-end>span{display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff24;border-radius:20px;margin-bottom:25px;color:#d3d3d9}
.df-empty>span>svg,.df-end>span>svg{width:28px;height:28px}
.df-empty h2,.df-end h2{font-size:26px;line-height:1.14;max-width:310px;margin-bottom:15px;color:#fff}
.df-empty p,.df-end p{max-width:290px;color:#b8b8bd;font-size:14px;line-height:1.6;margin-bottom:25px}
.df-empty>button,.df-end>button{min-height:48px;padding:12px 20px;border-radius:13px;background:#fff;color:#111;font-size:14px;font-weight:600}
.df-empty>button.df-subtle,.df-end>button.df-subtle{background:transparent;color:#bcbcc3;font-size:12px;margin-top:8px}
.df-bottom-note{position:absolute;z-index:6;left:15px;right:15px;bottom:22px;padding:12px 15px;border:1px solid #ffffff44;border-radius:13px;background:#202024f2;color:#fff;font-size:12px;text-align:center}
.df-bottom-note button{min-height:40px;color:#fff;text-decoration:underline;padding:7px}
.df-sheet{color-scheme:light}
.df-sheet h2{margin-bottom:24px}
.df-sheet-eyebrow{font-size:10px;font-weight:750;letter-spacing:.12em;color:#b72138;margin-bottom:12px}
.df-field-label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}
.df-search-field{display:flex;align-items:center;gap:10px;border:1px solid #d7d7df;border-radius:14px;padding:3px 13px;margin-bottom:10px}
.df-search-field>svg{width:20px;color:#74747e;flex-shrink:0}
.df-search-field>input{font:inherit;font-size:16px;min-width:0;width:100%;padding:13px 0;border:0;background:transparent;color:#202024}
.df-sheet .df-fine{font-size:12px;line-height:1.55;color:#777780;margin:12px 0 22px}
.df-sheet .button.primary{width:100%}
.df-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;margin-top:8px;color:#a82135;font-size:14px;font-weight:550}
.df-link svg{width:18px;height:18px}
.df-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
.df-filter-grid label{font-size:12px;font-weight:650;line-height:1.5}
.df-filter-grid select{display:block;margin-top:6px;min-height:48px;padding:10px 12px;font:inherit;font-size:16px;background:#f5f5f7;border:1px solid #dddde3;border-radius:12px;width:100%;color:#202024}
.df-check{display:flex;align-items:center;gap:10px;min-height:50px;margin-top:15px;font-size:14px}
.df-check input{width:19px;height:19px;accent-color:#b72138}
.df-guide p{margin:0 0 19px!important;font-size:14px!important;line-height:1.6}
.df-guide strong{display:block;color:#25252b;font-size:15px;margin-bottom:4px}
.df-guide-links{display:flex;flex-wrap:wrap;gap:0 22px;border-top:1px solid #e4e4e9;margin-top:20px}
@media(min-width:701px) and (max-width:1100px){.df-screen{width:min(calc(100% - 90px),500px)}.df-desktop-controls{left:calc(100% + 13px)}}
@media(max-width:700px){
  .discovery-active .app-shell{min-height:0}
  .discovery-active #main{height:calc(100dvh - 72px - env(safe-area-inset-bottom,0px));padding:0;min-height:0}
  .discovery-active .mobile-nav{height:calc(72px + env(safe-area-inset-bottom,0px));padding:7px 5px calc(7px + env(safe-area-inset-bottom,0px));background:#111113;border-color:#ffffff09;backdrop-filter:none}
  .discovery-active .mobile-nav button{height:58px;min-height:58px;font-size:10px;gap:5px;color:#a1a1aa}
  .discovery-active .mobile-nav button.active{color:#fff}
  .discovery-active .mobile-nav button.active:after{content:'';position:absolute;top:0;left:calc(50% - 10px);width:20px;height:2px;border-radius:2px;background:#ed5367}
  .discovery-active .mobile-nav .notification-badge{color:#fff}
  .df-screen{width:100%;height:100%;margin:0;border-radius:0}
  .df-deck{border-radius:0}
  .df-header{border-radius:0;padding:calc(12px + env(safe-area-inset-top,0px)) 15px 26px}
  .df-top{margin-bottom:10px}
  .df-brand{font-size:24px}
  .df-categories button{min-height:40px;padding:8px 13px;font-size:12px}
  .df-caption{left:20px;right:20px;bottom:26px}
  .df-caption h2{font-size:29px}
  .df-rail{bottom:225px;right:12px}
  .df-desktop-controls{display:none}
  .df-sheet.info-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:26px 26px 0 0;padding:32px 23px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -15px 70px #0003}
  .df-sheet::before{content:'';position:absolute;top:10px;left:calc(50% - 18px);width:36px;height:4px;border-radius:5px;background:#d4d4da}
  .df-sheet.info-dialog h2{font-size:27px;padding-right:20px}
}
@media(max-height:740px){.df-caption h2{font-size:25px}.df-caption{bottom:24px}.df-price{margin-bottom:13px;font-size:16px}.df-provider{margin-bottom:6px;font-size:12px}.df-rail{bottom:210px;gap:10px}.df-rail button{min-height:48px;gap:4px}.df-rail button>svg{width:23px;height:23px}.df-source{min-height:27px;font-size:9px!important;margin-bottom:5px}.df-primary button{min-height:46px}}
@media(max-width:360px){.df-brand{font-size:21px}.df-brand img{width:25px;height:25px}.df-tools{gap:2px}.df-tools>button{width:41px}.df-caption{left:16px;right:16px}.df-caption h2{font-size:25px}.df-primary button{padding-inline:11px;font-size:13px}.df-filter-grid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:550px){.df-header{padding-top:8px}.df-categories,.df-brand,.df-selection{display:none!important}.df-top{justify-content:flex-end}.df-tools>button{width:40px;height:40px}.df-caption{left:25px;right:85px;bottom:24px}.df-caption h2{font-size:24px;max-width:80%;-webkit-line-clamp:1}.df-primary{max-width:390px}.df-price{margin-bottom:10px}.df-source{margin-bottom:2px}.df-rail{right:15px;bottom:30px;gap:6px}.df-rail button{min-height:45px}.df-play{top:15%;height:30%}.df-status{top:33%}.df-retry{top:40%}.df-empty,.df-end{padding-top:70px}.df-empty>span,.df-end>span{display:none}.df-empty h2,.df-end h2{font-size:22px;margin-bottom:8px}.df-empty p,.df-end p{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.df-screen *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}