:root{--bg: #090c12;--panel: #101824;--panel-soft: #131f30;--ink: #e4edf9;--ink-dim: #93a6c2;--accent: #5b89be;--accent-soft: #c9dcf2;--line: #24374f;--ok: #98f2c4;--warn: #ffd287;--danger: #ff9b9b;--shadow: 0 18px 40px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{overflow-y:scroll;scrollbar-gutter:stable}body{position:relative;font-family:BIZ UDPGothic,Yu Gothic UI,Meiryo,sans-serif;color:var(--ink);background:#09090b;padding:24px clamp(16px,2.8vw,34px) 46px}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.side-menu{position:sticky;top:20px;border:0;border-radius:18px;background:transparent;padding:18px 12px}.menu-group+.menu-group{margin-top:18px}.menu-heading{margin:0 0 10px;color:#dce9fb;font-size:.96rem;font-weight:700;letter-spacing:.02em}.menu-heading-link{display:block;text-decoration:none;padding:10px 12px;border:1px solid transparent;border-radius:12px;margin-bottom:0}.menu-heading-link:hover,.menu-heading-link:focus-visible{color:#dce9fb;background:#22252bd1}.menu-heading-active{background:linear-gradient(90deg,#4d719d47,#364f702e);border-color:#537caa66}.menu-link{display:block;text-decoration:none;color:#a9bfdd;border-radius:12px;padding:10px 12px;font-weight:700;transition:background .16s ease,color .16s ease}.menu-link:hover,.menu-link:focus-visible{background:#22252bd1;color:#e5efff}.menu-link-active{color:#f0f5ff;background:linear-gradient(90deg,#5c86b933,#42618824);border:1px solid rgba(82,124,172,.44)}.menu-subitem{margin:0;padding:8px 12px 8px 24px;color:#9eb3d0;font-size:.95rem;border-radius:12px}.menu-subitem-row{display:flex;align-items:center;gap:8px;position:relative}.menu-subitem-action{display:block;flex:1 1 auto;text-align:left;background:transparent;border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px}.menu-subitem-action:hover,.menu-subitem-action:focus-visible{background:#22252bd1;color:#dfeaff}.menu-copy-icon{width:16px;height:16px;object-fit:contain;flex:0 0 auto;border-radius:2px}.menu-copy-feedback{border:1px solid #d6dce5;background:#fff;color:#1a1a1a;border-radius:8px;padding:7px 10px;font-size:.84rem;line-height:1;white-space:nowrap;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:5}.menu-subitem-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;width:100%}.menu-link-icon{width:15px;height:15px;object-fit:contain;flex:0 0 auto}.menu-subitem-link:hover,.menu-subitem-link:focus-visible{background:#22252bd1;color:#dfeaff}.menu-subitem-active{color:#e7f0ff;background:#3d5d8433;border-radius:8px}.menu-toggle,.menu-backdrop,.bg-orb{display:none}.orb-a{top:-10vw;left:-8vw;background:#5482ba24}.orb-b{bottom:-10vw;right:-8vw;background:#4980bf21;animation-duration:17s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(2vw,-2vw) scale(1.07)}}.topbar{display:grid;gap:16px;margin:0 auto 22px;max-width:1400px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(165deg,#101824f5,#0d141ef2);box-shadow:0 10px 24px #00000047}.brand-wrap{display:grid;gap:8px}.brand-line{display:flex;align-items:baseline;justify-content:flex-start;gap:12px;flex-wrap:wrap}.brand{margin:0;font-size:clamp(1.55rem,2.4vw,2rem);font-family:Yu Mincho,Hiragino Mincho ProN,serif;letter-spacing:.04em;font-weight:600}.sub{margin:0;color:var(--ink-dim);font-size:.9rem;letter-spacing:.01em}.gif-sub-row{display:flex;align-items:center;gap:10px}.gif-header-controls{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding-top:2px}.category-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}.cat-btn{border:1px solid #334d70;background:#121c2c;color:var(--ink);border-radius:999px;padding:9px 14px;display:inline-flex;align-items:center;text-decoration:none;line-height:1;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;cursor:pointer;font-weight:700;letter-spacing:.01em;transition:transform .16s ease,border-color .16s ease,background .16s ease}.cat-btn:hover,.cat-btn:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.cat-btn.active{border-color:var(--accent);background:#15263a;color:var(--accent-soft)}.controls{display:flex;align-items:center;justify-content:flex-start;gap:12px 16px;flex-wrap:wrap;padding-top:2px}.filter-wrap{display:grid;gap:5px;min-width:min(100%,300px)}.filter-wrap select{border:1px solid #334d70;background:#0d1725;color:var(--ink);border-radius:9px;padding:9px 11px;font-size:.92rem}.filter-wrap select:focus{outline:2px solid #6a95c6;outline-offset:1px}.count-badge{color:#d9e8fb;background:#213349;border:1px solid #3a5578;border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;margin:0 0 0 auto}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.pager-bottom{margin-top:18px}.media-pager-bottom{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}.page-btn{border:1px solid #334d70;background:#0d1725;color:var(--ink);border-radius:8px;padding:7px 10px;font-size:.84rem;cursor:pointer}.page-btn:hover,.page-btn:focus-visible{border-color:var(--accent)}.page-btn:disabled{opacity:.45;cursor:default}.page-info{margin:0;min-width:108px;text-align:center;color:var(--ink-dim);font-size:.84rem;font-variant-numeric:tabular-nums}.main{min-width:0;width:100%;margin:0 auto;max-width:1400px}.status{min-height:24px;margin:2px 0 14px;color:var(--warn);font-size:.9rem}.status.error{color:var(--danger)}.status.ok{color:var(--ok)}.topbar-status{margin:0;min-height:0}.topbar-status:empty{display:none}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{border:1px solid rgba(72,107,148,.32);border-radius:12px;overflow:hidden;background:#101927bf;box-shadow:0 2px 8px #0000002e;transform:translateY(8px);opacity:0;animation:cardIn .28s ease forwards}.card:hover{border-color:#5f8cc294;box-shadow:0 4px 12px #00000038}@keyframes cardIn{to{transform:translateY(0);opacity:1}}.thumb-btn{width:100%;border:0;margin:0;padding:0;cursor:zoom-in;background:#0d1725}.thumb-wrap{width:100%;background:#0d1725}.thumb{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#0b1018}.thumb-full{object-fit:contain}.gif-gallery{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.gif-render-sentinel{width:100%;height:1px}.gif-card{width:fit-content;min-width:220px;max-width:323px}.gif-card .thumb-wrap{width:100%;display:flex;justify-content:center;align-items:center}.gif-card .thumb-full{width:auto;height:220px;aspect-ratio:auto;max-width:323px;margin:0 auto}.thumb.missing{object-fit:contain;padding:18px}.meta{display:grid;gap:6px;padding:9px 10px 10px;min-width:0;max-width:100%}.meta-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.gif-card-actions{display:inline-flex;align-items:center;gap:6px}.filename{margin:0;color:#90a7c7;font-size:.76rem;overflow-wrap:anywhere}.input{margin:0;font-size:.84rem;color:#c9d9ef;line-height:1.45;min-height:2.2em;overflow-wrap:anywhere}.params-link{border:1px solid rgba(72,109,153,.6);border-radius:999px;background:transparent;color:#bfd3ef;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.84rem;font-family:serif;font-weight:800;line-height:1;letter-spacing:0;flex:0 0 auto;transform:translateY(.5px)}.params-link:hover,.params-link:focus-visible{border-color:var(--accent);color:var(--accent-soft)}.empty{padding:34px 0;text-align:center;color:var(--ink-dim)}.overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center}#tagAddModal,#tagDeleteModal{z-index:120}.overlay[hidden]{display:none}.overlay-backdrop{position:absolute;inset:0;background:#060a10d6}.overlay-panel{position:relative;z-index:1;width:min(94vw,1220px);max-height:92vh;border:1px solid #355780;border-radius:12px;background:#121d2d;box-shadow:var(--shadow);overflow:hidden}.lightbox-img{display:block;margin:0 auto;width:auto;max-width:100%;max-height:calc(92vh - 66px);object-fit:contain;background:#090d14}.caption{margin:0;padding:10px 52px;color:var(--ink-dim);font-size:.86rem;text-align:center;overflow-wrap:anywhere}.icon-btn{position:absolute;border:1px solid #476894;background:#0c131fc2;color:#eaf2ff;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:1.3rem}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--accent);color:var(--accent-soft)}.icon-btn.close{top:10px;right:10px}.icon-btn.nav{top:50%;transform:translateY(-50%)}.icon-btn.prev{left:10px}.icon-btn.next{right:10px}.params-panel{width:min(94vw,860px);display:grid;grid-template-rows:auto 1fr}.params-title{margin:0;padding:14px 18px;border-bottom:1px solid #324c6e;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:600;letter-spacing:.03em}.params-table-wrap{padding:10px 18px 16px;overflow:auto;max-height:72vh}.params-table{width:100%;border-collapse:collapse;table-layout:fixed}.params-table th,.params-table td{border:1px solid #2f4868;padding:7px 9px;vertical-align:top;overflow-wrap:anywhere}.params-table th{background:#172537;color:#d9e8ff;text-align:left;font-size:.84rem;letter-spacing:.02em}.params-table td:first-child{width:34%;color:#c6d8f4;font-family:Consolas,Courier New,monospace;font-size:.86rem}.params-table td:last-child{color:#e5efff;font-family:Consolas,Courier New,monospace;font-size:.86rem;white-space:pre-wrap}@media(max-width:760px){body{padding-top:14px}.topbar{padding:16px;border-radius:16px}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.pager{width:100%;margin-left:0;justify-content:center}.media-pager-bottom{padding-left:16px;padding-right:16px}.caption{padding-left:14px;padding-right:14px}.icon-btn.nav{position:fixed;top:50vh;transform:translateY(-50%);z-index:110}.icon-btn.prev{left:max(8px,env(safe-area-inset-left))}.icon-btn.next{right:max(8px,env(safe-area-inset-right))}}@media(max-width:960px){.app-shell{grid-template-columns:1fr;gap:0}.menu-toggle{display:inline-flex;position:fixed;top:12px;left:12px;z-index:220;border:1px solid #36557b;background:#0a121ee6;color:#dce9fb;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:700;cursor:pointer}.side-menu{position:fixed;top:0;left:0;height:100vh;width:min(78vw,300px);border-radius:0;border-left:0;border-top:0;border-bottom:0;z-index:230;transform:translate(-105%);transition:transform .2s ease;overflow-y:auto;padding-top:58px}.side-menu.open{transform:translate(0)}.menu-backdrop{position:fixed;inset:0;z-index:225;display:block;background:#04070c9e}.main{margin-top:6px}.menu-copy-feedback{position:static;transform:none}}.home-grid{display:grid;gap:14px;grid-template-columns:1fr}.home-hero{border:1px solid rgba(72,107,148,.32);border-radius:16px;background:#101927a3;box-shadow:0 6px 16px #0003;padding:22px 20px;margin:0 0 16px}.home-kicker{margin:0 0 6px;color:#9fb7d8;font-size:.78rem;letter-spacing:.08em}.home-hero h1{margin:0 0 8px;color:#edf4ff;font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.15}.home-lead{margin:0;color:#aec3dd;line-height:1.6}.home-card{border:1px solid rgba(72,107,148,.32);border-radius:12px;overflow:hidden;background:#101927bf;box-shadow:0 2px 8px #0000002e;padding:16px;color:#c9d9ef;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.home-card h2{margin:0 0 8px;color:var(--ink)}.home-card p{margin:0}.home-card:hover,.home-card:focus-visible{border-color:#4f74a3;transform:translateY(-1px);box-shadow:0 6px 16px #0000003d}.cheat-list{display:grid;gap:14px}.cheat-card{border:1px solid rgba(72,107,148,.32);border-radius:12px;background:#101927bf;box-shadow:0 2px 8px #0000002e;padding:14px}.cheat-title{margin:0 0 8px;font-size:1rem;color:#e4edf9}.cheat-desc{margin:0;color:#8ea3bf;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.cheat-actions{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cheat-copy-status{min-height:1.2em;font-size:.86rem;color:var(--ink-dim)}.cheat-copy-status.ok{color:var(--ok)}.cheat-copy-status.error{color:var(--danger)}.cheat-empty{margin:0;color:var(--ink-dim)}.link-url{color:#9cc6ff;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.link-url:hover,.link-url:focus-visible{color:#c6ddff}.gif-description{margin:0;font-size:.78rem;color:#a8bdd8;line-height:1.45}.gif-meta-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.gif-chip{display:inline-flex;align-items:center;border:1px solid #355274;background:#17263ae6;color:#c9dcf2;border-radius:999px;padding:2px 8px;font-size:.72rem;line-height:1.1;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.upload-panel{display:grid;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(72,109,153,.45);border-radius:12px;background:#0c141fa6}.gif-filter-panel{display:grid;gap:0;margin:0 0 14px;padding:0}.upload-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.upload-input{color:var(--ink-dim)}.upload-hint{margin:0;color:var(--ink-dim);font-size:.8rem}.upload-tags{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.84rem}.tag-filter-tools{justify-content:flex-start}.tag-edit-tools{justify-content:center}.tag-pill-container{display:flex;flex-wrap:wrap;gap:8px}.tag-pill-btn{border:1px solid #3b6291;background:#0f1d31;color:#b9cee9;border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.tag-pill-btn.selected{border-color:#8e7a3b;background:#3a3118;color:#ffeeb8}.tag-pill-btn:hover{border-color:#4d77a9}.tag-pill-btn[data-tag-global-action]{border-color:#7a5535;background:#2c1e14;color:#f0d5be}.tag-pill-btn[data-tag-global-action]:hover,.tag-pill-btn[data-tag-global-action]:focus-visible{border-color:#9a6d45;background:#3a281a;color:#ffe7cf}.tag-plus-btn,.tag-minus-btn{width:32px;height:32px;border:1px solid #3b6291;background:#0f1d31;color:#b9cee9;border-radius:999px;font-size:1rem;line-height:1;cursor:pointer}.tag-modal-panel{width:min(92vw,420px)}.tag-modal-panel .params-title{text-align:center}.tag-modal-body{padding:16px;display:grid;gap:12px}.tag-modal-actions{display:flex;gap:8px;justify-content:center}.tag-delete-list{display:flex;flex-wrap:wrap;gap:8px;max-height:240px;overflow:auto}.tag-delete-item{border:1px solid #3b6291;background:#0f1d31;color:#c5d8f1;border-radius:999px;padding:6px 12px;text-align:center;cursor:pointer;width:auto;flex:0 0 auto}.tag-delete-item.selected{border-color:#8e7a3b;background:#3a3118;color:#ffeeb8}.tag-delete-item[data-tag-global-action]{border-color:#7a5535;background:#2c1e14;color:#f0d5be}.tag-delete-item[data-tag-global-action]:hover,.tag-delete-item[data-tag-global-action]:focus-visible{border-color:#9a6d45;background:#3a281a;color:#ffe7cf}.tag-delete-item.disabled{border-color:#3b4250;background:#1c2029;color:#798394;cursor:not-allowed}.tag-edit-btn{border:1px solid #3b6291;background:#0f1d31;color:#b9cee9;border-radius:999px;padding:4px 10px;font-size:.72rem;line-height:1;cursor:pointer}.tag-edit-btn:hover,.tag-edit-btn:focus-visible{border-color:var(--accent);color:var(--accent-soft)}.gif-delete-btn{border:1px solid #6d4251;background:#2a1820;color:#eec4d1;border-radius:999px;padding:4px 10px;font-size:.72rem;line-height:1;cursor:pointer}.gif-delete-btn:hover,.gif-delete-btn:focus-visible{border-color:#8d5569}.upload-tag-input{border:1px solid #334d70;background:#0d1725;color:var(--ink);border-radius:8px;padding:6px 8px;min-width:min(280px,100%)}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px 12px;margin-bottom:10px}.admin-toolbar label{display:grid;gap:4px;font-size:.82rem;color:var(--ink-dim)}.admin-media-list{display:grid;gap:8px}.admin-media-row{display:grid;grid-template-columns:auto 72px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(72,107,148,.32);border-radius:10px;padding:10px;background:#10192799}.admin-media-check{display:inline-flex;align-items:center;justify-content:center}.admin-media-thumb{width:72px;height:72px;object-fit:contain;border:1px solid #2e4767;border-radius:8px;background:#0b1018}.admin-media-name{margin:0;color:#deebfc;font-size:.88rem;overflow-wrap:anywhere}.admin-media-sub{margin:4px 0 0;color:#8ea3bf;font-size:.78rem;overflow-wrap:anywhere}.admin-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-sticky-row{position:sticky;top:10px;z-index:15;padding:8px 10px;border:1px solid rgba(72,107,148,.32);border-radius:10px;background:#0d141eeb;backdrop-filter:blur(3px)}.admin-inline-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-edit-list{display:grid;gap:10px}.admin-edit-card{border:1px solid rgba(72,107,148,.32);border-radius:10px;background:#1019278f;padding:12px;display:grid;gap:10px}.admin-edit-card-unsaved{border-color:#c28c4ab3;background:#36251773}.admin-edit-grid{display:grid;gap:8px}.admin-edit-grid label{display:grid;gap:4px;font-size:.82rem;color:var(--ink-dim)}.admin-textarea{min-height:72px;resize:vertical}.admin-check{display:inline-flex!important;align-items:center;gap:8px}@media(max-width:760px){.admin-media-row{grid-template-columns:auto 64px minmax(0,1fr)}.admin-media-row .admin-inline-actions{grid-column:1 / -1}}