.cosplay-main{max-width:var(--home-width);margin:0 auto;padding:var(--gap-xl)var(--gap-lg)var(--gap-2xl)}.cosplay-intro{max-width:var(--content-width);margin:0 auto var(--gap-xl);text-align:center;font-family:var(--font-serif);font-size:.95rem;line-height:1.85;color:var(--ink-soft)}.cosplay-intro p{margin-bottom:var(--gap-sm)}.cosplay-view-toggle{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs);margin-bottom:var(--gap-xl)}.view-toggle-label{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);margin-right:var(--gap-sm)}.view-toggle-btn{font-family:var(--font-ui);font-size:.78rem;font-weight:500;color:var(--muted);background:var(--card-bg);border:1px solid var(--border);padding:.32em 1.12em;border-radius:4px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.view-toggle-btn:hover{color:var(--ink);border-color:var(--faint)}.view-toggle-btn.active{color:var(--paper);background:var(--wisteria-dim);border-color:var(--wisteria-dim)}.cosplay-hidden{display:none!important}.cosplay-group{margin-bottom:var(--gap-lg)}.cosplay-group:last-child{margin-bottom:0}.cosplay-group-title{display:flex;align-items:baseline;gap:var(--gap-sm);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em;color:var(--muted);margin:0 0 var(--gap-sm)var(--gap-md)}.cosplay-group-count{font-weight:400;letter-spacing:0;color:var(--muted)}.cosplay-entry{margin-bottom:var(--gap-lg);padding-bottom:var(--gap-lg);border-bottom:1px solid #d9d2c6}.cosplay-entry:last-child{border-bottom:none}.cosplay-entry-header{margin-bottom:var(--gap-md);cursor:pointer;transition:opacity .15s}.cosplay-entry-header:hover{opacity:.75}.cosplay-entry-title{display:flex;align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--gap-xs)}.cosplay-character{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--ink)}.cosplay-franchise{font-family:var(--font-ui);font-size:.7rem;color:var(--wisteria);letter-spacing:.04em;border:1px solid var(--wisteria-dim);border-radius:3px;opacity:.75;padding:.09em .7em}.cosplay-entry-meta{display:flex;align-items:center;gap:var(--gap-md);font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.cosplay-entry-meta .cosplay-location::before{content:'@';opacity:.5;margin-right:.17em}.cosplay-count{color:var(--faint)}.cosplay-entry-note{font-family:var(--font-mono);font-size:.7rem;color:var(--faint);margin-top:var(--gap-xs);white-space:pre-line}.cosplay-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap-sm);margin-left:calc(var(--gap-md) * 3)}.cosplay-photo-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;aspect-ratio:3/4;background:var(--card-bg);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.cosplay-photo-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,8%)}.cosplay-photo-item img{width:100%;height:100%;object-fit:cover;display:block}.cosplay-video-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;aspect-ratio:3/4;background:#101014;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.cosplay-video-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,8%)}.cosplay-video-item img,.cosplay-video-item video{width:100%;height:100%;object-fit:cover;display:block}.cosplay-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0 0 0 3px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font-size:.9rem;line-height:1;cursor:pointer;transition:background .2s,transform .2s}.cosplay-video-item:hover .cosplay-video-play{background:rgba(0,0,0,.65);transform:translate(-50%,-50%)scale(1.08)}.cosplay-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap-sm)}.cosplay-gallery-card{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.cosplay-gallery-card:hover{border-color:var(--faint);box-shadow:0 2px 12px rgba(0,0,0,4%)}.gallery-card-preview{position:relative;aspect-ratio:3/4;overflow:hidden;cursor:pointer;background:var(--border)}.gallery-card-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.cosplay-gallery-card:hover .gallery-card-preview img{transform:scale(1.03)}.gallery-card-media-tile{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#23232b,#101014);color:var(--wisteria-dim);font-size:1.2rem;padding:0 0 0 4px}.gallery-card-overlay{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.55);color:#fff;font-family:var(--font-mono);font-size:.6rem;padding:.1em .6em;border-radius:3px;pointer-events:none}.gallery-card-info{padding:var(--gap-xs)var(--gap-sm)}.gallery-card-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-bottom:2px}.gallery-card-title .cosplay-character{font-size:.8rem}.gallery-card-title .cosplay-franchise{font-size:.6rem}.gallery-card-meta{font-family:var(--font-mono);font-size:.62rem;color:var(--muted);display:flex;flex-direction:column;gap:0}.gallery-card-note{font-family:var(--font-mono);font-size:.58rem;color:var(--faint);margin-top:2px;white-space:pre-line}.cosplay-detail-mode .cosplay-intro{display:none}.cosplay-detail-mode .cosplay-entry-header{cursor:default}.cosplay-detail-mode .cosplay-entry-header:hover{opacity:1}.entry-detail-back{margin-bottom:var(--gap-lg)}.back-btn{font-family:var(--font-ui);font-size:.82rem;color:var(--muted);background:var(--card-bg);border:1px solid var(--border);padding:.38em 1.22em;border-radius:4px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.back-btn:hover{color:var(--ink);border-color:var(--faint)}.lightbox-overlay{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.88);align-items:center;justify-content:center;padding:40px}.lightbox-overlay.open{display:flex}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:2px;box-shadow:0 4px 32px rgba(0,0,0,.3)}.lightbox-close{position:absolute;top:16px;right:20px;background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.6;transition:opacity .2s;z-index:2001;line-height:1}.lightbox-close:hover{opacity:1}.lightbox-download{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,.12);border-radius:50%;color:#fff;transition:background .2s;text-decoration:none}.lightbox-download:hover{background:rgba(255,255,255,.25);color:#fff}.video-modal-player{max-width:100%;max-height:100%;border-radius:2px;box-shadow:0 4px 32px rgba(0,0,0,.3);background:#000}@media(max-width:768px){.cosplay-main{padding:var(--gap-xl)var(--gap-md)}.cosplay-photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cosplay-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lightbox-overlay{padding:24px}}@media(max-width:480px){.cosplay-group-title{margin-left:var(--gap-xs)}.cosplay-photo-grid{grid-template-columns:repeat(2,1fr);margin-left:var(--gap-md)}.cosplay-photo-item:last-child:nth-child(odd),.cosplay-video-item:last-child:nth-child(odd){grid-column:1/-1}.cosplay-gallery-grid{grid-template-columns:repeat(2,1fr)}.cosplay-entry-meta{flex-wrap:wrap;gap:var(--gap-sm)}}.cosplay-entry-notice{width:fit-content;max-width:100%;margin:var(--gap-xs)auto var(--gap-md);padding:var(--gap-sm)var(--gap-md);border:1px solid var(--wisteria);border-radius:4px;background:var(--wisteria-tint);color:var(--wisteria);font-family:var(--font-ui);font-size:.85rem;font-weight:500}