@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Syne:wght@400;700;800&family=Noto+Sans+JP:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090f;--card-bg:#0e1219;--card-border:#1a2030;--accent:#4fc3f7;--accent2:#f06292;--text:#cdd6e0;--muted:#4a5568}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Mono,monospace;overflow-x:hidden}.nebula-bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.gallery-header{z-index:1;border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090fb3;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:relative}.gallery-logo{color:var(--text);align-items:center;gap:8px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.gallery-logo-icon{width:24px;height:24px}.gallery-cta{background:var(--accent);color:var(--bg);border-radius:8px;padding:8px 20px;font-size:.8rem;font-weight:700;text-decoration:none;transition:filter .2s}.gallery-cta:hover{filter:brightness(1.15)}.gallery-cta-disabled{opacity:.5;cursor:not-allowed;border:none;font-family:Noto Sans JP,sans-serif}.gallery-cta-disabled:hover{filter:none}.gallery-hero{z-index:1;text-align:center;padding:48px 20px 32px;position:relative}.gallery-title{color:var(--accent);margin-bottom:8px;font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800}.gallery-subtitle{color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:.9rem}.gallery-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:20px 28px 60px;display:grid;position:relative}.gallery-loading{text-align:center;color:var(--muted);grid-column:1/-1;padding:60px 0}.gallery-card{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);cursor:pointer;border-radius:12px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.gallery-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px #4fc3f726}.gallery-card-img{aspect-ratio:16/10;background-color:var(--bg);background-position:50%;background-size:cover;width:100%}.gallery-card-info{padding:16px 20px}.gallery-card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:700;overflow:hidden}.gallery-card-meta{color:var(--muted);gap:10px;font-size:.8rem;display:flex}.gallery-card-category{color:var(--accent);background:#4fc3f71f;border-radius:4px;padding:2px 10px}.gallery-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.gallery-modal-inner{background:#0a0e16;border:1px solid #4fc3f740;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;height:100%;max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 40px #4fc3f714}.gallery-modal-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.gallery-modal-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-right:16px;font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:700;overflow:hidden}.gallery-modal-actions{flex-shrink:0;gap:8px;display:flex}.gallery-modal-btn{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .2s,border-color .2s;display:flex}.gallery-modal-btn:hover{background:#ffffff1f;border-color:#fff3}.gallery-modal-loading{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.gallery-modal-iframe{background:var(--bg);opacity:0;border:none;flex:1;width:100%;transition:opacity .3s}.gallery-modal-iframe.loaded{opacity:1}.gallery-modal-footer{background:#ffffff08;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.gallery-modal-link{color:var(--text);border-radius:6px;padding:8px 16px;font-size:.8rem;text-decoration:none;transition:color .2s}.gallery-modal-link:hover{color:var(--accent)}.gallery-modal-cta{background:var(--accent);color:var(--bg);border-radius:8px;padding:10px 28px;font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:filter .2s,transform .2s}.gallery-modal-cta:hover{filter:brightness(1.15);transform:translateY(-1px)}.gallery-modal:fullscreen{padding:0}.gallery-modal:fullscreen .gallery-modal-inner{max-width:100%;max-height:100%;box-shadow:none;border:none;border-radius:0}@media (width<=700px){.gallery-grid{grid-template-columns:1fr;gap:20px;padding:16px}.gallery-hero{padding:32px 16px 20px}.gallery-title{font-size:1.6rem}.gallery-header{padding:12px 16px}.gallery-modal{padding:12px}.gallery-modal-inner{border-radius:12px}.gallery-modal-title{font-size:.85rem}}