:root{--color-primary: #f39800;--color-secondary: #535353;--color-accent: #e5007f;--color-bg: #f9f9f9;--color-surface: #ffffff;--color-border: #e0e0e0;--font-base: "IBM Plex Sans JP", sans-serif;--radius-large: 40px;--radius-small: 6px;--shadow-card: 0 4px 12px rgba(0, 0, 0, .05);--shadow-float: 0 8px 16px rgba(243, 152, 0, .2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-base);color:var(--color-secondary);background-color:var(--color-bg);background-image:linear-gradient(#e5e5e5 1px,transparent 1px),linear-gradient(90deg,#e5e5e5 1px,transparent 1px);background-size:20px 20px;line-height:1.6}.site-header{padding:.85rem .8rem 0;position:sticky;top:0;z-index:100}.header-shell{max-width:2000px;margin:0 auto;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-small);box-shadow:var(--shadow-card);padding:.7rem .9rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.panel{scroll-margin-top:5rem}.brand h1{margin:0;font-size:1.35rem;color:var(--color-primary);font-weight:700;letter-spacing:.05em}.brand h1 a{color:inherit;text-decoration:none}.brand p{margin:.05rem 0 0;font-size:.8rem;color:#888}.menu-toggle{display:none}.nav{display:flex;align-items:center;gap:.5rem}.nav a{text-decoration:none;color:var(--color-secondary);font-weight:700;font-size:.82rem;border:1px solid var(--color-border);border-radius:999px;background:#fff;padding:.35rem .7rem;transition:border-color .2s,color .2s,background-color .2s}.nav a:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fff8eb}.announce-text{margin:0;font-size:.88rem;color:var(--color-secondary)}main{max-width:2000px;margin:1.5rem auto;padding:0 .8rem;display:flex;flex-direction:column;gap:1rem}.panel{background:var(--color-surface);border-radius:var(--radius-small);border-top-left-radius:var(--radius-large);padding:1.2rem;box-shadow:var(--shadow-card);border:1px solid var(--color-border);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--color-primary)}.panel h2{margin-top:0;font-size:1.5rem;color:var(--color-secondary);border-bottom:2px solid var(--color-border);padding-bottom:.5rem;margin-bottom:1rem;display:inline-block}.gallery-wrapper>section{margin:0;padding:0}.site-footer{margin-top:2rem;padding:1.2rem .8rem 2.2rem}.footer-shell{max-width:2000px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-small);box-shadow:var(--shadow-card);padding:1.2rem}.footer-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.footer-contact{text-decoration:none;font-size:.76rem;font-weight:700;color:var(--color-secondary);border:1px solid var(--color-border);border-radius:999px;background:#fff;padding:.34rem .7rem;transition:border-color .2s,color .2s,background-color .2s}.footer-contact:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fff8eb}.footer-kicker{margin:0;font-size:.72rem;color:#9a9a9a;text-transform:uppercase;letter-spacing:.08em}.footer-copy{margin:.9rem 0 0;font-size:.74rem;color:#8a8a8a;letter-spacing:.02em}.site-footer a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}details.panel>summary{list-style:none;cursor:pointer}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary h2{margin-bottom:0;display:inline-flex;align-items:center}details.panel>summary h2:after{content:"▼";font-size:.8rem;margin-left:1rem;color:var(--color-primary);transition:transform .2s}details[open]>summary h2:after{transform:rotate(180deg)}.upload-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.file-picker{border:2px dashed var(--color-primary);border-radius:var(--radius-small);background:#fffbf0;text-align:center;transition:background .2s}.file-picker:hover,.file-picker.drag-over{background:#ffe0b2}.file-picker input[type=file]{display:none}.file-picker-label{display:block;padding:1rem;cursor:pointer;color:var(--color-primary)}.file-picker-icon{font-size:3rem;display:block;line-height:1;margin-bottom:.5rem}.file-picker-text{font-weight:700;font-size:1.2rem;display:block}.file-picker-hint{font-size:.85rem;color:#888;display:block;margin-top:.5rem}.file-picker-name{padding:0 1rem 1rem;font-weight:700;color:var(--color-secondary);word-break:break-all}.file-preview{padding:1rem}.file-preview img,.file-preview video{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-small);border:1px solid var(--color-border)}.upload-form label{font-weight:700;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.upload-form input[type=text],.upload-form textarea{padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:inherit;font-size:1rem;transition:border-color .2s}.upload-form input[type=text]:focus,.upload-form textarea:focus{outline:none;border-color:var(--color-primary)}.notice{background:#f9f9f9;padding:1rem;border-radius:var(--radius-small);font-size:.85rem;border-left:4px solid var(--color-secondary)}.notice p{margin:0 0 .3rem}.notice ul{margin:.5rem 0 0;padding-left:1.5rem}button[type=submit]{background:var(--color-accent);color:#fff;border:none;padding:1rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 10px #e5007f4d}button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 14px #e5007f66}button[type=submit]:active{transform:translateY(0)}#filter-panel[hidden]{display:none}#filter-panel{margin-bottom:1.2rem;background:transparent;box-shadow:none;border:1px solid var(--color-border);border-top-left-radius:var(--radius-small);padding:.6rem 1rem}#filter-panel:before{display:none}#filter-panel>summary h2{font-size:.85rem;font-weight:700;color:#888}#filter-panel>summary h2:after{color:#aaa}.filter-body{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.filter-section{display:flex;flex-direction:column;gap:.4rem}.filter-section-label{font-size:.75rem;font-weight:700;color:#aaa;letter-spacing:.04em}.filter-event-list{display:flex;flex-wrap:wrap;gap:.4rem}.filter-event-option{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1.2rem;border:2px solid var(--color-primary);border-radius:999px;background:#fff;color:var(--color-primary);font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.filter-event-option:hover{background:#fff5e0}.filter-event-option:has(input[type=radio]:checked){background:var(--color-primary);color:#fff;box-shadow:0 3px 8px #f3980059}.filter-event-option input[type=radio]{display:none}.filter-category-section{display:flex;flex-direction:column;gap:.4rem}.filter-category-section[hidden]{display:none}.filter-category-options{display:flex;flex-wrap:wrap;gap:.4rem}.filter-category-option{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border:1px solid var(--color-primary);border-radius:999px;font-size:.8rem;font-weight:700;cursor:pointer;background:#fff;color:var(--color-primary);transition:background .15s,color .15s}.filter-category-option:has(input[type=radio]:checked){background:var(--color-primary);color:#fff}.filter-category-option input[type=radio]{display:none}.filter-clear{align-self:flex-start;padding:.3rem 1rem;border:1px solid #ccc;border-radius:999px;background:#fff;color:#888;font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}.filter-clear:hover{border-color:var(--color-primary);color:var(--color-primary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.card{background:var(--color-surface);border-radius:var(--radius-small);overflow:hidden;box-shadow:var(--shadow-card);position:relative;display:flex;flex-direction:column;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease,box-shadow .2s}.card.visible{opacity:1;transform:translateY(0)}.card.visible:hover{transform:translateY(-4px);box-shadow:var(--shadow-float);z-index:10}.thumb{cursor:pointer;aspect-ratio:16 / 9;background-color:#eee;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.thumb:hover img{transform:scale(1.05)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;pointer-events:none;transition:background .2s}.thumb:hover .play-overlay{background:#000000bf}.card-body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.card-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:space-between}.card-row-left{display:flex;align-items:center;gap:.5rem}.card-row-right{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.author-name{font-weight:700;color:var(--color-primary);background:#fff5e0;padding:2px 6px;border-radius:4px;font-size:.8rem}.event-badges{display:flex;flex-wrap:wrap;gap:.3rem}.event-badge-name,.event-badge-category{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.event-badge-name{background:#fff0d0;color:var(--color-secondary);border:1px solid var(--color-primary)}.event-badge-category{background:#f0f0f0;color:#555;border:1px solid #ccc}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.card-footer time{font-size:.8rem;color:#888}.pid,.twitter{display:inline-block;font-size:.75rem;font-weight:700;color:#555;background:#f0f0f0;padding:3px 8px;border-radius:9999px}.pid{color:var(--color-primary);background:#fff5e0}.twitter{color:#1da1f2;background:#e8f5fe;text-decoration:none}.caption{font-size:.9rem;margin:0;word-break:break-all;line-height:1.4;white-space:pre-wrap}.card-footer-actions{display:flex;gap:.4rem}.share-x-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid #ccc;color:#888;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:400;text-decoration:none;transition:all .2s}.share-x-button:hover{border-color:#000;color:#000;background:#f5f5f5}.report-button,.delete-button{background:transparent;border:1px solid #ccc;color:#888;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.report-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fff8eb}.delete-button:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}.load-more{display:block;margin:2rem auto;padding:.8rem 3rem;background:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-primary);font-weight:700;border-radius:50px;cursor:pointer;transition:all .2s}.load-more:hover{background:var(--color-primary);color:#fff}.load-more:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;background:transparent}.status{text-align:center;margin-top:1rem;font-weight:700}.status[data-tone=error]{color:red}.status[data-tone=success]{color:var(--color-primary)}.status[data-tone=info]{color:var(--color-secondary)}.event-section-lead{font-size:.85rem;font-weight:700;color:var(--color-secondary);margin:0 0 0rem;text-align:center;width:100%}#event-section{background:#fffbf0;border:1px solid var(--color-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-small);padding:1rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}#event-section[hidden]{display:none}.event-join-label{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:.95rem;cursor:pointer}.event-join-label input[type=checkbox]{display:none}.event-join-label span{display:inline-block;padding:.5rem 1.2rem;border:2px solid var(--color-primary);border-radius:999px;background:#fff;color:var(--color-primary);font-weight:700;font-size:.9rem;transition:background .15s,color .15s,box-shadow .15s}.event-join-label:hover span{background:#fff5e0}.event-join-label input[type=checkbox]:checked+span{background:var(--color-primary);color:#fff;box-shadow:0 3px 8px #f3980059}#event-category-section{width:100%;text-align:center}#event-category-section[hidden]{display:none}.event-category-label{font-size:.85rem;font-weight:700;color:var(--color-secondary);margin:0 0 .5rem}.event-category-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.event-category-option{display:flex;align-items:center;cursor:pointer}.event-category-option input[type=radio]{display:none}.event-category-option{font-size:.875rem;font-weight:700}.event-category-options label{display:inline-flex;align-items:center;padding:.35rem .9rem;border:2px solid var(--color-primary);border-radius:999px;background:#fff;color:var(--color-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.event-category-options label:has(input[type=radio]:checked){background:var(--color-primary);color:#fff}.complete-card{margin-top:0rem;padding:1.2rem;background:#fff5e8;border-radius:var(--radius-small);border-left:4px solid var(--color-primary);display:flex;flex-direction:column;gap:1rem}.complete-card[hidden]{display:none}.complete-card-title{margin:0;font-weight:700;font-size:1rem;color:var(--color-primary)}.complete-card-body{display:flex;flex-direction:column;gap:.6rem}.complete-thumb{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-small);border:1px solid var(--color-border);background:#f3f3f3}.complete-card-label{margin:0;font-weight:700;font-size:1rem;color:var(--color-accent)}.delete-key-box{display:inline-flex;align-items:center;gap:.6rem}.delete-key-box code{display:inline-block;padding:.5rem 1rem;min-width:8rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.3rem;font-weight:700;background:#fff;color:var(--color-accent);border-radius:4px;border:2px solid var(--color-accent);word-break:break-all;letter-spacing:.1em}#copy-delete-key{padding:.4rem 1.1rem;border-radius:999px;border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,transform .1s}#copy-delete-key:hover{background:var(--color-primary);color:#fff;box-shadow:0 3px 8px #f3980066;transform:translateY(-1px)}#copy-delete-key:active{transform:translateY(0);box-shadow:0 1px 4px #00000026}.complete-meta{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.85rem}.complete-meta[hidden]{display:none}.complete-meta dt{font-weight:700;color:var(--color-secondary);white-space:nowrap}.complete-meta dd{margin:0;color:var(--color-secondary);word-break:break-all}.complete-card-hint{margin:0;font-size:.85rem;color:var(--color-secondary);background:#fff;border-radius:var(--radius-small);padding:.6rem .8rem;border:1px solid var(--color-border)}.complete-card-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.complete-cancel{padding:.4rem 1.1rem;border-radius:999px;border:1px solid var(--color-accent);background:#fff;color:var(--color-accent);font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}.complete-cancel:hover{background:var(--color-accent);color:#fff}.complete-cancel:disabled{opacity:.5;cursor:not-allowed}.complete-close{padding:.4rem 1.4rem;border-radius:999px;border:1px solid var(--color-border);background:#fff;color:var(--color-secondary);font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}.complete-close:hover{background:var(--color-secondary);color:#fff}:root{--modal-vh: 92vh;--modal-close-h: 44px;--modal-info-min-h: 120px;--modal-max-w: 92vw}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#000000bf}.modal-content{position:relative;display:flex;flex-direction:column;width:fit-content;max-width:var(--modal-max-w);max-height:var(--modal-vh)}.modal-body{display:flex;flex-direction:column;width:100%;max-height:calc(var(--modal-vh) - var(--modal-close-h));border-radius:8px;box-shadow:0 8px 48px #00000080}.modal-close{align-self:flex-end;flex-shrink:0;margin-bottom:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:var(--color-surface);color:var(--color-secondary);font-size:1.3rem;box-shadow:0 2px 8px #0000004d}.modal-close:hover{background:#f0f0f0}.modal-media{flex-shrink:0;font-size:0;background:#00000073;border-radius:8px 8px 0 0;overflow:hidden}.modal-media img,.modal-media video{display:block;width:100%;height:auto;max-width:var(--modal-max-w);max-height:calc(var(--modal-vh) - var(--modal-close-h) - var(--modal-info-min-h));object-fit:contain}.modal-media img[hidden],.modal-media video[hidden]{display:none}.modal-media video{cursor:pointer}.modal-media{position:relative}.modal-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;pointer-events:none;transition:background .2s}.modal-play-overlay[hidden]{display:none}.modal-media:hover .modal-play-overlay:not([hidden]){background:#000000bf}.modal-info{flex-shrink:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-surface);border-radius:0 0 8px 8px}.modal-info[hidden]{display:none}.modal-info-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;min-width:0}.modal-info-row-right{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.modal-info-author{font-weight:700;font-size:.8rem;color:var(--color-primary);background:#fff5e0;padding:2px 6px;border-radius:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-info-caption{margin:0;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.modal-info-footer{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:.4rem;margin-top:auto}.modal-info-time{font-size:.8rem;color:#888;white-space:nowrap}.modal-info-actions{display:flex;gap:.4rem;flex-shrink:0}.modal-report-button,.modal-delete-button{padding:.4rem .8rem;border:1px solid #ccc;border-radius:20px;background:transparent;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s}.modal-report-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fff8eb}.modal-delete-button:hover{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0}@media(orientation:landscape)and (max-height:600px){.modal-content{flex-direction:row;align-items:flex-start;width:auto;max-width:98vw;max-height:var(--modal-vh)}.modal-close{position:absolute;top:0;right:0;transform:translate(30%,-30%);align-self:unset;margin-bottom:0;z-index:1}.modal-body{flex-direction:row;align-items:stretch;width:auto;max-height:var(--modal-vh)}.modal-media{flex-shrink:0;border-radius:8px 0 0 8px}.modal-media img,.modal-media video{width:auto;height:100%;max-width:70vw;max-height:var(--modal-vh)}.modal-info{width:220px;min-width:180px;max-width:260px;max-height:var(--modal-vh);overflow-y:auto;border-radius:0 8px 8px 0}}#delete-modal,#report-modal{z-index:1002}.confirm-dialog{position:relative;width:90vw;max-width:400px;padding:2rem;background:var(--color-surface);border-radius:var(--radius-small);box-shadow:0 8px 40px #0000004d}.confirm-dialog h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--color-secondary)}.confirm-dialog p{margin:0 0 1rem;font-size:.9rem;color:#888}.confirm-dialog input[type=text]{width:100%;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-small);font-family:inherit;font-size:1rem}.confirm-dialog input[type=text]:focus{outline:none;border-color:var(--color-primary)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel,.btn-confirm,.btn-report{padding:.6rem 1.2rem;border:none;border-radius:20px;font-weight:700;font-size:.9rem;cursor:pointer}.btn-cancel{background:var(--color-border);color:var(--color-secondary)}.btn-cancel:hover{background:#ccc}.btn-confirm{background:#ff4d4f;color:#fff}.btn-confirm:hover{background:#e04040}.btn-confirm:disabled,.btn-report:disabled{background:#ccc;color:#999;cursor:not-allowed;box-shadow:none}.btn-report{background:var(--color-primary);color:#fff}.btn-report:hover{background:#d98800}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}@media(max-width:600px){.site-header{padding:.5rem .5rem 0}.header-shell{padding:.55rem .65rem;border-top-width:3px;flex-wrap:wrap}.brand h1{font-size:1rem}.brand p{font-size:.7rem}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-small);cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--color-secondary);border-radius:1px;transition:transform .2s,opacity .2s}.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav{display:none;width:100%;flex-direction:column;gap:.45rem;font-size:.9rem;border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.65rem}.nav.open{display:flex}.nav a{width:100%;margin:0;padding:.5rem .7rem;text-align:center}.grid{grid-template-columns:1fr}.footer-shell{padding:1rem}.footer-head{flex-wrap:wrap}.footer-contact{width:100%;text-align:center}}