:root{--bg-primary: #08090c;--bg-secondary: #101217;--bg-card: rgba(18, 20, 26, .75);--bg-card-hover: rgba(24, 27, 36, .9);--bg-overlay: rgba(6, 7, 10, .92);--border-subtle: rgba(255, 255, 255, .07);--border-active: rgba(255, 255, 255, .2);--text-main: #f4f4f7;--text-muted: #8e94a0;--text-dim: #555a66;--accent-vermilion: #d93848;--accent-gold: #c5a059;--accent-silver: #d1d5db;--accent-spotify: #1db954;--accent-spotify-hover: #1ed760;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif-jp: "Shippori Mincho", "Noto Serif JP", serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-card: 0 12px 32px -8px rgba(0, 0, 0, .65);--shadow-hover: 0 20px 44px -10px rgba(0, 0, 0, .85);--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#06070afa}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px;border:2px solid rgba(6,7,10,.98)}::-webkit-scrollbar-thumb:hover{background:#ffffff61}::-webkit-scrollbar-thumb:active{background:#fff9}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(6,7,10,.98)}html{font-size:16px;scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden;background:var(--bg-primary);position:relative}.ambient-glow{position:fixed;top:-10%;left:25%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(217,56,72,.02) 0%,rgba(197,160,89,.01) 60%,transparent 80%);filter:blur(100px);pointer-events:none;z-index:0}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.15rem 2.5rem;background:#08090ce0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.nav-brand{display:flex;align-items:center;gap:1rem}.kanji-seal{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--accent-vermilion);color:#fff;font-family:var(--font-serif-jp);font-size:1rem;font-weight:700;border-radius:var(--radius-sm);box-shadow:0 4px 12px #d9384840;letter-spacing:.05em}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:.12em;color:var(--text-main)}.brand-sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;color:var(--text-muted)}.header-stats{display:flex;align-items:center;gap:2rem}.stat-badge{display:flex;flex-direction:column;align-items:center}.stat-num{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-main)}.stat-lbl{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;color:var(--text-dim)}.nav-controls{display:flex;align-items:center;gap:.75rem}.btn-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:#ffffff1a;color:var(--text-main);border-color:var(--border-active)}.btn-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:var(--transition-fast)}.btn-pill:hover{background:#ffffff1a;border-color:var(--border-active)}.btn-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold)}.spotify-nav-btn{border-color:#1db9544d!important;background:#1db95414!important;color:#1db954!important}.spotify-nav-btn:hover{background:#1db9542e!important;border-color:var(--accent-spotify)!important}.spotify-nav-btn.connected{border-color:var(--accent-spotify)!important;background:#1db95429!important;color:#fff!important}.hero-section{position:relative;padding:4.5rem 2.5rem 3rem;max-width:1300px;margin:0 auto;overflow:hidden}.hero-backdrop-text{position:absolute;top:-1rem;right:-2rem;font-family:var(--font-serif-jp);font-size:14rem;font-weight:700;color:#ffffff05;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.hero-content{position:relative;z-index:2;max-width:820px}.hero-tag{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;color:var(--accent-gold);margin-bottom:1.25rem}.tag-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent-gold)}.hero-title{font-family:var(--font-serif-jp);font-size:3.2rem;font-weight:700;line-height:1.15;letter-spacing:.02em;color:var(--text-main);margin-bottom:1.25rem}.title-line{display:block}.hero-desc{font-size:1.05rem;line-height:1.65;color:var(--text-muted);margin-bottom:2rem;max-width:680px}.hero-meta-row{display:flex;flex-wrap:wrap;gap:1.75rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.filter-section{position:sticky;top:67px;z-index:90;padding:1rem 2.5rem;background:#08090cd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.filter-wrapper{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.category-tabs{display:flex;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.cat-tab:hover{color:var(--text-main);background:#ffffff0a}.cat-tab.active{color:var(--text-main);background:#ffffff14;border-color:var(--border-active);font-weight:600}.cat-tab .jp-sub{font-family:var(--font-serif-jp);font-size:.7rem;color:var(--text-dim)}.search-sort-box{display:flex;align-items:center;gap:.85rem}.discreet-toggle-switch{display:flex;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-full);padding:2px}.toggle-option{background:transparent;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:.68rem;font-weight:500;padding:.25rem .6rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);letter-spacing:.03em}.toggle-option:hover{color:var(--text-muted)}.toggle-option.active{background:#ffffff14;color:var(--text-main);font-weight:600}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:.6rem;padding:.45rem .9rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:220px;transition:var(--transition-fast)}.search-input-wrapper:focus-within{width:270px;border-color:var(--border-active);background:#ffffff0f}.search-input-wrapper svg{color:var(--text-dim);flex-shrink:0}.search-input-wrapper input{width:100%;background:transparent;border:none;outline:none;color:var(--text-main);font-family:var(--font-body);font-size:.8rem}.gallery-section{padding:2.5rem 2.5rem 6rem;max-width:1300px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.photo-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.photo-card:hover{border-color:var(--border-active)}.photo-card.is-grouped-card{box-shadow:0 4px 20px #00000040}.card-img-container{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#0d0f14}.card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.photo-card:hover .card-img{transform:scale(1.02)}.card-header-overlay{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}.card-badge-cluster{display:flex;align-items:center;gap:.35rem}.card-kanji-tag{font-family:var(--font-mono);font-size:.65rem;padding:.25rem .5rem;background:#08090cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:4px;letter-spacing:.08em}.card-variant-stack-badge{font-family:var(--font-mono);font-size:.62rem;font-weight:700;padding:.2rem .45rem;background:#2d78ff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(70,150,255,.6);color:#9cd0ff;border-radius:4px;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.25rem}.card-variant-stack-badge .stack-icon{font-size:.72rem}.card-variant-tag{font-family:var(--font-mono);font-size:.6rem;font-weight:600;padding:.2rem .45rem;background:#2d78ff40;border:1px solid rgba(45,120,255,.5);color:#70aaff;border-radius:4px;letter-spacing:.06em}.card-variant-pills-strip{position:absolute;bottom:.6rem;left:.6rem;right:.6rem;display:flex;align-items:center;gap:.3rem;overflow-x:auto;scrollbar-width:none;padding:.25rem .4rem;background:#080a0ec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:6px;z-index:3;opacity:.9;transition:opacity .2s ease,transform .2s ease}.card-variant-pills-strip::-webkit-scrollbar{display:none}.card-variant-pill-btn{background:transparent;border:1px solid transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:.58rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.card-variant-pill-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.card-variant-pill-btn.active{color:#fff;background:#2d78ff66;border-color:#4696ffb3;font-weight:700}.card-song-var-tag{font-family:var(--font-mono);font-size:.6rem;font-weight:600;padding:.1rem .35rem;background:#ffaf2d2e;border:1px solid rgba(255,175,45,.4);color:#ffc266;border-radius:3px;letter-spacing:.04em;margin-left:auto}.card-hero-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:700;padding:.2rem .45rem;background:var(--accent-vermilion);color:#fff;border-radius:3px;letter-spacing:.1em}.card-body{padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem}.card-title-line{display:flex;align-items:center;justify-content:space-between}.card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-main);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-meta-line{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.card-location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.card-exif{white-space:nowrap;flex-shrink:0}.card-track-line{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;padding:.35rem .6rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;font-size:.72rem;color:var(--text-muted);transition:background .2s ease;overflow:hidden;max-width:100%}.track-info-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1;min-width:0}.card-track-line:hover{background:#ffffff0f;color:var(--text-main)}.track-info-text strong{color:var(--text-main)}.empty-state{text-align:center;padding:6rem 2rem}.empty-kanji{font-family:var(--font-serif-jp);font-size:4rem;color:var(--text-dim);opacity:.25;margin-bottom:1rem}.audio-dock{display:flex;align-items:center;gap:.5rem;position:fixed;bottom:1.75rem;right:2rem;left:auto;transform:none;z-index:1100;width:auto;max-width:520px;transition:all .3s cubic-bezier(.16,1,.3,1)}.dock-collapse-handle{width:32px;height:32px;border-radius:50%;background:#0e1016eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:var(--transition-fast);box-shadow:0 8px 24px #0009}.dock-collapse-handle:hover{background:#ffffff2e;border-color:#ffffff4d;transform:scale(1.08)}.audio-dock.collapsed .audio-dock-inner{padding:4px;border-radius:50%;gap:0;width:48px;height:48px;justify-content:center;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 32px #000000d9;cursor:pointer}.audio-dock.collapsed .audio-album-art{width:40px;height:40px;border-radius:50%;cursor:pointer;display:block!important;transition:transform .2s ease}.audio-dock.collapsed .audio-album-art:hover{transform:scale(1.08)}.audio-dock.collapsed .audio-track-info,.audio-dock.collapsed .audio-seek-wrapper,.audio-dock.collapsed .audio-controls{display:none!important}.audio-dock-inner{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.65rem 1.15rem;background:#0e1016f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);box-shadow:0 16px 40px #000c;max-width:480px}.audio-album-art{width:34px;height:34px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.audio-track-info{display:flex;flex-direction:column;flex:1;min-width:0;max-width:150px}.track-name-scroller{display:flex;flex-direction:column;min-width:0}.track-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.track-artist{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem;max-width:150px}.track-title.has-marquee,.track-artist.has-marquee,.track-badge-name.has-marquee{overflow:hidden;position:relative;width:100%;max-width:150px;mask-image:linear-gradient(to right,transparent 0%,black 6px,black calc(100% - 6px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 6px,black calc(100% - 6px),transparent 100%)}.marquee-track{display:inline-flex;white-space:nowrap;animation:marquee-infinite 12s linear infinite}.marquee-text{display:inline-block;white-space:nowrap}@keyframes marquee-infinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.audio-seek-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:140px;max-width:250px}.seek-time-text{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);min-width:28px;text-align:center}.seek-bar-track{position:relative;flex:1;height:5px;background:#ffffff1f;border-radius:var(--radius-full);display:flex;align-items:center;overflow:hidden}.seek-fill-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-gold);border-radius:var(--radius-full);pointer-events:none;transition:width .1s linear}.audio-seek-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.audio-controls{display:flex;align-items:center;gap:.5rem}.btn-audio-play{width:36px;height:36px;border-radius:50%;background:#fff;border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.btn-audio-play:hover{transform:scale(1.06);background:#f0f0f0}.btn-audio-ctl{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.btn-audio-ctl:hover{background:#ffffff1f;color:var(--text-main)}.spotify-btn.connected{color:var(--accent-spotify)!important;border-color:#1db95466!important}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1)}.lightbox-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06070af5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:0;opacity:0;transition:opacity .4s ease}.lightbox-overlay.active .lightbox-backdrop{opacity:1}.lightbox-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem 2rem;background:linear-gradient(180deg,#040508e6,#04050800);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.lightbox-header:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;pointer-events:inherit;z-index:-1}.lightbox-overlay.active .lightbox-header.visible,.lightbox-overlay.active .lightbox-header:hover,.lightbox-overlay.active .lightbox-header:focus-within{opacity:1;transform:translateY(0);pointer-events:auto}.lightbox-counter{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.15em;color:var(--text-muted)}.lightbox-header-actions{display:flex;align-items:center;gap:.6rem}.zoom-controls-group{display:flex;align-items:center;gap:2px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.zoom-controls-group .btn-lightbox-icon{border:none;background:transparent;width:34px;height:34px}.btn-lightbox-text{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;padding:0 .4rem;cursor:pointer;min-width:44px;text-align:center;transition:var(--transition-fast)}.btn-lightbox-text:hover,.btn-lightbox-text.active{color:var(--text-main)}.btn-lightbox-icon{background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.btn-lightbox-icon:hover{background:#ffffff24;color:var(--text-main)}.btn-lightbox-icon.active{background:#fff3;border-color:#ffffff59;color:#fff}.btn-lightbox-icon.close-btn:hover{background:var(--accent-vermilion);color:#fff}.lightbox-stage{position:relative;z-index:5;flex:1;display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:hidden;width:100vw;height:100vh}.lightbox-image-wrapper{position:relative;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:0;cursor:zoom-in;-webkit-user-select:none;user-select:none;touch-action:none;transform:scale(.93);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease}.lightbox-overlay.active .lightbox-image-wrapper.loaded{transform:scale(1);opacity:1}.lightbox-image-wrapper img{max-width:100vw;max-height:100vh;width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;transition:max-height .35s cubic-bezier(.16,1,.3,1),transform .1s ease-out}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:15;background:#0e101699;border:1px solid var(--border-subtle);color:var(--text-main);width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition-fast)}.lightbox-nav-btn.prev{left:1.5rem}.lightbox-nav-btn.next{right:1.5rem}.lightbox-nav-btn:hover{background:#ffffff29;transform:scale(1.05)}.lightbox-info-trigger{position:fixed;bottom:1.75rem;left:2rem;width:38px;height:38px;border-radius:50%;background:#0e1016e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);color:var(--text-main);font-family:var(--font-serif-jp);font-size:1.05rem;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:120;opacity:.1;transition:opacity .25s ease,transform .2s ease,background .2s ease,border-color .2s ease;pointer-events:auto}.lightbox-info-trigger:hover,.lightbox-info-trigger.near-cursor{opacity:1!important;background:#161922f5;border-color:#ffffff40;transform:scale(1.06);box-shadow:0 4px 16px #0009}.lightbox-overlay.details-visible .lightbox-info-trigger,.lightbox-drawer.active~.lightbox-info-trigger{display:none!important;opacity:0!important;pointer-events:none!important}.lightbox-drawer{position:fixed;bottom:1.75rem;left:2rem;right:auto;transform:translateY(15px);opacity:0;pointer-events:none;z-index:10;background:#0e1016eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:.75rem 2.4rem .75rem 1.15rem;max-width:590px;width:calc(100% - 4rem);margin:0;border-radius:var(--radius-md);box-shadow:0 16px 40px #000000d9;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.lightbox-drawer.active{transform:translateY(0);opacity:1;pointer-events:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.drawer-close-btn{position:absolute;top:.65rem;right:.65rem;background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:.85rem;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);z-index:15}.drawer-close-btn:hover{color:var(--text-main);background:#ffffff1f;border-color:#fff3}.drawer-titles{display:flex;flex-direction:column;gap:.15rem}.drawer-top-tags{display:flex;align-items:center;gap:.45rem}.drawer-kanji{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);letter-spacing:.08em}.drawer-variant-badge{font-family:var(--font-mono);font-size:.58rem;font-weight:700;padding:.15rem .4rem;background:#2d78ff40;border:1px solid rgba(45,120,255,.5);color:#8bbaff;border-radius:3px;letter-spacing:.08em;text-transform:uppercase}.drawer-title{font-family:var(--font-display);font-size:1.02rem;font-weight:700;color:var(--text-main);margin:.1rem 0}.drawer-loc{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.drawer-track-badge{position:relative;display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:.35rem .65rem;border-radius:var(--radius-sm);flex-shrink:0;transition:border-color .2s ease,background .2s ease}.drawer-track-badge:hover{background:#ffffff12;border-color:#ffffff26}.track-badge-info{display:flex;flex-direction:column;gap:.1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.track-badge-info:hover .track-badge-name{color:var(--accent-cyan, #00f0ff);text-decoration:underline;text-underline-offset:3px}.track-info-hint{font-size:.65rem;color:var(--text-dim);opacity:.6;margin-left:2px;transition:opacity .2s ease,color .2s ease}.track-badge-info:hover .track-info-hint{opacity:1;color:var(--accent-cyan, #00f0ff)}.track-badge-top{display:flex;align-items:center;gap:.35rem}.track-badge-name{font-size:.74rem;font-weight:600;color:var(--text-main);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.track-song-variant{font-family:var(--font-mono);font-size:.55rem;font-weight:600;padding:.1rem .3rem;background:#ffaf2d33;border:1px solid rgba(255,175,45,.45);color:#ffc266;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.track-badge-artist{font-size:.65rem;color:var(--text-muted);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-thematic-popover{position:absolute;bottom:calc(100% + 12px);right:0;width:320px;max-width:calc(100vw - 3.5rem);background:#0c0e14f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);padding:.85rem 1rem;box-shadow:0 20px 50px #000000e6,0 0 1px #fff3;z-index:50;opacity:0;pointer-events:none;transform:translateY(8px) scale(.96);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.track-thematic-popover.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.track-thematic-popover:after{content:"";position:absolute;bottom:-6px;right:28px;width:10px;height:10px;background:#0c0e14f5;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);transform:rotate(45deg)}.popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.popover-title-row{display:flex;align-items:center;gap:.35rem}.popover-icon{font-size:.85rem}.popover-tag{font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:var(--accent-cyan, #00f0ff);letter-spacing:.1em}.popover-close-btn{background:transparent;border:none;color:var(--text-dim);font-size:.72rem;cursor:pointer;padding:2px 6px;border-radius:3px;line-height:1;transition:color .2s ease,background .2s ease}.popover-close-btn:hover{color:#fff;background:#ffffff1a}.popover-mood-badge{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:#ffca7a;background:#ffb4321f;border:1px solid rgba(255,180,50,.3);padding:.25rem .5rem;border-radius:4px;margin-bottom:.5rem;line-height:1.35}.popover-meaning-text{font-size:.76rem;line-height:1.45;color:var(--text-main);margin:0;opacity:.9}.btn-play-soundtrack{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:var(--text-main);width:24px;height:24px;border-radius:50%;font-size:.65rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-play-soundtrack:hover{background:#ffffff47;transform:scale(1.08)}.drawer-story-wrapper{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;margin-bottom:.25rem}.drawer-story{font-size:.78rem;line-height:1.38;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin:0}.drawer-story.expanded{white-space:normal;overflow:visible;text-overflow:clip}.btn-expand-story{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-main);width:18px;height:18px;border-radius:50%;font-size:.65rem;font-weight:700;font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast);padding:0;line-height:1}.drawer-variants-strip{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;margin-bottom:.35rem;padding:.35rem .55rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow-x:auto;scrollbar-width:none}.drawer-variants-strip::-webkit-scrollbar{display:none}.variants-strip-label{font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:var(--accent-cyan, #00f0ff);letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.variants-chips-container{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.variant-chip-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);font-family:var(--font-mono);font-size:.62rem;font-weight:600;padding:.2rem .55rem;border-radius:4px;white-space:nowrap;cursor:pointer;transition:var(--transition-fast)}.variant-chip-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.variant-chip-btn.active{color:#fff;background:#2d78ff66;border-color:#4696ffcc;font-weight:700;box-shadow:0 0 10px #2d78ff4d}.exif-inline-row{display:flex;align-items:center;flex-wrap:nowrap;gap:.35rem;font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);margin-top:.35rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.exif-inline-row::-webkit-scrollbar{display:none}.exif-item,.exif-sep{white-space:nowrap!important;flex-shrink:0;line-height:1}.exif-sep{color:var(--text-dim);opacity:.5}.exif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}.exif-chip{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:.35rem .6rem;border-radius:var(--radius-sm);display:flex;flex-direction:column}.exif-lbl{font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:var(--text-dim);letter-spacing:.08em}.exif-val{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-main);margin-top:1px}.spotify-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.spotify-modal-overlay.open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06070ae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.spotify-modal-dialog{position:relative;width:100%;max-width:540px;background:#0e1016f5;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 24px 50px #000000d9;overflow:hidden;display:flex;flex-direction:column;max-height:85vh;transform:scale(.96);transition:transform .3s cubic-bezier(.16,1,.3,1)}.spotify-modal-overlay.open .spotify-modal-dialog{transform:scale(1)}.spotify-modal-dialog .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.modal-header-title{display:flex;align-items:center;gap:.75rem}.modal-header-title h2{font-family:var(--font-display);font-size:1rem;letter-spacing:.08em;color:var(--text-main)}.btn-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-modal-close:hover{color:var(--text-main);background:#ffffff14}.spotify-tab-nav{display:flex;border-bottom:1px solid var(--border-subtle);background:#0003}.tab-btn{flex:1;padding:.85rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.tab-btn:hover:not(:disabled){color:var(--text-main);background:#ffffff08}.tab-btn.active{color:var(--accent-spotify);border-bottom-color:var(--accent-spotify);background:#1db9540d}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.spotify-modal-dialog .modal-body{padding:1.35rem 1.5rem;overflow-y:auto}.spotify-connect-form{display:flex;flex-direction:column;gap:1.15rem}.form-intro p{font-size:.85rem;line-height:1.5;color:var(--text-muted)}.setup-steps-container{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:.9rem 1.1rem}.steps-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.6rem}.setup-steps{padding-left:1.1rem;display:flex;flex-direction:column;gap:.55rem;font-size:.82rem;color:var(--text-main)}.setup-steps a{color:var(--accent-spotify);text-decoration:underline}.code-copy-box{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.3rem .55rem;border-radius:var(--radius-sm);margin-top:.3rem}.code-copy-box code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-main)}.btn-copy{background:#ffffff1a;border:none;color:var(--text-main);font-family:var(--font-mono);font-size:.68rem;padding:.2rem .45rem;border-radius:3px;cursor:pointer}.btn-copy:hover{background:#fff3}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-group label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--text-muted)}.input-group input{width:100%;padding:.75rem .9rem;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.82rem;outline:none}.input-group input:focus{border-color:var(--accent-spotify)}.btn-spotify-connect{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.25rem;background:var(--accent-spotify);border:none;border-radius:var(--radius-full);color:#000;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.05em;cursor:pointer;transition:var(--transition-smooth)}.btn-spotify-connect:hover{background:var(--accent-spotify-hover)}.spotify-search-container{display:flex;flex-direction:column;gap:.9rem}.search-input-box{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.search-input-box input{width:100%;background:transparent;border:none;outline:none;color:var(--text-main);font-family:var(--font-body);font-size:.85rem}.search-results-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.spotify-track-card{display:flex;align-items:center;gap:.8rem;padding:.55rem .75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.spotify-track-card:hover{background:#ffffff0f;border-color:#ffffff1f}.track-album-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover}.track-details{flex:1;min-width:0}.track-title-text{font-size:.85rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist-text{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.btn-play-track-now{display:flex;align-items:center;gap:.3rem;padding:.35rem .65rem;background:var(--accent-spotify);border:none;border-radius:var(--radius-full);color:#000;font-family:var(--font-mono);font-size:.68rem;font-weight:700;cursor:pointer}@media (max-width: 992px){.site-header{padding:1rem 1.5rem}.header-stats{display:none}.hero-section{padding:3.5rem 1.5rem 2rem}.filter-section{padding:.75rem 1.5rem}.gallery-section{padding:2rem 1.5rem 5rem}}@media (max-width: 768px){.hero-title{font-size:2.2rem}.filter-wrapper{flex-direction:column;align-items:stretch;gap:.75rem}.search-input-wrapper{width:100%}.search-input-wrapper:focus-within{width:100%}.audio-dock{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;max-width:calc(100vw - 1.5rem);z-index:1100}.audio-dock-inner{padding:.5rem .85rem;gap:.5rem;max-width:100%}.audio-track-info,.track-title,.track-artist{max-width:120px}.audio-seek-wrapper{min-width:70px;max-width:110px;gap:.35rem}.seek-time-text{font-size:.62rem;min-width:22px}.lightbox-info-trigger{left:1rem;bottom:1rem;opacity:.75!important;width:36px;height:36px}.lightbox-drawer{left:.75rem;right:.75rem;bottom:.75rem;max-width:calc(100vw - 1.5rem);width:auto;padding:.75rem 2.2rem .75rem .9rem}.drawer-title{font-size:.95rem}.drawer-kanji{font-size:.62rem}.exif-inline-row{font-size:.6rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.lightbox-nav-btn{width:40px;height:40px;background:#0e1016bf}.lightbox-prev-btn{left:.5rem}.lightbox-next-btn{right:.5rem}}