.fkd-watch-expand,.fkd-watch-fixed,.fkd-feed-refresh-fixed{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#111!important;text-decoration:none!important;font:30px/1 sans-serif;box-shadow:0 2px 12px #0003;z-index:5}
.fkd-watch-expand{position:absolute;top:10px;right:10px;width:auto;height:36px;padding:0 11px;border-radius:8px;font:500 11px/1 sans-serif}
.fkd-single-hero{position:relative}
.fkd-watch-fixed,.fkd-feed-refresh-fixed{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));top:max(var(--fkd-watch-entry-top,110px),env(safe-area-inset-top,0px));width:auto;height:36px;padding:0 11px;border-radius:8px;font:500 11px/1 sans-serif;z-index:19}
.fkd-feed-refresh-fixed{left:calc(12px + env(safe-area-inset-left,0px));right:auto;min-width:36px;min-height:0;box-sizing:border-box;cursor:pointer;width:36px;padding:0;-webkit-appearance:none;appearance:none}
.fkd-feed-refresh-fixed svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(min-width:900px){.fkd-feed-refresh-fixed{left:calc(var(--fk-ui-desktop-rail-width,72px) + 12px)}}
.fkd-watch-expand:focus-visible,.fkd-watch-fixed:focus-visible,.fkd-feed-refresh-fixed:focus-visible{outline:3px solid #777;outline-offset:3px}
body.fkd-watch-page{margin:0!important;padding:0!important;background:#000!important;color:#fff;min-height:100vh}
.fkd-watch-toolbar{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:100;display:flex;justify-content:space-between;pointer-events:none;padding:10px 12px}
.admin-bar .fkd-watch-toolbar{top:calc(32px + env(safe-area-inset-top,0px))}
.fkd-watch-toolbar a,.fkd-watch-toolbar button{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#222c;color:#fff!important;text-decoration:none!important;font:28px/1 sans-serif;cursor:pointer}
.fkd-watch-stream{width:100%;max-width:1200px;margin:0 auto;padding:0}
.fkd-watch-work{margin:0 0 24px;padding:0}
.fkd-watch-work>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.fkd-watch-image{display:block;width:100%;height:auto;aspect-ratio:auto 16/9;margin:0 auto 8px;object-fit:contain;background:#111;color:#fff}
.fkd-watch-player{position:relative;width:100%;aspect-ratio:16/9;background:#111;margin:8px 0;overflow:hidden;display:grid;place-items:center}
.fkd-watch-player button{padding:14px 24px;background:#fff;color:#111;border:0;border-radius:24px;font:inherit;cursor:pointer}
.fkd-watch-player video{width:100%;height:100%;object-fit:contain}
.fkd-watch-player iframe{position:absolute;top:50%;left:50%;border:0;transform-origin:center}
.fkd-watch-status{text-align:center;padding:24px;color:#ddd}
.fkd-watch-retry{display:block;margin:0 auto 30px;padding:12px 24px;border:1px solid #888;background:#222;color:white;border-radius:8px}
.fkd-watch-retry[hidden],.fkd-watch-menu[hidden]{display:none}
.fkd-watch-menu{position:fixed;z-index:101;top:calc(64px + env(safe-area-inset-top,0px));right:12px;max-width:calc(100% - 24px);padding:8px;background:#222;border:1px solid #555;border-radius:12px}
.fkd-watch-menu a,.fkd-watch-menu button{display:block;width:100%;padding:14px;border:0;background:none;color:#fff!important;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
@media(max-width:782px){.admin-bar .fkd-watch-toolbar{top:calc(46px + env(safe-area-inset-top,0px))}}

.fkd-watch-fixed[hidden],.fkd-feed-refresh-fixed[hidden]{display:none}
.fkd-watch-image-wrap{position:relative}
.fkd-watch-work-more{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#111;font:24px/1 sans-serif;cursor:pointer}
.fkd-watch-summary{padding:16px 14px 24px;background:#000;color:#fff}
.fkd-watch-summary h3{margin:0 0 16px;font-size:16px;font-weight:650;line-height:1.55;overflow-wrap:anywhere}
.fkd-watch-actions{display:grid;gap:8px;margin-bottom:20px}
.fkd-watch-action{position:relative;display:flex;box-sizing:border-box;min-height:44px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #777;border-radius:10px;text-align:center;color:#fff!important;text-decoration:none!important;font:500 12px/1.35 sans-serif}
.fkd-watch-action.is-primary{background:#111;border-color:#777}
.fkd-watch-action.is-recommended:before{content:'おすすめ';position:absolute;right:10px;top:-6px;padding:0 4px;background:#000;color:#ff4765;font-size:9px;font-weight:800;line-height:1.2;white-space:nowrap}

/* Draw the dots geometrically: font baselines and theme button padding must not shift them. */
.fkd-pin__more,.fkd-watch-work-more,.fkd-watch-toolbar [data-watch-menu]{box-sizing:border-box;min-width:0;min-height:0;padding:0!important;font-size:0!important;letter-spacing:0!important}
.fkd-pin__more,.fkd-watch-toolbar [data-watch-menu]{position:relative}
.fkd-pin__more::before,.fkd-watch-work-more::before,.fkd-watch-toolbar [data-watch-menu]::before{content:'';position:absolute;left:50%;top:50%;width:20px;height:4px;transform:translate(-50%,-50%);background:radial-gradient(circle at 2px 2px,currentColor 2px,transparent 2.1px) 0 0/8px 4px repeat-x;pointer-events:none}
.fkd-pin__more::after,.fkd-watch-work-more::after,.fkd-watch-toolbar [data-watch-menu]::after{content:'';position:absolute;inset:-5px;border-radius:50%}
@media(max-width:700px){.fkd-watch-actions{gap:7px}.fkd-watch-action{min-height:42px;padding:8px;font-size:11px}}

/* Native disclosure fallback shares the existing dots and sheet entry. */
.fkd-work-links{position:relative;margin:0;padding:0}
.fkd-work-links>summary{list-style:none}
.fkd-work-links>summary::-webkit-details-marker{display:none}
.fkd-work-links-panel{position:relative;z-index:20;padding:16px;background:#fff;color:#111;border:1px solid #ccc;border-radius:12px;overflow-wrap:anywhere}
.fkd-work-links-panel a{display:inline-block;color:inherit;padding:5px;text-decoration:underline}
.fkd-pin__footer .fkd-work-links-panel{position:absolute;right:0;top:34px;width:min(320px,80vw);max-height:65vh;overflow:auto}
.fkd-watch-image-wrap>.fkd-work-links{position:static}
.fkd-watch-image-wrap>.fkd-work-links .fkd-work-links-panel{position:absolute;right:12px;bottom:52px;max-width:calc(100% - 24px);max-height:65vh;overflow:auto}
.fkd-watch-summary h3 a{color:inherit;text-decoration:none}
.fkd-watch-page .fkd-collection-pagination{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:24px}
.fkd-watch-page .fkd-collection-pagination a{color:#fff;padding:10px;border:1px solid #777;border-radius:8px;text-decoration:none}
