/* アニメーションデモ共通 */
:root{--bg:#0c0c0d;--fg:#f3f1ed;--fg-2:#b5b1aa;--fg-3:#77736d;--line:rgba(255,255,255,.12);--grad:linear-gradient(95deg,#ff8fa8,#ffbf85,#a99bff,#72e0c0)}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:'Zen Kaku Gothic New',system-ui,sans-serif;letter-spacing:.04em;-webkit-font-smoothing:antialiased}
a{color:inherit}
.mono{font-family:'DM Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}
.demo-bar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;pointer-events:none}
.demo-bar a{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(12,12,13,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:12px;text-decoration:none;transition:background .3s}
.demo-bar a:hover{background:rgba(255,255,255,.12)}
.demo-bar .no{font-size:11px;color:var(--fg-2)}
.demo-info{position:fixed;left:24px;bottom:24px;z-index:20;max-width:min(440px,calc(100% - 48px));padding:20px 22px;border-radius:14px;background:rgba(12,12,13,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line)}
.demo-info h1{margin:0;font-size:16px;line-height:1.6}
.demo-info p{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:var(--fg-2)}
.demo-info .tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.demo-info .tags li{padding:2px 8px;border:1px solid var(--line);border-radius:4px;font-size:10.5px;color:var(--fg-2)}
.demo-info .hint{display:inline-block;margin-top:10px;font-size:11px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage{position:fixed;inset:0;width:100%;height:100%;display:block}
@media (max-width:600px){.demo-info{left:12px;bottom:12px;max-width:calc(100% - 24px);padding:16px 18px}.demo-bar{padding:12px}}
/* サムネイル撮影用 (?shot) */
.shot .demo-bar,.shot .demo-info,.shot .count{display:none!important}