.fye-tvp {
  --tvp-main: #7560e8;
  --tvp-accent: #f2b84b;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  margin: 28px auto;
  padding: clamp(20px, 4vw, 36px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--tvp-main) 55%, transparent), transparent 34%),
    radial-gradient(circle at 92% 82%, rgba(242,184,75,.15), transparent 32%),
    linear-gradient(145deg, #171329 0%, #242041 55%, #12101f 100%);
  color: #f9f7ff;
  box-shadow: 0 18px 48px rgba(25,19,55,.22);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.75;
}
.fye-tvp *, .fye-tvp *::before, .fye-tvp *::after { box-sizing: border-box; }
.fye-tvp__stars { position:absolute; inset:0; z-index:-1; opacity:.75; background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.3px),radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.2px); background-position:0 0,25px 24px; background-size:55px 55px,71px 71px; mask-image:linear-gradient(to bottom,black,transparent 70%); }
.fye-tvp p, .fye-tvp h3, .fye-tvp h4, .fye-tvp dl, .fye-tvp dd { margin:0; }
.fye-tvp__eyebrow { color:#d9d1ff; font-size:11px; font-weight:800; letter-spacing:.16em; }
.fye-tvp__eyebrow span { color:var(--tvp-accent); margin-right:6px; }
.fye-tvp__title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-top:5px; }
.fye-tvp__title { padding:0; border:0; color:#fff; background:none; font-size:clamp(24px,5vw,36px); line-height:1.35; letter-spacing:.02em; }
.fye-tvp__date { margin-top:5px!important; color:#cbc7df; font-size:13px; }
.fye-tvp__live { flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; margin-top:9px; padding:5px 10px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#ded9ee; background:rgba(255,255,255,.07); font-size:11px; white-space:nowrap; }
.fye-tvp__live i { width:7px; height:7px; border-radius:50%; background:#78e7a5; box-shadow:0 0 0 4px rgba(120,231,165,.13); animation:fye-tvp-pulse 2s infinite; }
.fye-tvp__intro { max-width:680px; margin-top:13px!important; color:#e4e0ef; font-size:14px; }
.fye-tvp__location-panel { margin-top:24px; padding:16px; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.065); }
.fye-tvp__location-panel label { display:block; margin-bottom:7px; color:#f3efff; font-size:13px; font-weight:700; }
.fye-tvp__location-controls { display:flex; gap:10px; }
.fye-tvp__location-controls select { min-width:0; flex:1; height:46px; padding:0 38px 0 13px; border:1px solid rgba(255,255,255,.2); border-radius:10px; color:#211d35; background:#fff; font-size:15px; }
.fye-tvp__location-button { flex:0 0 auto; min-height:46px; padding:0 15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; color:#fff; background:rgba(255,255,255,.09); font-weight:700; cursor:pointer; }
.fye-tvp__location-button:hover { background:rgba(255,255,255,.16); }
.fye-tvp__location-button:disabled { opacity:.55; cursor:wait; }
.fye-tvp__privacy { margin-top:7px!important; color:#aaa5bd; font-size:11px; }
.fye-tvp__status { margin-top:18px; padding:18px 18px 18px 20px; border-left:4px solid var(--tvp-accent); border-radius:4px 14px 14px 4px; background:rgba(255,255,255,.075); }
.fye-tvp__status-badge { display:inline-block; margin-bottom:6px; padding:2px 9px; border-radius:999px; color:#191522; background:var(--tvp-accent); font-size:11px; font-weight:800; }
.fye-tvp__status strong { display:block; color:#fff; font-size:18px; line-height:1.5; }
.fye-tvp__status p { margin-top:3px!important; color:#d5d0e2; font-size:13px; }
.fye-tvp__status[data-status="visible"] { border-left-color:#78e7a5; background:rgba(75,190,122,.12); }
.fye-tvp__status[data-status="visible"] .fye-tvp__status-badge { background:#78e7a5; }
.fye-tvp__status[data-status="hard"] { border-left-color:#ff9b89; }
.fye-tvp__status[data-status="hard"] .fye-tvp__status-badge { background:#ff9b89; }
.fye-tvp__main-grid { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(280px,1.1fr); gap:22px; align-items:center; margin-top:22px; }
.fye-tvp__sky-card { padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(5,3,14,.23); }
.fye-tvp__compass { position:relative; width:min(100%,300px); aspect-ratio:1; margin:0 auto; border:1px solid rgba(255,255,255,.26); border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.1) 0 2px,transparent 3px),radial-gradient(circle at center,rgba(117,96,232,.22),rgba(20,15,38,.16) 67%); box-shadow:inset 0 0 35px rgba(0,0,0,.26); }
.fye-tvp__compass::before, .fye-tvp__compass::after { content:""; position:absolute; z-index:0; background:rgba(255,255,255,.11); }
.fye-tvp__compass::before { left:50%; top:6%; width:1px; height:88%; }
.fye-tvp__compass::after { left:6%; top:50%; width:88%; height:1px; }
.fye-tvp__orbit { position:absolute; inset:25%; border:1px dashed rgba(255,255,255,.14); border-radius:50%; }
.fye-tvp__north,.fye-tvp__east,.fye-tvp__south,.fye-tvp__west { position:absolute; z-index:2; color:#dcd7e8; font-size:12px; font-weight:800; }
.fye-tvp__north { top:5px; left:50%; transform:translateX(-50%); color:#fff; }
.fye-tvp__east { right:7px; top:50%; transform:translateY(-50%); }
.fye-tvp__south { bottom:5px; left:50%; transform:translateX(-50%); }
.fye-tvp__west { left:7px; top:50%; transform:translateY(-50%); }
.fye-tvp__venus { position:absolute; z-index:4; transform:translate(-50%,-50%); transition:left .7s ease,top .7s ease; filter:drop-shadow(0 0 8px rgba(255,221,130,.9)); }
.fye-tvp__venus i { display:block; width:17px; height:17px; border:2px solid #fff9d9; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff,#ffe18b 45%,#e3a83c 100%); box-shadow:0 0 0 5px rgba(255,220,120,.1),0 0 18px #ffd878; animation:fye-tvp-glow 2.3s ease-in-out infinite; }
.fye-tvp__venus span { position:absolute; left:50%; top:21px; transform:translateX(-50%); padding:0 5px; border-radius:4px; color:#2b2137; background:#fff7d9; font-size:10px; font-weight:800; white-space:nowrap; }
.fye-tvp__venus.is-below { opacity:.48; filter:none; }
.fye-tvp__venus.is-below i { border-style:dashed; background:#aaa1c5; box-shadow:none; animation:none; }
.fye-tvp__compass-note { margin-top:12px!important; text-align:center; color:#a9a4bb; font-size:11px; }
.fye-tvp__metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.fye-tvp__metric { min-height:112px; padding:15px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.07); }
.fye-tvp__metric > span { display:block; color:#bdb7d0; font-size:11px; font-weight:700; }
.fye-tvp__metric strong { display:block; margin-top:6px; color:#fff; font-size:clamp(19px,3.4vw,25px); line-height:1.35; }
.fye-tvp__metric small { display:block; margin-top:5px; color:#cbc5d8; font-size:11px; line-height:1.5; }
.fye-tvp__today-card { margin-top:22px; padding:20px; border:1px solid rgba(242,184,75,.3); border-radius:17px; background:linear-gradient(135deg,rgba(242,184,75,.12),rgba(255,255,255,.055)); }
.fye-tvp__today-card h4 { display:flex; align-items:center; gap:8px; padding:0; color:#fff; font-size:17px; }
.fye-tvp__today-card h4 span { color:var(--tvp-accent); }
.fye-tvp__today-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin-top:10px; }
.fye-tvp__today-card dl div { padding:10px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.fye-tvp__today-card dt { color:#bcb6cc; font-size:11px; }
.fye-tvp__today-card dd { margin-top:2px; color:#fff; font-size:14px; font-weight:700; }
.fye-tvp__share { margin-top:22px; padding:18px; border-radius:16px; background:#fff; color:#261f39; }
.fye-tvp__share > p:first-child { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.fye-tvp__share > p strong { font-size:15px; }
.fye-tvp__share > p span { color:#786f86; font-size:11px; }
.fye-tvp__share-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.fye-tvp__share-buttons a,.fye-tvp__share-buttons button { display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:8px; border:0; border-radius:10px; text-decoration:none; font-size:13px; font-weight:800; cursor:pointer; transition:transform .15s ease,opacity .15s ease; }
.fye-tvp__share-buttons a:hover,.fye-tvp__share-buttons button:hover { opacity:.88; transform:translateY(-1px); }
.fye-tvp__share-x { color:#fff!important; background:#111; }
.fye-tvp__share-line { color:#fff!important; background:#06c755; }
.fye-tvp__bookmark { color:#4e4168; background:#eeeaf8; }
.fye-tvp__bookmark span { margin-right:4px; font-size:17px; }
.fye-tvp__bookmark-note { margin-top:9px!important; padding:8px 10px; border-radius:7px; color:#5d536b; background:#f5f2fb; font-size:11px; }
.fye-tvp__tomorrow { margin-top:16px!important; text-align:center; color:#e5e0f1; font-size:13px; font-weight:700; }
.fye-tvp__tomorrow span { color:var(--tvp-accent); }
.fye-tvp__disclaimer { margin-top:13px!important; padding-top:13px; border-top:1px solid rgba(255,255,255,.1); color:#9791a8; font-size:10px; line-height:1.75; }
.fye-tvp__noscript { margin-top:15px!important; padding:10px; color:#612a20; background:#ffe1dc; }
@keyframes fye-tvp-pulse { 0%,100%{opacity:1} 50%{opacity:.45} }
@keyframes fye-tvp-glow { 0%,100%{transform:scale(1)} 50%{transform:scale(1.14)} }
@media (max-width:680px) {
  .fye-tvp { margin:20px auto; padding:20px 15px; border-radius:18px; }
  .fye-tvp__title-row { display:block; }
  .fye-tvp__live { margin-top:10px; }
  .fye-tvp__location-controls { display:grid; grid-template-columns:1fr; }
  .fye-tvp__main-grid { grid-template-columns:1fr; }
  .fye-tvp__sky-card { padding:16px; }
  .fye-tvp__compass { width:min(100%,260px); }
  .fye-tvp__metric { min-height:104px; padding:13px; }
  .fye-tvp__today-card dl { grid-template-columns:1fr; }
  .fye-tvp__share-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fye-tvp__bookmark { grid-column:1 / -1; }
}
@media (prefers-reduced-motion:reduce) {
  .fye-tvp__live i,.fye-tvp__venus i { animation:none; }
  .fye-tvp__venus { transition:none; }
}