:root{color-scheme:light dark;--bg: #ffffff;--bg-elevated: #f7f7f7;--fg: #111214;--muted: #666;--border: #e2e2e2;--accent: #333}@media (prefers-color-scheme: dark){:root{--bg: #101214;--bg-elevated: #1a1c1f;--fg: #f2f2f2;--muted: #999;--border: #2c2f33;--accent: #ddd}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.app-root{min-height:100vh;display:flex;flex-direction:column}.notice-banner{background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem}.notice-banner-text{flex:1;margin:0;font-size:.85rem;line-height:1.5;color:var(--fg)}.notice-banner-close{flex-shrink:0;background:none;border:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:.15rem .3rem}.notice-banner-close:hover{color:var(--fg)}.site-header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10;transform:translateY(0);transition:transform .25s ease}.site-header.header-hidden{transform:translateY(-100%)}.site-header-inner{max-width:1100px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.logo{font-size:1.25rem;font-weight:700;text-decoration:none;letter-spacing:.02em}.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a{text-decoration:none;color:var(--muted);font-size:.9rem}.site-nav a:hover{color:var(--fg)}.search-form{margin-left:auto;display:flex;gap:.5rem}.search-form input{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg);min-width:10rem}.search-form button{padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--accent);color:var(--bg);border:none}.account-area{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.account-name{text-decoration:none;font-weight:600}.btn-link{background:none;border:none;color:var(--muted);padding:0;text-decoration:underline}.btn-link:hover{color:var(--fg)}.main-content{flex:1;max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem;width:100%}.view-list h1{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.view-heading-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.view-heading-row h1{margin:0}.btn-again{padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg)}.back-link{display:inline-block;margin-bottom:1rem;text-decoration:none;color:var(--muted);font-size:.9rem}.back-link:hover{color:var(--fg)}.box-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.box-card{cursor:pointer}.box-card-thumb{position:relative;aspect-ratio:3 / 4;background:var(--bg-elevated);border-radius:8px;overflow:hidden}.box-card-thumb img{width:100%;height:100%;object-fit:cover}.box-card-noimage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}.box-card-count{position:absolute;right:.4rem;bottom:.4rem;background:#0009;color:#fff;font-size:.75rem;padding:.1rem .4rem;border-radius:4px}.favorite-btn{position:absolute;left:.4rem;top:.4rem;background:#00000073;color:#fff;border:none;border-radius:50%;width:1.9rem;height:1.9rem;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.favorite-btn.is-favorited{color:#f5c518}.preview-meta .favorite-btn{position:static;background:none;color:var(--muted);width:auto;height:auto;font-size:1.2rem}.preview-meta .favorite-btn.is-favorited{color:#f5c518}.rate-bar{display:flex;justify-content:center;padding:1.5rem 1rem}.rate-bar .favorite-btn{position:static;background:none;color:var(--muted);width:auto;height:auto;font-size:2.4rem}.rate-bar .favorite-btn.is-favorited{color:#f5c518}.box-card-title{margin-top:.4rem;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tag-chip{text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;color:var(--fg)}.tag-chip:hover{background:var(--bg-elevated)}.pagination{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.5rem}.pagination-status{color:var(--muted);font-size:.8rem}.pagination-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem}.pagination-arrow,.pagination-number,.pagination-jump-submit{padding:.4rem .7rem;min-width:2.25rem;min-height:2.25rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg);font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.pagination-arrow:disabled,.pagination-number:disabled{opacity:.4;cursor:default}.pagination-arrow:not(:disabled):hover,.pagination-number:not(:disabled):hover,.pagination-jump-submit:hover{background:var(--border)}.pagination-number.current{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.pagination-numbers{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:center}.pagination-ellipsis{color:var(--muted);padding:0 .15rem}.pagination-jump{display:flex;align-items:center;gap:.4rem}.pagination-jump-label{color:var(--muted);font-size:.8rem}.pagination-jump-input{width:4rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pagination-jump-input::-webkit-outer-spin-button,.pagination-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.loading-state,.error-state,.empty-state{color:var(--muted);text-align:center;padding:3rem 1rem}.error-state{color:#c0392b}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;z-index:100}.preview-panel{position:relative;background:var(--bg);border-radius:10px;max-width:900px;width:100%;padding:2rem 1.5rem 1.5rem}.preview-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;line-height:1;color:var(--muted);padding:.25rem .5rem}.preview-close:hover{color:var(--fg)}.preview-title{font-size:1.15rem;margin:0 0 .5rem;padding-right:2rem}.preview-meta{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.85rem;margin-bottom:1rem}.preview-source{text-decoration:underline}.main-content-box{max-width:none;padding:0}.box-detail-header{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 1rem}.box-detail-title{font-size:1.1rem;font-weight:600;margin:.5rem 0}.box-detail-section{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.box-detail-section h2{font-size:1rem;font-weight:600;margin:0 0 1rem}.box-detail-bottom-search .search-form{margin-left:0;justify-content:center}.box-detail-bottom-search .tag-chip-list{margin-top:1rem;justify-content:center}.slideshow{padding:0}.slide-item{position:relative;width:100%;height:calc(100vh - 2px);height:calc(100svh - 2px);margin-bottom:10px;background:#fff;text-align:center}.slide-item img{width:100%;height:100%;object-fit:contain}.slide-no{position:absolute;left:0;top:0;background:#00000080;color:#fff;font-weight:700;min-width:30px;height:30px;padding:6px 8px;display:flex;align-items:center;justify-content:center;border-radius:0 0 6px}.slide-item.slide-end{height:30vh;background:#aaa;display:flex;align-items:center;justify-content:center}.slide-item.slide-end span{color:#fff;font-size:1.5rem}.cmd-bar{position:fixed;bottom:0;right:0;background:#000c;border-radius:10px 0 0;padding:.5rem .75rem;display:flex;gap:.75rem;z-index:200;touch-action:manipulation}.cmd-btn{background:none;border:none;color:#fff;font-size:1.3rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.cmd-btn.active{color:#f5c518}.thumb-panel{position:fixed;top:0;left:0;width:100%;height:0;overflow-y:auto;overscroll-behavior:none;background:var(--bg);z-index:300;transition:height .4s cubic-bezier(.04,.62,.07,1.1);box-shadow:0 1px 6px #0000004d}.thumb-panel.show{height:calc(100vh - 60px);height:calc(100svh - 60px);border-bottom:2px solid var(--border)}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#fff}@media (min-width: 700px){.thumbs{grid-template-columns:repeat(9,1fr)}}.thumb-item img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.auth-panel{max-width:380px}.auth-form{display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}.auth-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.auth-form input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg);font-size:1rem}.auth-hint{font-size:.78rem;color:var(--muted)}.auth-error{padding:.6rem .8rem;text-align:left}.auth-submit{padding:.6rem 1rem;border:none;border-radius:6px;color:#fff;font-weight:600;background:linear-gradient(135deg,#4a4a4a,#1a1a1a)}@media (prefers-color-scheme: dark){.auth-submit{background:linear-gradient(135deg,#e2e2e2,#9a9a9a);color:#101214}}.help-panel{max-width:420px}.help-shortcut-list{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:.75rem 0}.help-shortcut-list dt{font-weight:600;white-space:nowrap}.help-shortcut-list dd{margin:0;color:var(--muted)}.admin-screen{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.admin-header h1{font-size:1.2rem;font-weight:700;margin:0 0 1rem}.admin-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}.admin-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.6rem .9rem;color:var(--muted);font-size:.95rem}.admin-tab:hover{color:var(--fg)}.admin-tab.active{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.admin-filter-form{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.admin-filter-form input,.admin-filter-form select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg)}.admin-filter-form button{padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--accent);color:var(--bg);border:none}.admin-hint{color:var(--muted);font-size:.85rem;margin:.5rem 0 1rem}.admin-table{display:flex;flex-direction:column;gap:.5rem}.admin-row{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.admin-row-thumb{width:56px;height:56px;border-radius:6px;object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.admin-row-noimage{display:block}.admin-row-main{flex:1;min-width:200px}.admin-row-title{display:block;font-weight:600;text-decoration:none;color:var(--fg);margin-bottom:.2rem}a.admin-row-title:hover{text-decoration:underline}.admin-row-meta{color:var(--muted);font-size:.8rem}.admin-row-actions{display:flex;gap:.75rem;flex-shrink:0}.admin-badges{display:flex;gap:.4rem;margin-top:.3rem}.admin-badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.admin-badge-admin{background:#2d6cdf;color:#fff}.admin-badge-banned{background:#c0392b;color:#fff}.admin-badge-ok{background:#2e8b57;color:#fff;margin-left:.5rem}.admin-badge-error{background:#c0392b;color:#fff;margin-left:.5rem}.admin-box-panel{max-width:1100px;text-align:left}.admin-inline-form{display:flex;gap:.5rem;margin:.5rem 0 1rem}.admin-inline-form input{flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg)}.admin-inline-form button{padding:.4rem .9rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--fg)}.admin-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;color:var(--muted);font-size:.9rem}.admin-section-block{margin:1.5rem 0}.admin-section-block h3{font-size:.95rem;margin:0 0 .6rem}.admin-tag-chip{display:inline-flex;align-items:center;gap:.4rem}.admin-tag-remove{background:none;border:none;color:var(--muted);font-size:.9rem;line-height:1;padding:0}.admin-tag-remove:hover{color:#c0392b}.admin-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.admin-image-cell{border:1px solid var(--border);border-radius:6px;overflow:hidden}.admin-image-cell img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.admin-image-meta{font-size:.72rem;color:var(--muted);padding:.2rem .4rem}.admin-image-delete{width:100%;padding:.3rem;border:none;border-top:1px solid var(--border);background:none;color:#c0392b;font-size:.78rem}.admin-image-delete:hover{background:var(--bg-elevated)}.admin-danger-btn{display:block;margin-top:1.5rem;padding:.6rem 1rem;border:1px solid #c0392b;border-radius:6px;background:none;color:#c0392b;font-weight:600}.admin-danger-btn:hover{background:#c0392b;color:#fff}.admin-danger-btn-sm{padding:.3rem .7rem;border:1px solid #c0392b;border-radius:6px;background:none;color:#c0392b;font-size:.82rem}.admin-danger-btn-sm:hover{background:#c0392b;color:#fff}.admin-ingest-errors{margin-top:.5rem;font-size:.8rem;color:var(--muted)}.admin-ingest-errors ul{margin:.3rem 0 0;padding-left:1.2rem}@media (max-width: 600px){.site-header-inner{gap:.75rem}.search-form{margin-left:0;width:100%;order:3}.search-form input{flex:1}.admin-row{flex-direction:column;align-items:flex-start}.admin-row-actions{width:100%}.pagination-number-wide-only,.pagination-number-near,.pagination-arrow-label{display:none}.pagination-arrow,.pagination-number{min-width:2rem;min-height:2rem;padding:.3rem .5rem}}@media (max-width: 400px){.pagination-status{font-size:.75rem}.pagination-jump-label{display:none}}