/* HM R3 prepared Premium surfaces. Every selector is scoped to this component. */
.hm-premium-preview{--pp-bg:#100e15;--pp-surface:#1d1824;--pp-raised:#332b3b;--pp-text:#eee7e0;--pp-muted:#b8adc2;--pp-line:#3f3548;--pp-purple:#b49bc8;--pp-gold:#c6ab7d;--pp-metal:#9e9281;--pp-glint:#f2e3c6;--pp-recess:#534132;--pp-shadow:#030107bb;box-sizing:border-box;min-width:0;max-width:100%;margin:20px 0;padding:20px;border:1px solid rgba(210,167,83,.24);border-radius:18px;color:var(--pp-text);background:radial-gradient(ellipse at 50% 36%,#211b2a,var(--pp-bg) 70%);font-family:inherit;font-size:14px;line-height:1.55;overflow-wrap:anywhere;color-scheme:dark}
.hm-premium-preview *{box-sizing:border-box;min-width:0}
.hm-premium-preview [hidden]{display:none!important}
.hm-premium-preview .hm-pp-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}
.hm-premium-preview .hm-pp-head small,.hm-premium-preview .hm-pp-eyebrow{color:var(--pp-gold);font-size:10px;letter-spacing:.14em}
.hm-premium-preview .hm-pp-head h3{margin:4px 0 0;font:500 23px/1.2 Georgia,serif}
.hm-premium-preview .hm-pp-prepared{display:inline-flex;padding:5px 9px;border:1px solid rgba(210,167,83,.35);border-radius:999px;color:#dcc79f;font:500 10px/1.35 system-ui}
.hm-premium-preview .hm-pp-disclaimer{padding:13px 0 15px;margin:0;color:var(--pp-muted);font-size:12px;border-bottom:1px solid var(--pp-line)}
.hm-premium-preview .hm-pp-select-label{display:grid;gap:7px;margin:18px 0;color:var(--pp-muted);font-size:12px}
.hm-premium-preview select{width:100%;min-height:44px;padding:10px 30px 10px 12px;border:1px solid var(--pp-line);border-radius:10px;background:var(--pp-surface);color:var(--pp-text);font:inherit}
.hm-premium-preview button{min-height:44px;border-radius:10px;padding:10px 13px;font:inherit;cursor:pointer}
.hm-premium-preview button:focus-visible,.hm-premium-preview select:focus-visible,.hm-premium-preview summary:focus-visible{outline:2px solid #d7b474;outline-offset:3px}
.hm-premium-preview button:disabled{opacity:.55;cursor:not-allowed}
.hm-premium-preview .hm-pp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hm-premium-preview .hm-pp-primary{flex:1;border:1px solid #8d795c;background:linear-gradient(125deg,#3a302d,#272128);box-shadow:inset 0 1px #f2e3c616;color:#e7cea2}
.hm-premium-preview .hm-pp-secondary{border:1px solid var(--pp-line);background:transparent;color:var(--pp-muted);font-size:12px}
.hm-premium-preview .hm-pp-note{color:var(--pp-muted);font-size:12px;margin:14px 0}
.hm-premium-preview .hm-pp-explanation{border-top:1px solid var(--pp-line);margin-top:18px;padding-top:3px}
.hm-premium-preview .hm-pp-explanation summary{min-height:44px;padding:12px 0;color:#dbc8e4;cursor:pointer;font-size:12px}
.hm-premium-preview .hm-pp-explanation p{color:var(--pp-muted);font-size:12px;margin:0 0 12px}
.hm-premium-preview .hm-pp-foot{padding-top:17px;margin-top:14px;border-top:1px solid var(--pp-line)}
.hm-premium-preview .hm-pp-foot button{width:100%;border:1px solid #8d795c;background:#c6ab7d0d;color:#e7cea2;font-size:12px}
.hm-premium-preview .hm-pp-foot p{color:var(--pp-muted);font-size:11px;margin:10px 0 0}
.hm-premium-preview .hm-pp-eyebrow{text-align:center;margin:28px 0 0;letter-spacing:.18em}
.hm-premium-preview .hm-pp-zx-title{font:400 26px/1.25 Georgia,serif;text-align:center;margin:11px 0 0;letter-spacing:-.025em}
.hm-premium-preview .hm-pp-stage{height:245px;display:grid;place-items:center;position:relative;perspective:780px;isolation:isolate;overflow:hidden}
.hm-premium-preview .hm-pp-halo{position:absolute;width:270px;height:225px;border-radius:50%;background:radial-gradient(ellipse,#b49bc819,transparent 67%);z-index:-1}
.hm-premium-preview .hm-pp-dice-rig{width:96px;height:96px;position:relative;transform:translateY(-8px);perspective:780px}
.hm-premium-preview .hm-pp-cube{width:96px;height:96px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-29deg)}
.hm-premium-preview .hm-pp-face{position:absolute;inset:0;border:1px solid #796953;border-radius:8px;background:linear-gradient(145deg,#463b40,var(--pp-surface) 36%,var(--pp-bg) 90%);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:19px;gap:7px;backface-visibility:hidden;box-shadow:inset 1px 1px 2px #f2e3c638,inset -2px -2px 5px var(--pp-shadow)}
.hm-premium-preview .hm-pp-face::after{content:'';position:absolute;inset:4px;border:1px solid #9e928126;border-radius:5px;pointer-events:none}
.hm-premium-preview .hm-pp-face[data-side=front]{transform:translateZ(48px)}
.hm-premium-preview .hm-pp-face[data-side=back]{transform:rotateY(180deg) translateZ(48px)}
.hm-premium-preview .hm-pp-face[data-side=right]{transform:rotateY(90deg) translateZ(48px);background:linear-gradient(110deg,var(--pp-surface),var(--pp-bg))}
.hm-premium-preview .hm-pp-face[data-side=left]{transform:rotateY(-90deg) translateZ(48px)}
.hm-premium-preview .hm-pp-face[data-side=top]{transform:rotateX(90deg) translateZ(48px);background:linear-gradient(150deg,var(--pp-raised),var(--pp-surface))}
.hm-premium-preview .hm-pp-face[data-side=bottom]{transform:rotateX(-90deg) translateZ(48px)}
.hm-premium-preview .hm-pp-pip{background:linear-gradient(145deg,var(--pp-recess),var(--pp-gold) 50%,var(--pp-glint));border-radius:50%;box-shadow:inset 0 2px 2px var(--pp-shadow),0 1px 0 #f2e3c64d}
.hm-premium-preview .hm-pp-dice-shadow{position:absolute;top:127px;left:-17px;width:130px;height:15px;border-radius:50%;background:var(--pp-shadow);filter:blur(9px)}
.hm-premium-preview .hm-pp-wheel-wrap{width:212px;height:212px;position:relative;border-radius:50%;background:linear-gradient(135deg,var(--pp-glint),var(--pp-recess) 23%,var(--pp-gold) 51%,var(--pp-recess) 75%,var(--pp-glint));box-shadow:0 14px 27px var(--pp-shadow),inset 0 0 0 1px var(--pp-metal)}
.hm-premium-preview .hm-pp-wheel-pointer{position:absolute;z-index:4;top:-3px;left:calc(50% - 5px);width:10px;height:17px;background:linear-gradient(90deg,var(--pp-recess),var(--pp-glint),var(--pp-gold));clip-path:polygon(15% 0,85% 0,100% 45%,50% 100%,0 45%)}
.hm-premium-preview .hm-pp-wheel{position:absolute;inset:3px;border-radius:50%;border:1px solid var(--pp-bg);background:conic-gradient(from -30deg,var(--pp-surface) 0deg 60deg,var(--pp-bg) 60deg 120deg,var(--pp-surface) 120deg 180deg,var(--pp-bg) 180deg 240deg,var(--pp-surface) 240deg 300deg,var(--pp-bg) 300deg 360deg);box-shadow:inset 0 0 20px var(--pp-shadow)}
.hm-premium-preview .hm-pp-wheel::before{content:'';position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(#c6ab7d8c 0deg .6deg,transparent .6deg 6deg);mask:radial-gradient(circle,transparent 65%,var(--pp-text) 66%)}
.hm-premium-preview .hm-pp-wheel::after{content:'';position:absolute;inset:20px;border:1px solid #c6ab7d30;border-radius:50%}
.hm-premium-preview .hm-pp-wheel-number{position:absolute;top:calc(50% - 13px);left:calc(50% - 16px);width:32px;text-align:center;font:400 17px/26px Georgia,serif;color:var(--pp-gold)}
.hm-premium-preview .hm-pp-wheel-center{position:absolute;z-index:3;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;border:1px solid #796953;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--pp-raised),var(--pp-bg));box-shadow:0 3px 8px var(--pp-shadow),inset 0 1px #f2e3c629;font:400 20px/1 Georgia,serif;color:var(--pp-gold)}
.hm-premium-preview .hm-pp-seal-rig{position:relative;width:242px;max-width:100%;height:170px;display:grid;place-items:center}
.hm-premium-preview .hm-pp-envelope{position:absolute;inset:7px 12px;border:1px solid #655441;border-radius:6px;background:linear-gradient(155deg,var(--pp-raised),var(--pp-surface) 45%,var(--pp-bg));box-shadow:0 16px 24px var(--pp-shadow),inset 0 1px #f2e3c617}
.hm-premium-preview .hm-pp-envelope::before{content:'';position:absolute;inset:0;border-radius:6px;background:linear-gradient(30deg,transparent 49.6%,#c6ab7d1a 50%,transparent 50.4%),linear-gradient(-30deg,transparent 49.6%,#c6ab7d1a 50%,transparent 50.4%)}
.hm-premium-preview .hm-pp-envelope::after{content:'';position:absolute;inset:8px;border:1px solid #c6ab7d29;border-radius:2px}
.hm-premium-preview .hm-pp-chain{position:absolute;left:0;top:calc(50% - 7px);height:15px;display:flex;align-items:center;z-index:1;filter:drop-shadow(0 3px 2px var(--pp-shadow))}
.hm-premium-preview .hm-pp-chain-right{left:auto;right:0}
.hm-premium-preview .hm-pp-chain i{display:block;width:22px;height:11px;border:2px solid var(--pp-metal);border-top-color:var(--pp-glint);border-bottom-color:var(--pp-recess);border-radius:8px;margin-right:-5px;box-shadow:inset 0 1px 1px var(--pp-shadow),0 1px 0 #c6ab7d66;transform:rotate(-6deg)}
.hm-premium-preview .hm-pp-chain i:nth-child(even){height:5px;transform:rotate(5deg);border-width:1.5px;background:linear-gradient(var(--pp-glint),var(--pp-recess))}
.hm-premium-preview .hm-pp-seal{position:relative;z-index:2;width:92px;height:92px;border:1px solid var(--pp-metal);border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 15deg,var(--pp-recess),var(--pp-gold) 15%,var(--pp-glint) 27%,var(--pp-recess) 42%,var(--pp-gold) 65%,var(--pp-glint) 78%,var(--pp-recess));box-shadow:0 7px 13px var(--pp-shadow),inset 0 0 0 2px #c6ab7d66;color:var(--pp-gold);font:400 29px/1 Georgia,serif}
.hm-premium-preview .hm-pp-seal::before{content:'';position:absolute;inset:5px;border:1px solid var(--pp-recess);border-radius:50%;background:radial-gradient(ellipse at 30% 15%,var(--pp-raised),var(--pp-surface) 55%,var(--pp-bg));box-shadow:inset 0 2px 4px var(--pp-shadow)}
.hm-premium-preview .hm-pp-seal::after{content:'';position:absolute;inset:10px;border:1px solid #c6ab7d57;border-radius:50%}
.hm-premium-preview .hm-pp-seal span{position:relative;z-index:1;text-shadow:0 -1px var(--pp-shadow),0 1px #f2e3c633;letter-spacing:-.06em;padding-right:2px}
.hm-premium-preview .hm-pp-unsealed{position:absolute;inset:0;display:grid;place-items:center;color:var(--pp-gold);font:400 40px/1 Georgia,serif;opacity:0}
.hm-premium-preview .hm-pp-quiet{display:grid;gap:14px;justify-items:center;color:var(--pp-gold)}
.hm-premium-preview .hm-pp-quiet>span{display:grid;place-items:center;width:78px;height:78px;border:1px solid #796953;border-radius:50%;font:28px/1 Georgia,serif;background:linear-gradient(145deg,var(--pp-raised),var(--pp-bg))}
.hm-premium-preview .hm-pp-quiet small{color:var(--pp-muted);font-size:12px}
.hm-premium-preview .hm-pp-zx-caption{text-align:center;margin:-3px 0 22px;color:var(--pp-muted);font-size:12px}
.hm-premium-preview .hm-pp-zx-result{border-top:1px solid var(--pp-line);padding:19px 0 3px;min-height:72px;display:flex;gap:15px;align-items:center}
.hm-premium-preview .hm-pp-result-mark{display:grid;place-items:center;flex:0 0 39px;height:39px;border-right:1px solid var(--pp-line);padding-right:14px;color:var(--pp-gold);font:400 23px/1 Georgia,serif}
.hm-premium-preview .hm-pp-zx-result small{display:block;color:var(--pp-muted);font-size:10px;letter-spacing:.11em;margin-bottom:2px}
.hm-premium-preview .hm-pp-zx-result strong{display:block;font-weight:400;font-size:14px}
.hm-premium-preview .hm-pp-live-summary{color:var(--pp-muted);font-size:12px;margin:0 0 20px}
.hm-premium-preview .hm-pp-live-overview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--pp-line)}
.hm-premium-preview .hm-pp-live-overview small{display:block;color:var(--pp-gold);font-size:10px;letter-spacing:.12em}
.hm-premium-preview .hm-pp-live-overview strong{display:block;font:26px/1.3 Georgia,serif;margin:5px 0}
.hm-premium-preview .hm-pp-live-overview span{font-size:11px;color:var(--pp-muted)}
.hm-premium-preview .hm-pp-freshness-badge{border:1px solid #c6ab7d55;padding:4px 9px;border-radius:999px}
.hm-premium-preview .hm-pp-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:20px 0}
.hm-premium-preview dt{font-size:11px;color:var(--pp-muted)}
.hm-premium-preview dd{margin:4px 0 0;color:var(--pp-text);font-size:13px}
.hm-premium-preview .hm-pp-context-grid small{display:block;margin-top:4px;color:var(--pp-muted);font-size:10px}
.hm-premium-preview .hm-pp-weather-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hm-premium-preview .hm-pp-weather-grid article{border:1px solid #c6ab7d29;border-radius:12px;padding:14px;background:#c6ab7d06}
.hm-premium-preview .hm-pp-weather-grid small{font-size:9px;letter-spacing:.1em;color:var(--pp-gold)}
.hm-premium-preview .hm-pp-weather-grid h4{margin:6px 0 12px;font-size:14px;font-weight:500}
.hm-premium-preview .hm-pp-weather-grid strong{font-size:17px;font-weight:400;color:#e7cea2}
.hm-premium-preview .hm-pp-weather-grid p{font-size:11px;margin:7px 0 0;color:var(--pp-muted)}
.hm-premium-preview .hm-pp-source-facts{display:grid;gap:12px;margin:19px 0 0}
.hm-premium-preview .hm-pp-source-facts>div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px}
.hm-premium-preview .hm-pp-source-facts dd{margin:0;font-size:12px}
.hm-premium-preview[data-demo-freshness=stale] .hm-pp-weather-grid{opacity:.72}
.hm-premium-preview .hm-pp-example-event{display:grid;gap:5px;padding:13px;border-left:2px solid var(--pp-gold);background:#c6ab7d09;margin:12px 0}
.hm-premium-preview .hm-pp-example-event small{font-size:9px;letter-spacing:.08em;color:var(--pp-gold)}
.hm-premium-preview .hm-pp-example-event strong{font-size:13px;font-weight:500}
.hm-premium-preview .hm-pp-example-event span{font-size:12px;color:var(--pp-muted)}
.hm-premium-preview .hm-pp-journey-preview{margin:23px 0 18px;padding-top:18px;border-top:1px solid var(--pp-line)}
.hm-premium-preview .hm-pp-journey-preview>h4{margin:0;font:500 20px/1.3 Georgia,serif;color:#eee3f6}
.hm-premium-preview .hm-pp-companion-note{margin:8px 0 13px;color:var(--pp-muted);font-size:11px;line-height:1.6}
.hm-premium-preview .hm-pp-journey-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:16px;border:1px solid #bc8cd433;border-radius:16px;background:linear-gradient(125deg,#5f397412,#b2802f0b);color:#c7b3d9}
.hm-premium-preview .hm-pp-journey-icon{display:grid;place-items:center;width:32px;height:36px;border-radius:10px;background:#be8d3f0f;color:var(--pp-gold)}
.hm-premium-preview .hm-pp-journey-icon svg{width:23px;height:23px}
.hm-premium-preview .hm-pp-journey-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.hm-premium-preview .hm-pp-journey-top h5{margin:0;font:500 18px/1.3 Georgia,serif;color:#eee3f6}
.hm-premium-preview .hm-pp-journey-top>span{border:1px solid #a382ba3b;border-radius:999px;padding:4px 8px;color:#bdaccb;font-size:9px;line-height:1.4}
.hm-premium-preview .hm-pp-journey-value{display:block;font-size:13px;font-weight:500;color:#e5d5ee}
.hm-premium-preview .hm-pp-journey-detail{font-size:11px;line-height:1.6;margin:6px 0 9px;color:#c0afba}
.hm-premium-preview .hm-pp-journey-card>div>small{font-size:10px;color:#aa9ab3}
.hm-premium-preview .hm-pp-owner-preview{border-top:1px solid var(--pp-line);padding-top:3px}
.hm-premium-preview .hm-pp-owner-preview summary{min-height:44px;padding:12px 0;color:#dbc8e4;font-size:12px;cursor:pointer}
.hm-premium-preview .hm-pp-owner-preview dl{display:grid;gap:0;margin:0}
.hm-premium-preview .hm-pp-owner-preview dl>div{display:grid;grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr);gap:10px;border-top:1px solid #b37fcf1f;padding:11px 0}
.hm-premium-preview .hm-pp-owner-preview dd{margin:0;font-size:11px;line-height:1.6;color:#d6c8df;overflow-wrap:anywhere}
@media(max-width:480px){.hm-premium-preview{padding:14px}.hm-premium-preview .hm-pp-zx-title{font-size:23px}.hm-premium-preview .hm-pp-head h3{font-size:21px}.hm-premium-preview .hm-pp-weather-grid{grid-template-columns:1fr}.hm-premium-preview .hm-pp-actions>button{flex:1 1 100%}.hm-premium-preview .hm-pp-eyebrow{letter-spacing:.1em}.hm-premium-preview .hm-pp-source-facts>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:480px){.hm-premium-preview .hm-pp-journey-card{grid-template-columns:25px minmax(0,1fr);gap:9px;padding:12px}.hm-premium-preview .hm-pp-journey-icon{width:25px;height:30px}.hm-premium-preview .hm-pp-owner-preview dl>div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){.hm-premium-preview *{scroll-behavior:auto!important}}