/* VideoPhoto bright theme layer (toggle: Night Mode disables this sheet) - ©2026 - Jennifer K. Telfer - GenM Software */
body,html.dark body{background:linear-gradient(155deg,#fff4e0 0%,#eaf4ff 52%,#fde9f6 100%) fixed;color:#1d2433}
.text-on-surface{color:#141a2b!important}
.text-on-surface-variant{color:#465070!important}
.text-primary,.pv-crumbs a{color:#c4480d!important}
.hover\:text-primary:hover,.group:hover .group-hover\:text-primary{color:#ff5a1f!important}
.hover\:text-on-surface:hover{color:#000!important}
.border-surface-variant\/30,.border-surface-variant\/20,.border-surface-variant\/40{border-color:rgba(30,40,80,.12)!important}
.bg-surface-variant{background:rgba(30,40,80,.12)!important}
.bg-surface-container-low{background:#fff!important}
.bg-primary-container{background:linear-gradient(90deg,#ffb347,#ff7a59)!important;color:#1b1206!important;border-radius:999px}
.hover\:bg-primary:hover{background:linear-gradient(90deg,#ffc36b,#ff8d6e)!important}
.border-primary-container\/50{border-color:rgba(255,122,89,.5)!important}

/* Header and footer */
header.fixed{background:rgba(255,255,255,.9)!important;border-color:rgba(30,40,80,.1)!important;box-shadow:0 2px 16px rgba(30,40,80,.1)!important}
header.fixed nav a{position:relative}
header.fixed nav a:after{content:"";position:absolute;left:0;right:0;bottom:1.1rem;height:2px;background:linear-gradient(90deg,#ffb347,#ff7a59);transform:scaleX(0);transition:transform .25s}
header.fixed nav a:hover:after{transform:scaleX(1)}
footer{background:linear-gradient(180deg,#1f2a44,#141b2e)!important;border-top:0!important}
footer .text-on-surface{color:#fff!important}
footer .text-on-surface-variant{color:#c9d1e8!important}
footer .text-primary,footer a.hover\:text-on-surface:hover{color:#ffb347!important}
footer .border-surface-variant\/20{border-color:rgba(255,255,255,.14)!important}
footer a:hover{color:#fff!important}

/* Backdrop */
.pv-backdrop .pv-aurora{opacity:.5}
.pv-backdrop .a1{background:radial-gradient(circle,rgba(255,170,80,.6),transparent 62%)}
.pv-backdrop .a2{background:radial-gradient(circle,rgba(110,180,255,.55),transparent 62%)}
.pv-backdrop .pv-grid{background-image:linear-gradient(to right,rgba(255,122,89,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,122,89,.07) 1px,transparent 1px)}
.pv-backdrop .pv-grain{background-image:radial-gradient(rgba(255,122,89,.1) 1px,transparent 0)}
.pv-band{background:linear-gradient(120deg,rgba(255,196,120,.55),rgba(255,138,120,.35) 55%,rgba(150,190,255,.45));border-bottom:1px solid rgba(30,40,80,.1)}
.pv-flare{background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.7),rgba(255,255,255,.1) 45%,transparent 70%)}
.pv-streak:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}
#pv-progress{background:linear-gradient(90deg,#ffb347,#ff5ec4,#6ec6ff);box-shadow:0 0 12px rgba(255,122,89,.6);height:4px}

/* Content */
.pv-content{color:#2d3550}
.pv-content h2,.pv-content h3,.pv-content h4{color:#141a2b}
.pv-content strong{color:#000}
.pv-content a{color:#c4480d}.pv-content a:hover{color:#ff5a1f}
.pv-content th,.pv-content td{border-color:rgba(30,40,80,.14)}
.pv-content thead th{background:#fff1de;color:#8a3a0a}
.pv-content tbody th{background:#fff9f0;color:#141a2b}
.pv-content td.pv-win{color:#c4480d}
.pv-content .pv-answer,.pv-answer{border-left:4px solid #ff7a59;background:rgba(255,255,255,.85);padding:1em 1.2em;color:#141a2b;box-shadow:0 8px 24px rgba(30,40,80,.08);border-radius:0 12px 12px 0}
.pv-content .pv-level{background:linear-gradient(90deg,#ffb347,#ff7a59);color:#1b1206;border-radius:999px;padding:.3em .9em}
.pv-content .pv-level.pv-adv{background:linear-gradient(90deg,#6ec6ff,#8f7bff);color:#10162a}
.pv-content .pv-box{background:rgba(255,255,255,.8);border:1px solid rgba(30,40,80,.12);border-radius:12px}
.pv-content .pv-note{color:#5a6481}
.pv-content input[type=text],.pv-content input[type=email],.pv-content input[type=tel],.pv-content input[type=password],.pv-content input[type=number],.pv-content input[type=search],.pv-content textarea,.pv-content select{background:#fff;border:2px solid #ffd7b0;color:#141a2b;border-radius:10px}
.pv-content button,.pv-content .button,.pv-content input[type=submit]{background:linear-gradient(90deg,#ffb347,#ff7a59);color:#1b1206;border-radius:999px;transition:transform .2s,box-shadow .2s}
.pv-content button:hover,.pv-content .button:hover{background:linear-gradient(90deg,#ffc36b,#ff8d6e);color:#000;transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,122,89,.35)}
.pv-content figure img,.pv-article img,figure img{border-radius:14px;box-shadow:0 14px 34px rgba(30,40,80,.18)}
.pv-crumbs a{text-decoration:none}

/* Cards: glass, glow that follows the pointer, lift */
.pv-glass{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(30,40,80,.1)!important;border-radius:16px;box-shadow:0 6px 22px rgba(30,40,80,.09)}
.pv-glass:before{height:4px;background:linear-gradient(90deg,#ffb347,#ff5ec4,#6ec6ff);opacity:.9}
.pv-glass:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(255,160,90,.28),transparent 60%);opacity:0;transition:opacity .3s}
.pv-glass:hover{border-color:rgba(255,122,89,.55)!important;box-shadow:0 22px 44px -14px rgba(255,122,89,.4);transform:translateY(-6px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.pv-glass:hover:after{opacity:1}
.pv-done-badge{position:absolute;right:.7rem;top:.9rem;background:#22b573;color:#fff;font:700 11px/1 system-ui;padding:.35rem .6rem;border-radius:999px;letter-spacing:.05em}

/* Spec blocks */
.pv-ticks li{color:#2d3550}.pv-ticks li:before{color:#22b573}.pv-ticks.pv-cons li:before{color:#d6453d}
.pv-score{color:#ff5a1f}.pv-score small{color:#5a6481}
.pv-spec th,.pv-spec td{border-bottom:1px solid rgba(30,40,80,.1);color:#2d3550}
.pv-spec thead th{color:#c4480d}.pv-spec tbody th{color:#5a6481}
.pv-spec .grp td{background:#fff1de;color:#8a3a0a}
.pv-spec td.win{color:#c4480d;background:rgba(255,179,71,.2)}
.pv-vs{background:#fff;border-color:#ff7a59;color:#ff5a1f;box-shadow:0 8px 24px rgba(255,122,89,.35)}
.pv-delta .lbl,.pv-delta em{color:#5a6481}
.pv-delta .bar{background:rgba(30,40,80,.1);border-radius:99px;overflow:hidden}
.pv-delta .bar i{background:#9aa5c4;transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.pv-delta .bar i.win{background:linear-gradient(90deg,#ffb347,#ff5a1f);box-shadow:none}
.pv-delta b{color:#141a2b}
.pv-sil{border-color:#ff7a59;background:linear-gradient(160deg,rgba(255,179,71,.3),rgba(110,198,255,.15))}
#faceoff select{background:#fff;color:#141a2b;border:2px solid #ffd7b0;border-radius:10px}

/* Accordions, contents, pager, tools */
.pv-content details,details.pv-acc{background:rgba(255,255,255,.82);border:1px solid rgba(30,40,80,.12);border-radius:12px}
.pv-content details[open],details.pv-acc[open]{border-color:rgba(255,122,89,.55)}
.pv-content summary,details.pv-acc>summary{color:#141a2b}
.pv-content summary:after,details.pv-acc>summary:after{color:#ff5a1f}
.pv-toc{background:rgba(255,255,255,.82);border:1px solid rgba(30,40,80,.12);border-radius:12px}
.pv-toc b{color:#c4480d}.pv-toc a{color:#2d3550}.pv-toc a:hover{color:#ff5a1f;border-left-color:#ff7a59}
.pv-pages .page-numbers{border:1px solid rgba(30,40,80,.2);color:#2d3550;background:#fff;border-radius:999px}
.pv-pages .page-numbers.current{background:linear-gradient(90deg,#ffb347,#ff7a59);color:#1b1206;border-color:transparent}
.pv-mode button{border:2px solid #ffb98a;color:#8a3a0a;background:#fff;border-radius:999px;font-weight:700}
.pv-mode button:hover,.pv-mode button.on{background:linear-gradient(90deg,#ffb347,#ff7a59);color:#1b1206;border-color:transparent}
.pv-herosearch{background:#fff;border:2px solid #ffd7b0;border-radius:999px}.pv-herosearch input{color:#141a2b}
.pv-herosearch button{background:#1d2433;color:#fff;border-radius:999px}
#pv-top{background:#fff;border:2px solid #ff7a59;color:#ff5a1f;border-radius:50%}
.pv-modal .pv-dialog{background:#fff;border:1px solid #ffd7b0;border-radius:16px;overflow:hidden}
.pv-dialog input{color:#141a2b;border-bottom:1px solid #ffe3c8}
.pv-dialog li a{color:#2d3550}.pv-dialog li a:hover,.pv-dialog li a.sel{background:#fff1de;color:#c4480d}
.pv-dialog .pv-foot,.pv-dialog li a small{color:#5a6481}
.pv-lvl-flash{outline-color:#ff7a59}

/* New interactive pieces */
.pv-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 1.5rem;padding:.8rem;background:rgba(255,255,255,.8);border-radius:16px;box-shadow:0 6px 22px rgba(30,40,80,.09)}
.pv-tools input{flex:1 1 14rem;min-width:0;padding:.7rem 1rem;border:2px solid #ffd7b0;border-radius:999px;font:500 15px system-ui;background:#fff;color:#141a2b;outline:0}
.pv-tools input:focus{border-color:#ff7a59}
.pv-chip,.pv-tools button{cursor:pointer;border:2px solid transparent;border-radius:999px;padding:.55rem .95rem;font:700 12px/1 system-ui;letter-spacing:.04em;background:#fff;color:#1d2433;box-shadow:0 2px 8px rgba(30,40,80,.14);transition:transform .2s,box-shadow .2s}
.pv-chip:hover,.pv-tools button:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(30,40,80,.2)}
.pv-chip.on{background:linear-gradient(90deg,#ffb347,#ff7a59);border-color:#fff}
.pv-tools .pv-count{font:600 12px system-ui;color:#5a6481;margin-left:auto}
.pv-done-btn{cursor:pointer;border:2px solid #22b573;color:#127a4d;background:#fff;border-radius:999px;padding:.4rem 1rem;font:700 12px/1 system-ui;letter-spacing:.12em;text-transform:uppercase;transition:all .2s}
.pv-done-btn.on{background:#22b573;color:#fff}
.pv-done-btn:hover{transform:translateY(-2px)}
.pv-progress-chip{font:600 12px system-ui;color:#5a6481;margin-left:.4rem}
.pv-pop{position:fixed;z-index:200;pointer-events:none;font-size:22px;animation:pvPop 1.2s ease-out forwards}
@keyframes pvPop{0%{opacity:1;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.4) rotate(var(--rt))}}
.pv-themebtn{cursor:pointer;background:none;border:0;padding:.4rem;color:#465070}
.pv-themebtn:hover{color:#ff5a1f}

/* Gear and buy boxes (native placement) */
.pv-gear{margin:2rem 0;padding:1.2rem 1.3rem;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,241,222,.92));border:1px solid rgba(255,122,89,.3);box-shadow:0 10px 30px rgba(255,122,89,.15)}
.pv-gear h2,.pv-gear h3{margin:0 0 .2rem;font:800 1.15rem/1.2 system-ui;color:#141a2b}
.pv-gear .sub{margin:0 0 .9rem;font:500 13px/1.4 system-ui;color:#5a6481}
.pv-gear-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pv-gear-item{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;background:#fff;border-radius:12px;text-decoration:none;color:#141a2b;font:700 14px/1.25 system-ui;box-shadow:0 2px 10px rgba(30,40,80,.08);transition:transform .2s,box-shadow .2s}
.pv-gear-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(255,122,89,.3)}
.pv-gear-item i{font-style:normal;font-size:26px}
.pv-gear-item small{display:block;margin-top:.15rem;font:600 11px system-ui;color:#c4480d;letter-spacing:.06em;text-transform:uppercase}
.pv-buy{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.pv-buy a{padding:.7rem 1.1rem;border-radius:999px;font:800 12px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:#1d2433;color:#fff;transition:transform .2s,background .2s}
.pv-buy a:first-child{background:linear-gradient(90deg,#ffb347,#ff7a59);color:#1b1206}
.pv-buy a:hover{transform:translateY(-3px)}
.pv-buy a.alt{background:#fff;color:#1d2433;box-shadow:inset 0 0 0 2px #1d2433}
.pv-fine{margin:.8rem 0 0;font:500 11px/1.4 system-ui;color:#6b7592}
.pv-fine a{color:#6b7592;text-decoration:underline}
.pv-inline-gear{margin:1.6rem 0;padding:.9rem 1.1rem;border-left:4px solid #6ec6ff;background:rgba(255,255,255,.85);border-radius:0 12px 12px 0;font-size:15px;color:#2d3550}
.pv-inline-gear a{font-weight:700}
.pv-ad{margin:2rem auto;max-width:100%;text-align:center;min-height:90px}
.pv-ad small{display:block;font:600 10px system-ui;letter-spacing:.18em;text-transform:uppercase;color:#8a93ad;margin-bottom:.3rem}
.pv-ad-card{grid-column:1/-1}