:root{--text:#1f2430;--text-sub:#6b7280;--bg:#f5f5f7;--surface:#fff;--border:#e3e3e8;--accent:#1f366b;--accent-ui:#1d2e57;--accent-text:#fff;--btn-outline:#1d2e57;--danger:#d9534f;--chip-bg:#dce7ff;--chip-text:#4b40d6;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--content-max:1400px;--content-min:360px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.5}:root[data-theme=dark]{--text:#d8d8d8;--text-sub:#9ca3af;--bg:#16171d;--surface:#21232c;--border:#33353f;--accent:#1f366b;--accent-ui:#3b5fa7;--accent-text:#d3d3d3;--btn-outline:#88a9e2;--chip-bg:#1d2e57;--chip-text:#c4bdff;--shadow:0 1px 3px #0006}*{box-sizing:border-box}body{margin:0}#root{max-width:var(--content-max);min-width:var(--content-min);background:var(--bg);min-height:100svh;margin:0 auto}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,background-color .1s,color .1s,border-color .1s}button:active:not(:disabled){transform:scale(.96)}input{font:inherit}.list-screen{min-height:100svh;padding:8px 16px 96px;position:relative}.list-header{background:var(--accent);min-height:28px;color:var(--accent-text);box-shadow:var(--shadow);top:calc(8px + env(safe-area-inset-top,0px));z-index:100;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:11px 16px;display:flex;position:sticky}.list-header h1{margin:0;font-size:19px;font-weight:600}.empty-state{text-align:center;color:var(--text-sub);margin-top:48px}.empty-title{color:var(--text-sub);margin:0 0 12px;font-size:17px}.empty-text{color:var(--text-sub);margin:0;font-size:14px;line-height:1.7}.menu-btn{color:inherit;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:25px;line-height:1}.selection-count{color:inherit;flex:1;font-size:16px;font-weight:600}.header-menu-wrap{flex:none;position:relative}.dropdown-overlay{z-index:120;position:fixed;inset:0}.header-dropdown{z-index:130;background:var(--surface);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-item.danger{color:var(--danger)}.menu-item:disabled{opacity:.5}.menu-overlay{z-index:120;background:#00000080;position:fixed;inset:0}.menu-panel{top:64px;right:max(16px, calc((100vw - var(--content-max)) / 2 + 16px));background:var(--surface);border:1px solid var(--border);min-width:168px;box-shadow:var(--shadow);border-radius:12px;padding:6px;position:fixed}.menu-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:15px;display:block}.menu-item:hover{background:var(--bg)}.modal-overlay,.settings-overlay,.confirm-overlay{min-width:var(--content-min);background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-overlay{z-index:150}.modal{background:var(--surface);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:92svh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-body{flex:1;padding:16px;overflow-y:auto}.tag-manage-list{flex-direction:column;margin:0;padding:8px 0;list-style:none;display:flex}.tag-manage-hint{color:var(--text-sub);margin:0 0 4px;font-size:12px}.tag-manage-row{border-bottom:1px solid var(--border);background:var(--surface);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;transition:transform .15s;display:flex}.tag-manage-row.dragging{z-index:5;opacity:.97;cursor:grabbing;border-bottom-color:#0000;border-radius:8px;transition:none;position:relative;box-shadow:0 6px 16px #0000004d}:root[data-theme=dark] .tag-manage-row.dragging{background:#2a2c37}.tag-count{color:var(--text-sub);white-space:nowrap;margin-left:auto;font-size:14px}.tag-row-actions{cursor:auto;gap:8px;display:flex}.tag-edit-btn{border:1px solid var(--btn-outline);color:var(--btn-outline);background:0 0;border-radius:8px;padding:6px 12px;font-size:13px}.tag-delete-btn{border:1px solid var(--danger);color:var(--danger);background:0 0;border-radius:8px;padding:6px 12px;font-size:13px}.data-desc{color:var(--text-sub);margin:0 0 16px;font-size:14px;line-height:1.6}.data-section{margin-bottom:20px}.data-note{color:var(--text-sub);margin:6px 2px 0;font-size:12px;line-height:1.5}.data-error{margin-top:4px}.settings-overlay{z-index:150}.settings-modal{background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.settings-body{flex-direction:column;gap:22px;padding:16px;display:flex}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section-title{color:var(--text-sub);margin:0;font-size:13px;font-weight:600}.settings-options{flex-direction:column;gap:10px;display:flex}.settings-option{text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.settings-option-selected{border-color:var(--accent);background:var(--chip-bg)}.settings-option-text{flex-direction:column;gap:2px;display:flex}.settings-option-label{font-size:15px;font-weight:600}.settings-option-desc{color:var(--text-sub);font-size:13px}.settings-check{color:var(--accent);font-size:18px;font-weight:700}.confirm-overlay{z-index:200}.confirm-dialog{background:var(--surface);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:14px;padding:20px}.confirm-title{margin:0 0 12px;font-size:17px;font-weight:600}.confirm-tag{margin:0 0 12px}.confirm-text{color:var(--text-sub);margin:0 0 20px;font-size:14px;line-height:1.6}.confirm-actions{gap:10px;display:flex}.confirm-cancel,.confirm-delete{border-radius:10px;flex:1;padding:11px;font-size:15px;font-weight:600}.confirm-cancel{border:1px solid var(--border);background:var(--surface);color:var(--text)}.confirm-delete{background:var(--danger);color:#fff;border:none}.confirm-primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;flex:1;padding:11px;font-size:15px;font-weight:600}.confirm-cancel:disabled,.confirm-delete:disabled,.confirm-primary:disabled{opacity:.6}.edit-field-label{color:var(--text-sub);margin-bottom:6px;font-size:13px;display:block}.edit-field-label+.color-picker{margin-bottom:20px}.rename-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;margin-bottom:8px;padding:10px 12px}.confirm-dialog .field-error{margin-bottom:8px;display:block}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-label{color:var(--text-sub);font-size:13px}.clear-all-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-sub);border-radius:999px;padding:4px 12px;font-size:13px}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=820px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1120px){.grid{grid-template-columns:repeat(4,1fr)}}.list{flex-direction:column;gap:12px;display:flex}.card{text-align:left;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex;position:relative}.card-selected{box-shadow:0 0 0 3px var(--accent-ui)}.card-check{border:1px solid var(--accent-ui);background:var(--surface);color:#fff;z-index:1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.card-check.checked{background:var(--accent-ui)}.card-thumb{background:var(--bg);border-radius:8px;margin:-2px 0 2px;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:clamp(80px,22vw,96px);display:block}.card-yearmonth{color:var(--text-sub);font-size:13px}.card-name{font-size:16px;font-weight:600;line-height:1.35}.card-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.card-yearmonth-row{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.chip{background:var(--chip-bg);color:var(--chip-text);border:none;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.chip-clickable{cursor:pointer}.chip-remove{color:inherit;background:0 0;border:none;padding:0;font-size:11px;line-height:1}:root[data-theme=dark] .chip{filter:brightness(.85)}.fab{right:max(16px, calc((100vw - var(--content-max)) / 2 + 16px));bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--accent);width:64px;height:64px;color:var(--accent-text);border:none;border-radius:50%;font-size:32px;line-height:1;transition:transform .1s;position:fixed;box-shadow:0 4px 12px #00000040}.fab:active{transform:scale(.92)}.undo-toast{z-index:300;background:var(--surface);max-width:calc(100vw - 32px);color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.undo-toast-gauge{background:var(--accent-ui);transform-origin:0;width:100%;height:3px;animation:linear forwards undo-gauge;position:absolute;bottom:0;left:0}@keyframes undo-gauge{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.undo-toast-gauge{animation:none}}.undo-toast-msg{font-size:14px}.undo-toast-btn{color:var(--btn-outline);white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-size:16px;font-weight:700}.error-toast{z-index:300;background:var(--danger);color:#fff;border-radius:12px;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.error-toast-msg{font-size:14px}.error-toast-btn{color:#fff;white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-size:14px;font-weight:700}.detail{padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;min-height:100svh;display:flex}.detail-header{align-items:center;margin-bottom:8px;display:flex}.back-btn{color:var(--text);background:0 0;border:none;padding:4px 0;font-size:15px}.detail-photo{background:var(--bg);border:none;border-radius:12px;width:100%;margin-bottom:16px;padding:0;display:block;overflow:hidden}.detail-photo img{object-fit:contain;width:100%;max-height:360px;display:block}.detail-name{margin:8px 0 20px;font-size:24px;font-weight:700}.detail-fields{grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 24px;display:grid}.detail-fields dt{color:var(--text-sub);font-size:14px}.detail-fields dd{margin:0}.detail-tags{flex-wrap:wrap;gap:6px;display:flex}.detail-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:24px;display:flex}.action-btn{text-align:center;border:1px solid var(--btn-outline);background:var(--surface);color:var(--btn-outline);-webkit-tap-highlight-color:transparent;border-radius:10px;padding:12px;font-size:15px;text-decoration:none;transition:transform .1s,background-color .1s,color .1s,border-color .1s;display:block}.action-btn:active{transform:scale(.96)}.action-btn.danger{color:var(--danger);border-color:var(--danger)}.link-btn{text-align:left;text-underline-offset:3px;color:var(--text-sub);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 5px;font-size:15px;text-decoration:underline;transition:transform .1s,color .1s;display:block}.link-btn:active{color:var(--text);transform:scale(.96)}.sheet-overlay{z-index:100;min-width:var(--content-min);background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-width:640px;max-height:90svh;animation:.2s ease-out slide-up;overflow-y:auto}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.sheet-header h2{margin:0;font-size:19px;font-weight:600}.icon-btn{color:var(--text-sub);background:0 0;border:none;padding:4px 8px;font-size:18px}.sheet-body{padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px))}.bulk-tag-desc{color:var(--text-sub);margin:0 0 12px;font-size:14px}.exhibition-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-sub);font-size:14px}.required{color:var(--danger);margin-left:2px}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}.field-error{color:var(--danger);font-size:12px}.primary-btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;margin-top:4px;padding:13px;font-size:16px;font-weight:600}.primary-btn:disabled{opacity:.6}.tag-input{flex-direction:column;gap:8px;display:flex}.tag-chips{flex-wrap:wrap;gap:6px;display:flex}.tag-add-row{gap:8px;display:flex}.tag-add-row input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;padding:10px 12px}.tag-add-row button{border:1px solid var(--btn-outline);color:var(--btn-outline);background:0 0;border-radius:8px;padding:0 16px}.tag-suggestions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-suggestions-label{color:var(--text-sub);font-size:12px}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;width:24px;height:24px;box-shadow:0 0 0 1px var(--border);border:2px solid #0000;border-radius:50%;padding:0}.swatch-selected{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.photo-field{flex-direction:column;gap:8px;display:flex}.photo-preview img{object-fit:contain;background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;max-height:240px}.photo-placeholder{border:1px dashed var(--border);height:96px;color:var(--text-sub);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.photo-actions{gap:8px;display:flex}.photo-btn{border:1px solid var(--btn-outline);color:var(--btn-outline);background:0 0;border-radius:8px;padding:8px 16px;font-size:14px}.photo-btn.danger{border-color:var(--danger);color:var(--danger)}.photo-btn:disabled{opacity:.5}.photo-info{color:var(--text-sub);font-size:12px}.viewer-overlay{z-index:200;background:#000000e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.viewer-img{object-fit:contain;max-width:100%;max-height:90svh}.viewer-close{color:#fff;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;top:16px;right:16px}.action-btn:not(.danger):active{background:var(--accent);border-color:var(--accent-ui);color:var(--accent-text)}.photo-btn:not(.danger):active,.tag-edit-btn:active,.tag-add-row button:active,.detail-actions .action-btn:not(.danger):active{background:var(--btn-outline);color:var(--surface)}.primary-btn:active,.confirm-primary:active,.fab:active{background:var(--accent-text);color:var(--accent)}.tag-delete-btn:active,.action-btn.danger:active,.photo-btn.danger:active,.confirm-delete:active{background:var(--danger);border-color:var(--danger);color:#fff}.confirm-cancel:active,.menu-item:active{background:var(--text);color:var(--surface)}:root[data-theme=dark] .action-btn:not(.danger):active{background:var(--accent);border-color:var(--accent-ui);color:var(--text)}:root[data-theme=dark] .primary-btn:active,:root[data-theme=dark] .confirm-primary:active,:root[data-theme=dark] .fab:active{background:var(--btn-outline);color:var(--accent)}:root[data-theme=dark] .detail-actions .action-btn:not(.danger):active{background:var(--btn-outline);color:var(--surface)}