:root{--theme-bg:#0d0b11;--theme-panel:rgba(38,31,42,.70);--theme-line:#d7b56d;--theme-text:#fff5df;--theme-muted:#c9bda7;--theme-accent:#e8c06f;--theme-sub:#7f2232;--glow-a:rgba(232,192,111,.24);--glow-b:rgba(127,34,50,.18);font-family:"Yu Gothic","Noto Sans JP",system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent;color:var(--theme-text)}[data-demo-only]{display:none!important}body.is-demo [data-demo-only]{display:block!important}body.is-demo .demo-grid{display:grid!important}body.is-demo .demo-row{display:flex!important}.ov-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:transparent;isolation:isolate}.fx-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,var(--glow-a),transparent 28%),radial-gradient(circle at 86% 80%,var(--glow-b),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--theme-bg) 88%,transparent),rgba(0,0,0,.18))}.fx-stars:before,.fx-stars:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.7);width:2px;height:2px;box-shadow:40px 24px 0 rgba(255,255,255,.4),120px -20px 0 rgba(255,255,255,.35),260px 60px 0 rgba(255,255,255,.42),520px 10px 0 rgba(255,255,255,.28),840px 76px 0 rgba(255,255,255,.32)}.fx-stars:before{left:8%;top:20%}.fx-stars:after{right:12%;bottom:24%;transform:scale(.8)}.clock-frame{position:absolute;inset:0;display:grid;place-items:center;text-align:center;border:1px solid var(--theme-line);border-radius:18px;background:linear-gradient(135deg,var(--theme-panel),rgba(0,0,0,.18));box-shadow:0 0 38px var(--glow-a),inset 0 0 34px rgba(0,0,0,.25);padding:10px}.clock-time{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,28vw,170px);line-height:.85;letter-spacing:-.04em;text-shadow:0 0 22px var(--glow-a)}.clock-date{margin-top:.35em;color:var(--theme-muted);letter-spacing:.14em;font-size:clamp(10px,4.5vw,26px)}.part-surface{position:absolute;inset:2%;border:1px solid color-mix(in srgb,var(--theme-line) 54%,transparent);border-radius:24px;background:radial-gradient(circle at 18% 14%,var(--glow-a),transparent 28%),radial-gradient(circle at 86% 84%,var(--glow-b),transparent 30%),linear-gradient(135deg,rgba(0,0,0,.22),rgba(255,255,255,.028));box-shadow:0 0 42px var(--glow-a),inset 0 0 44px rgba(0,0,0,.20);overflow:hidden}.part-surface:before{content:"";position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--theme-line) 24%,transparent);border-radius:18px}.part-surface:after{content:"";position:absolute;right:6%;bottom:6%;width:min(34vw,360px);height:min(34vw,360px);border:1px solid color-mix(in srgb,var(--theme-line) 22%,transparent);border-radius:50%;opacity:.75}.corner{position:absolute;width:92px;height:92px;border:1px solid color-mix(in srgb,var(--theme-line) 56%,transparent)}.corner.tl{left:18px;top:18px;border-right:none;border-bottom:none;border-radius:16px 0 0 0}.corner.tr{right:18px;top:18px;border-left:none;border-bottom:none;border-radius:0 16px 0 0}.corner.bl{left:18px;bottom:18px;border-right:none;border-top:none;border-radius:0 0 0 16px}.corner.br{right:18px;bottom:18px;border-left:none;border-top:none;border-radius:0 0 16px 0}.rail{position:absolute;background:color-mix(in srgb,var(--theme-accent) 40%,transparent);box-shadow:0 0 18px var(--glow-a)}.rail.top{left:6%;right:6%;top:9%;height:1px}.rail.bottom{left:6%;right:6%;bottom:9%;height:1px}.rail.left{left:6%;top:12%;bottom:12%;width:1px}.rail.right{right:6%;top:12%;bottom:12%;width:1px}.soft-card{position:absolute;border:1px solid color-mix(in srgb,var(--theme-line) 28%,transparent);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 48%),rgba(0,0,0,.10)}.soft-card.main{left:7%;top:15%;width:62%;height:50%}.soft-card.sub{right:7%;bottom:12%;width:36%;height:28%}.divider{position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-line) 52%,transparent),transparent)}.divider.one{top:30%}.divider.two{top:50%}.divider.three{top:70%}.part-scene-frame .part-surface{inset:1.5%;border-radius:28px}.part-scene-frame .part-surface:before{inset:26px}.part-vertical-frame .part-surface{inset:1.5%;border-radius:26px}.part-vertical-frame .part-surface:before{left:8%;right:7%;top:7%;bottom:7%}.part-vertical-frame .rail.left{width:5px;border-radius:999px}.part-horizontal-frame .part-surface{inset:2% 1.5%;border-radius:22px}.part-horizontal-frame .rail.top{top:22%}.part-horizontal-frame .rail.bottom{bottom:22%}.part-ticker-rail .part-surface{inset:4% 1%;border-radius:999px}.part-ticker-rail .part-surface:before{inset:18px;border-radius:999px}.part-ticker-rail .part-surface:after{display:none}.part-ticker-rail .rail.top{top:50%;left:7%;right:7%;height:2px}.part-grid-board .mini-card{position:absolute;border:1px solid color-mix(in srgb,var(--theme-line) 30%,transparent);border-radius:16px;background:rgba(0,0,0,.10)}.part-grid-board .mini-card:nth-child(1){left:5%;top:17%;width:27%;height:24%}.part-grid-board .mini-card:nth-child(2){left:36.5%;top:17%;width:27%;height:24%}.part-grid-board .mini-card:nth-child(3){right:5%;top:17%;width:27%;height:24%}.part-grid-board .mini-card:nth-child(4){left:5%;bottom:15%;width:27%;height:24%}.part-grid-board .mini-card:nth-child(5){left:36.5%;bottom:15%;width:27%;height:24%}.part-grid-board .mini-card:nth-child(6){right:5%;bottom:15%;width:27%;height:24%}.demo-panel{position:absolute;inset:10%;display:grid;place-items:center;text-align:center;padding:24px;border:1px solid color-mix(in srgb,var(--theme-line) 34%,transparent);border-radius:24px;background:rgba(0,0,0,.24);color:var(--theme-text)}.demo-panel h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,86px);margin:0 0 16px}.demo-panel p{margin:0;color:var(--theme-muted);font-size:clamp(14px,2vw,24px);line-height:1.7}.demo-list{position:absolute;left:10%;right:10%;top:18%;display:grid;gap:12px}.demo-item{padding:14px 16px;border:1px solid color-mix(in srgb,var(--theme-line) 36%,transparent);border-radius:16px;background:rgba(0,0,0,.22)}.demo-grid{position:absolute;left:6%;right:6%;top:18%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-chip{padding:16px;border:1px solid color-mix(in srgb,var(--theme-line) 36%,transparent);border-radius:16px;background:rgba(0,0,0,.22)}.demo-row{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);display:flex;gap:26px;white-space:nowrap;font-size:clamp(18px,3vw,42px)}body.family-cyber-hud .fx-backdrop{background:repeating-linear-gradient(110deg,rgba(61,255,216,.09) 0 2px,transparent 2px 38px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px),linear-gradient(135deg,rgba(3,6,11,.92),rgba(5,17,24,.74))}body.family-cyber-hud .part-surface,body.family-cyber-hud .clock-frame{border-radius:4px;clip-path:polygon(0 18px,18px 0,calc(100% - 44px) 0,100% 44px,100% calc(100% - 18px),calc(100% - 18px) 100%,44px 100%,0 calc(100% - 44px));background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 8px),linear-gradient(135deg,rgba(0,0,0,.20),rgba(255,255,255,.025))}body.family-cyber-hud .corner{border-radius:0;border-style:dashed}body.family-cyber-hud .clock-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body.family-japanese-modern .fx-backdrop{background:radial-gradient(circle at 78% 18%,rgba(255,241,194,.26),transparent 7%),radial-gradient(ellipse at 30% 78%,rgba(80,130,180,.20),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 80px),linear-gradient(135deg,rgba(5,8,18,.92),rgba(15,22,34,.78))}body.family-japanese-modern .part-surface{border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 22%,rgba(255,255,255,.035) 50%,transparent 78%),linear-gradient(135deg,rgba(0,0,0,.22),rgba(255,255,255,.03))}body.family-japanese-modern .part-surface:after{right:9%;top:8%;bottom:auto;width:160px;height:160px;border-color:color-mix(in srgb,var(--theme-accent) 60%,transparent)}body.family-magazine-layout .fx-backdrop{background:linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 25%),linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 25%),linear-gradient(135deg,rgba(22,18,14,.90),rgba(38,28,22,.78));background-size:25% 100%,100% 25%,auto}body.family-magazine-layout .part-surface,body.family-magazine-layout .clock-frame{border-radius:0;box-shadow:none;background:rgba(0,0,0,.16)}body.family-magazine-layout .corner{border-radius:0}body.family-floating-card .fx-backdrop{background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.12),transparent 24%),radial-gradient(circle at 80% 80%,var(--glow-b),transparent 30%),linear-gradient(135deg,rgba(5,9,13,.72),rgba(8,16,22,.54))}body.family-floating-card .part-surface,body.family-floating-card .clock-frame{inset:3.5%;border-radius:34px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px)}body.family-stage-live .fx-backdrop{background:radial-gradient(ellipse at 24% -10%,rgba(255,214,116,.28),transparent 38%),radial-gradient(ellipse at 76% -10%,rgba(255,97,126,.22),transparent 38%),linear-gradient(90deg,rgba(95,12,28,.42) 0 10%,transparent 10% 20%,rgba(95,12,28,.42) 20% 30%,transparent 30% 40%,rgba(95,12,28,.42) 40% 50%,transparent 50% 60%,rgba(95,12,28,.42) 60% 70%,transparent 70% 80%,rgba(95,12,28,.42) 80% 90%,transparent 90%),linear-gradient(135deg,rgba(22,4,8,.94),rgba(45,12,18,.80))}body.family-stage-live .part-surface,body.family-stage-live .clock-frame{border-width:3px;border-radius:16px;box-shadow:0 0 70px var(--glow-a),inset 0 0 80px rgba(0,0,0,.32)}body.family-stage-live .rail.bottom{height:6px;border-radius:999px}body.family-minimal-premium .fx-backdrop{background:linear-gradient(135deg,rgba(7,7,9,.82),rgba(18,17,15,.60))}body.family-minimal-premium .fx-stars{opacity:.20}body.family-minimal-premium .part-surface,body.family-minimal-premium .clock-frame{border-radius:2px;border-width:1px;background:rgba(0,0,0,.06);box-shadow:none}body.family-cute-sticker .fx-backdrop{background:radial-gradient(circle at 14% 18%,rgba(255,204,104,.28),transparent 10%),radial-gradient(circle at 78% 22%,rgba(255,122,168,.24),transparent 12%),radial-gradient(circle at 62% 78%,rgba(91,227,255,.18),transparent 13%),linear-gradient(135deg,rgba(27,21,34,.82),rgba(40,26,38,.70))}body.family-cute-sticker .part-surface,body.family-cute-sticker .clock-frame{border-radius:38px;border-style:dashed;border-width:2px;background:rgba(255,255,255,.10);transform:rotate(-.35deg)}body.family-cute-sticker .corner{border-style:dashed;border-radius:22px}@media(max-width:720px),(max-height:420px){.part-surface{inset:1.5%}.part-ticker-rail .part-surface{inset:4% 1%}.soft-card.main{width:76%;height:42%}.soft-card.sub{width:42%;height:22%}.demo-grid{grid-template-columns:repeat(2,1fr)}}


/* v23 ticker readability: remove center line so overlaid text stays readable */
.part-ticker-rail .rail.top {
  display: none !important;
}

.part-ticker-rail .part-surface::before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  top: 18%;
  height: 1px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-line) 36%, transparent), transparent);
  box-shadow: 0 calc(100vh * 0.58) 0 color-mix(in srgb, var(--theme-line) 22%, transparent);
  opacity: .85;
}

.part-ticker-rail .part-surface::after {
  display: none;
}