.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-around;gap:5px;width:52px;min-width:52px;height:30px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:20px;cursor:pointer;font-size:17px;padding:3px}.theme-toggle i{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--yellow);left:3px;top:3px;z-index:0;transition:transform .24s}.theme-toggle span{position:relative;z-index:1}html[data-theme=dark] .theme-toggle i{transform:translateX(23px)}.availability-note{display:block;font-size:10px;color:var(--muted);margin:3px 0}.photo-lightbox{width:96vw;max-width:1400px;height:94dvh;max-height:94dvh;padding:44px 12px 12px;border:0;background:var(--paper);color:var(--ink);border-radius:16px}.photo-lightbox[open]{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px}.photo-lightbox::backdrop{background:#000d}.photo-lightbox figure{margin:0;min-width:0;text-align:center}.photo-lightbox img{display:block;width:100%;height:calc(94dvh - 130px);object-fit:contain;touch-action:pan-y pinch-zoom}.photo-lightbox button{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-width:40px;min-height:44px;cursor:pointer}.photo-lightbox .lightbox-close{position:absolute;top:8px;right:12px;font-size:26px}#main-detail-photo[role=button]{cursor:zoom-in}#main-detail-photo:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}::view-transition-old(root),::view-transition-new(root){animation-duration:240ms}html[data-theme=dark]{color-scheme:dark;--ink:#eeeFE8;--muted:#b1b8ae;--yellow:#f8c537;--yellow-light:#403821;--paper:#191e1b;--line:#465047;--green:#9cceb1;--white:#222a24}html[data-theme=dark] body,html[data-theme=dark] .site-header,html[data-theme=dark] .hero,html[data-theme=dark] .categories-wrap,html[data-theme=dark] .card,html[data-theme=dark] dialog,html[data-theme=dark] .site-footer,html[data-theme=dark] .modal-header,html[data-theme=dark] .modal-footer,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .toast{background-color:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .card-media,html[data-theme=dark] .photo-placeholder,html[data-theme=dark] .help-note,html[data-theme=dark] .local-note,html[data-theme=dark] .upload-area,html[data-theme=dark] .empty,html[data-theme=dark] .search-box{background-color:var(--white);color:var(--ink)}html[data-theme=dark] .btn-primary,html[data-theme=dark] .theme-toggle i,html[data-theme=dark] .mobile-add{color:#242a27}html[data-theme=dark] .btn-outline,html[data-theme=dark] .btn-quiet,html[data-theme=dark] .icon-btn{color:var(--ink);background:var(--white);border-color:var(--line)}html[data-theme=dark] .btn-dark{background:var(--yellow);color:#242a27}html[data-theme=dark] .image-tag,html[data-theme=dark] .avatar,html[data-theme=dark] .category.active{background:var(--yellow-light);color:var(--ink)}html[data-theme=dark] .mobile-nav{background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .server-error{background:#462a28;color:#ffd6ca}@media(max-width:680px){.header-actions{gap:6px}.theme-toggle{width:46px;min-width:46px}html[data-theme=dark] .theme-toggle i{transform:translateX(17px)}}@media(prefers-reduced-motion:reduce){.theme-toggle i{transition:none}::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}
html[data-theme=dark] .hero-sub,html[data-theme=dark] .search-hints,html[data-theme=dark] .hero-note,html[data-theme=dark] .category,html[data-theme=dark] .hint,html[data-theme=dark] .mobile-nav button,html[data-theme=dark] .card-meta,html[data-theme=dark] .small{color:var(--muted)}html[data-theme=dark] .view-toggle,html[data-theme=dark] .favorite{background:var(--white);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .view-toggle button{color:var(--muted);background:var(--white)}html[data-theme=dark] .view-toggle button.active{background:var(--yellow);color:#242a27}html[data-theme=dark] .hero-art,html[data-theme=dark] .hero-art p{color:#242a27}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--muted)}
body,.site-header,.hero,.card,dialog,.modal-header,.modal-footer,.site-footer,input,textarea,select{transition:background-color 240ms,color 240ms,border-color 240ms}@media(prefers-reduced-motion:reduce){body,.site-header,.hero,.card,dialog,.modal-header,.modal-footer,.site-footer,input,textarea,select{transition:none}}