#yy-heart{box-sizing:border-box;isolation:isolate;position:relative;width:100%;margin:24px 0 30px;overflow:hidden;border:1px solid #344e46;border-radius:22px;background:#081a17;color:#eeeae0;font:15px/1.5 Arial,sans-serif;text-align:left;box-shadow:0 18px 60px #0b211f33;color-scheme:dark}
#yy-heart *,#yy-heart *:before,#yy-heart *:after{box-sizing:border-box}
#yy-heart [hidden]{display:none!important}
#yy-heart button,#yy-heart select,#yy-heart input{font:inherit}
#yy-heart button{cursor:pointer;border:1px solid #3d5950;border-radius:10px;background:#122d25;color:#e1eae2;min-height:40px;padding:8px 14px;line-height:1.25;box-shadow:none;transition:background .2s,border-color .2s}
#yy-heart button:hover{background:#214236;border-color:#93b4a1}
#yy-heart :focus-visible{outline:2px solid #f6d398;outline-offset:4px}
#yy-heart .ht-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;border-bottom:1px solid #abc7b11a;background:#0d211c}
#yy-heart .ht-eyebrow{display:block;color:#9caf9d;font-size:10px;letter-spacing:2.5px;margin-bottom:6px}
#yy-heart h2{color:#f4e6c9;background:none;border:0;margin:0;padding:0;font:normal clamp(23px,2.7vw,32px)/1.2 Georgia,serif;text-transform:none;text-align:left}
#yy-heart .ht-header button{font-size:12px;white-space:nowrap;background:transparent}
#yy-heart .ht-scene{height:620px;max-height:83vh;min-height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#143b30,#0c231e 45%,#061510 85%)}
#yy-heart .ht-landscapes,#yy-heart canvas,#yy-heart .ht-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#yy-heart .ht-landscapes img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s;max-width:none;border:0}
#yy-heart .ht-landscapes img.is-visible{opacity:.75}
#yy-heart .ht-vignette{background:linear-gradient(#04120c55,transparent 40%,#03100de0),radial-gradient(ellipse at center,transparent,#02120c55)}
#yy-heart .ht-stamp{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b8c9ac;font-size:10px;letter-spacing:2px;pointer-events:none}
#yy-heart .ht-stamp small{color:#d4bc82;font:italic 15px/1 Georgia,serif;white-space:nowrap}
#yy-heart .ht-lotus{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(230px,43%);pointer-events:none}
#yy-heart .ht-lotus img{width:100%;height:100%;display:block;transform-origin:50% 50%;border:0;filter:drop-shadow(0 0 18px #5fdfae66)}
#yy-heart .ht-number{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font:normal clamp(100px,17vw,158px)/1 Georgia,serif;color:#f8efd1;text-shadow:0 0 40px #c9ffe655;pointer-events:none}
#yy-heart .ht-cue{position:absolute;bottom:27px;left:22px;right:22px;text-align:center;pointer-events:none;text-shadow:0 2px 16px #001109}
#yy-heart .ht-cue span{display:block;letter-spacing:2px;font-size:10px;color:#d7bf8e;margin-bottom:9px}
#yy-heart .ht-cue strong{display:block;font:normal clamp(24px,3vw,36px)/1.2 Georgia,serif;color:#f9edcf;max-width:800px;margin:auto}
#yy-heart .ht-cue p{font:13px/1.6 Arial,sans-serif;color:#bacdc0;margin:12px auto 0;padding:0;max-width:600px;text-align:center}
#yy-heart .ht-panel{padding:21px 26px;border-top:1px solid #83a88c33;background:linear-gradient(#10271f,#0a1d17)}
#yy-heart .ht-modes{display:flex;gap:10px;margin-bottom:18px}
#yy-heart .ht-modes button{display:flex;align-items:center;gap:14px;flex:1;padding:13px 18px;background:#091e18;border-color:#46615377}
#yy-heart .ht-modes strong{font:normal 20px/1.3 Georgia,serif;color:#efe2c6}
#yy-heart .ht-modes span{font-size:11px;color:#a9bdb0}
#yy-heart .ht-modes [aria-pressed=true]{border-color:#d3bc87;background:#d7c18310}
#yy-heart .ht-transport{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#yy-heart button.ht-primary{background:#eddbb0;color:#183026;border:1px solid #faeccb;min-width:126px;font-weight:bold}
#yy-heart button.ht-primary:hover{background:#fff0c9}
#yy-heart [data-time],#yy-heart [data-mini-time]{font:12px/1.4 monospace;color:#adc2b5;white-space:nowrap}
#yy-heart [data-hide]{margin-left:auto;font-size:12px;background:transparent}
#yy-heart .ht-progress{display:block;margin:17px 0}
#yy-heart input[type=range]{accent-color:#ddc58a;cursor:pointer;height:18px;max-width:100%;margin:0}
#yy-heart [data-seek]{width:100%;display:block}
#yy-heart .ht-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:19px}
#yy-heart .ht-chapters button{display:flex;align-items:flex-start;flex-direction:column;gap:5px;text-align:left;font-size:11px;padding:10px;background:transparent;border-color:#3d5a4a55;min-width:0;color:#adc2b5}
#yy-heart .ht-chapters small{font-size:9px;letter-spacing:2px;color:#a18e67}
#yy-heart .ht-chapters [aria-current=step]{border-color:#ccb682;background:#d6bd8010;color:#f5ebd1}
#yy-heart .ht-options{display:flex;align-items:center;flex-wrap:wrap;gap:16px 20px;font-size:12px;color:#cbd8cd;border-top:1px solid #a5cdb119;padding-top:18px}
#yy-heart .ht-options label{display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}
#yy-heart .ht-options input[type=range]{width:100px}
#yy-heart select{max-width:155px;padding:5px 8px;border-radius:7px;color:#e9ead8;background:#183529;border:1px solid #466251}
#yy-heart input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#dac690;cursor:pointer}
#yy-heart p.ht-note,#yy-heart p.ht-status{padding:0;margin:16px 0 0;color:#acbdb0;font:12px/1.65 Arial,sans-serif;text-align:left}
#yy-heart p.ht-status{font-size:11px;color:#849e8d;margin-top:7px;min-height:18px}
#yy-heart .ht-mini{position:absolute;top:58px;right:16px;display:flex;gap:8px;align-items:center;padding:7px;border-radius:12px;background:#041a10de;border:1px solid #8ea48655;z-index:5}
#yy-heart .ht-mini button{font-size:12px;padding:7px 9px;min-height:35px}
#yy-heart.ht-eyes .ht-scene{background:#040b08}
#yy-heart.ht-eyes .ht-stamp{opacity:.4}
#yy-heart.ht-eyes .ht-cue{opacity:.6}
#yy-heart.ht-no-glow .ht-lotus img{filter:none}
#yy-heart.ht-full,#yy-heart:fullscreen{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;z-index:2147483647;overflow:auto;display:flex;flex-direction:column}
#yy-heart.ht-full .ht-scene,#yy-heart:fullscreen .ht-scene{flex:1 0 410px;max-height:none;min-height:0}
#yy-heart.ht-full .ht-header,#yy-heart:fullscreen .ht-header{padding:12px 24px}
#yy-heart.ht-full .ht-panel,#yy-heart:fullscreen .ht-panel{padding:12px 24px;flex-shrink:0}
#yy-heart .ht-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){#yy-heart .ht-header{padding:18px 16px;align-items:flex-start}#yy-heart .ht-header button{max-width:98px;white-space:normal;padding:7px;font-size:11px}#yy-heart .ht-scene{height:550px}#yy-heart .ht-panel{padding:17px 15px}#yy-heart .ht-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}#yy-heart .ht-options{gap:14px}#yy-heart .ht-modes button{flex-direction:column;align-items:flex-start;gap:3px;padding:11px 14px}#yy-heart [data-hide]{padding:7px;font-size:11px}#yy-heart .ht-mini{top:50px;left:10px;right:10px;justify-content:center}#yy-heart .ht-stamp{left:16px;right:16px;font-size:9px;letter-spacing:1.5px}}
@media(max-width:420px){#yy-heart .ht-eyebrow{font-size:8px;letter-spacing:1.5px}#yy-heart h2{font-size:23px}#yy-heart .ht-scene{height:490px}#yy-heart .ht-lotus{width:47%}#yy-heart .ht-transport{gap:8px}#yy-heart .ht-transport button.ht-primary{min-width:108px}#yy-heart [data-hide]{margin-left:auto}#yy-heart .ht-cue{left:15px;right:15px}#yy-heart .ht-cue strong{font-size:25px}#yy-heart .ht-cue p{font-size:12px}#yy-heart .ht-chapters button{font-size:10px}}