:root{--bg: #f5f6f8;--bg-elevated: #ffffff;--bg-subtle: #fafbfc;--bg-hover: #f1f5f9;--text: #1d1f23;--text-muted: #666666;--text-faint: #999999;--border: #e5e7eb;--border-strong: #dddddd;--accent: #2563eb;--accent-text: #ffffff;--danger: #dc2626;--danger-bg: #fee2e2;--danger-border: #fca5a5;--shadow: rgba(0, 0, 0, .06);--warning-bg: #fffbeb;--warning-text: #92400e;--danger-strip-bg: #fef2f2;--danger-strip-text: #991b1b}@media (prefers-color-scheme: dark){:root{--bg: #101214;--bg-elevated: #1c1f23;--bg-subtle: #17191c;--bg-hover: #262a30;--text: #e5e7eb;--text-muted: #9aa1ab;--text-faint: #6b7280;--border: #2a2d33;--border-strong: #383c43;--accent: #3b82f6;--accent-text: #ffffff;--danger: #f87171;--danger-bg: #3f1d1d;--danger-border: #7f1d1d;--shadow: rgba(0, 0, 0, .4);--warning-bg: #3a2e0f;--warning-text: #fbbf24;--danger-strip-bg: #3a1414;--danger-strip-text: #fca5a5}}:root[data-theme=light]{--bg: #f5f6f8;--bg-elevated: #ffffff;--bg-subtle: #fafbfc;--bg-hover: #f1f5f9;--text: #1d1f23;--text-muted: #666666;--text-faint: #999999;--border: #e5e7eb;--border-strong: #dddddd;--accent: #2563eb;--accent-text: #ffffff;--danger: #dc2626;--danger-bg: #fee2e2;--danger-border: #fca5a5;--shadow: rgba(0, 0, 0, .06);--warning-bg: #fffbeb;--warning-text: #92400e;--danger-strip-bg: #fef2f2;--danger-strip-text: #991b1b}:root[data-theme=dark]{--bg: #101214;--bg-elevated: #1c1f23;--bg-subtle: #17191c;--bg-hover: #262a30;--text: #e5e7eb;--text-muted: #9aa1ab;--text-faint: #6b7280;--border: #2a2d33;--border-strong: #383c43;--accent: #3b82f6;--accent-text: #ffffff;--danger: #f87171;--danger-bg: #3f1d1d;--danger-border: #7f1d1d;--shadow: rgba(0, 0, 0, .4);--warning-bg: #3a2e0f;--warning-text: #fbbf24;--danger-strip-bg: #3a1414;--danger-strip-text: #fca5a5}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;background:var(--bg);color:var(--text)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{background:var(--bg-elevated);padding:32px 28px;border-radius:12px;box-shadow:0 4px 24px var(--shadow);width:100%;max-width:340px}.auth-card h1{margin:0 0 4px}.auth-card .sub{color:var(--text-muted);margin-top:0}.auth-card input{width:100%;padding:12px;margin-top:10px;border:1px solid var(--border-strong);border-radius:6px;font-size:16px;background:var(--bg-elevated);color:var(--text)}.auth-actions{display:flex;gap:8px;margin-top:14px}.auth-actions button{flex:1;padding:12px;border:none;border-radius:6px;cursor:pointer;background:var(--accent);color:var(--accent-text);font-size:15px}.auth-actions button[data-mode=signup]{background:var(--text-muted)}.error{color:var(--danger);min-height:20px;font-size:13px}.topbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:20px;flex:1;color:var(--text)}.icon-btn{border:none;background:none;font-size:20px;line-height:1;cursor:pointer;padding:8px 10px;border-radius:6px;flex-shrink:0;color:var(--text)}.icon-btn:hover{background:var(--bg-hover)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;flex-shrink:0}.usage-bar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);padding:4px 12px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.usage-bar progress{flex-shrink:0;width:100px}.usage-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-bar.usage-warning{background:var(--warning-bg);color:var(--warning-text)}.usage-bar.usage-warning progress{accent-color:#f59e0b}.usage-bar.usage-danger{background:var(--danger-strip-bg);color:var(--danger-strip-text)}.usage-bar.usage-danger progress{accent-color:var(--danger)}.body{display:flex;position:relative;min-height:calc(100vh - 78px)}.sidebar{width:240px;flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.sidebar.sidebar-hidden,.sidebar-backdrop{display:none}.folder-item{display:block;width:100%;text-align:left;padding:10px;margin-bottom:4px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text)}.folder-item.active,.folder-item:hover{background:var(--bg-hover)}.folder-row{display:flex;align-items:center;gap:2px;margin-bottom:4px}.folder-row .folder-item{margin-bottom:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-icon-btn{flex-shrink:0;width:28px;height:28px;border:none;background:none;color:var(--text-faint);border-radius:6px;cursor:pointer;font-size:14px;line-height:1}.folder-icon-btn:hover{background:var(--bg-hover);color:var(--accent)}.folder-del-btn:hover{color:var(--danger);background:var(--danger-bg)}#new-folder-form{display:flex;gap:4px;margin-top:12px}#new-folder-form input{flex:1;min-width:0;padding:8px;border:1px solid var(--border-strong);border-radius:6px;font-size:14px;background:var(--bg-elevated);color:var(--text)}#new-folder-form button{border:none;background:var(--accent);color:var(--accent-text);border-radius:6px;padding:0 12px;cursor:pointer}.hint{font-size:12px;color:var(--text-faint);margin-top:12px}@media (max-width: 767px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:82vw;max-width:320px;z-index:600;box-shadow:2px 0 16px #0000004d;padding-top:16px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:599}}.content{flex:1;min-width:0;padding:16px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:12px;font-size:13px}.breadcrumb-link{border:none;background:none;color:var(--accent);cursor:pointer;font-size:13px;padding:2px 0}.breadcrumb-current{color:var(--text-muted)}.breadcrumb-sep{color:var(--text-faint)}.upload-area{border:2px dashed var(--border-strong);border-radius:12px;padding:24px 16px;text-align:center;color:var(--text-muted);cursor:pointer;background:var(--bg-elevated);font-size:14px}.upload-area:hover{border-color:var(--accent)}.camera-btn{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elevated);color:var(--text);font-size:14px;cursor:pointer}.camera-btn:hover{border-color:var(--accent);color:var(--accent)}.trash-hint{font-size:13px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:12px;margin:0}.memories-banner{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#fdf4ff);border:1px solid #ddd6fe;font-size:13px;color:#4c1d95}@media (prefers-color-scheme: dark){.memories-banner{background:linear-gradient(135deg,#1e1b4b,#2e1065);border-color:#4c1d95;color:#e9d5ff}}:root[data-theme=dark] .memories-banner{background:linear-gradient(135deg,#1e1b4b,#2e1065);border-color:#4c1d95;color:#e9d5ff}:root[data-theme=light] .memories-banner{background:linear-gradient(135deg,#eef2ff,#fdf4ff);border-color:#ddd6fe;color:#4c1d95}.memories-banner span{flex:1}.memories-banner button{flex-shrink:0;border:none;background:var(--accent);color:var(--accent-text);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.memories-banner .memories-dismiss-btn{background:none;color:inherit;font-size:16px;padding:4px 6px;opacity:.6}#upload-progress{margin-top:12px}.progress-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:13px;color:var(--text)}.progress-row progress{flex:1}.retry-btn{flex-shrink:0;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.upload-cancel-btn{flex-shrink:0;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:50%;width:24px;height:24px;line-height:1;font-size:12px;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:10px 18px;font-size:13px;box-shadow:0 4px 16px #0003;z-index:200}.toolbar{margin-top:16px}.search-row{margin-bottom:8px}#search-input{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;font-size:16px;background:var(--bg-elevated);color:var(--text)}.toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#sort-select{padding:8px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;background:var(--bg-elevated);color:var(--text);max-width:100%}.view-toolbar{display:flex;gap:6px;flex-wrap:wrap}.view-btn{font-size:13px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;padding:8px 10px;cursor:pointer}.view-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.select-toggle-btn{font-size:13px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;padding:8px 12px;cursor:pointer;margin-left:auto}.selection-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px}.selection-bar span{font-size:13px;color:var(--text);margin-right:auto}.selection-bar button{font-size:12px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;padding:7px 10px;cursor:pointer}.selection-bar .danger-btn{color:var(--danger);border-color:var(--danger-border)}.date-group-header{grid-column:1 / -1;font-size:13px;font-weight:600;color:var(--text-muted);margin-top:8px;padding:4px 2px}.file-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;align-items:start}.file-grid.view-list{grid-template-columns:1fr;gap:6px}.empty-state{grid-column:1 / -1;text-align:center;color:var(--text-faint);padding:48px 0;font-size:14px}.file-card{position:relative;background:var(--bg-elevated);border-radius:10px;padding:10px;text-align:center;box-shadow:0 1px 4px var(--shadow)}.file-card.selected{outline:2px solid var(--accent);outline-offset:-2px}.file-icon{font-size:34px}.file-icon.clickable{cursor:pointer}.file-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.file-meta{font-size:11px;color:var(--text-faint);margin-top:2px}.file-checkbox{width:24px;height:24px;border:2px solid var(--border-strong);border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0}.file-card.selected .file-checkbox{background:var(--accent);border-color:var(--accent)}.file-card:not(.view-list) .file-checkbox{position:absolute;top:6px;left:6px;z-index:2}.file-fav-btn{border:none;background:#ffffffeb;box-shadow:0 1px 3px #00000026;border-radius:50%;width:26px;height:26px;font-size:14px;cursor:pointer;color:#999;flex-shrink:0}.file-fav-btn.active{color:#f59e0b}.file-card:not(.view-list) .file-fav-btn{position:absolute;top:6px;left:6px;z-index:2}.file-more-btn{border:none;background:#ffffffeb;box-shadow:0 1px 3px #00000026;border-radius:50%;width:26px;height:26px;font-size:15px;cursor:pointer;color:#555;flex-shrink:0}.file-card:not(.view-list) .file-more-btn{position:absolute;top:6px;right:6px;z-index:2}.file-card.view-thumbnail .file-icon.file-thumb{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:var(--bg-hover);font-size:30px}.thumb-media{width:100%;height:100%;object-fit:cover}.duration-badge{position:absolute;right:4px;bottom:4px;background:#000000b3;color:#fff;font-size:11px;line-height:1;padding:3px 5px;border-radius:4px}.file-card.view-list{display:flex;flex-direction:row;align-items:center;text-align:left;padding:8px 10px;gap:10px}.file-card.view-list .file-icon{font-size:20px;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-card.view-list .file-name{flex:1;margin-top:0;min-width:0}.file-card.view-list .file-meta{flex-shrink:0;width:60px;text-align:right;margin-top:0}.file-card.view-list .file-more-btn,.file-card.view-list .file-fav-btn,.file-card.view-list .file-checkbox{position:static;background:none;box-shadow:none}.action-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1100;display:flex;align-items:flex-end;justify-content:center}.action-sheet{width:100%;max-width:480px;background:var(--bg-elevated);border-radius:16px 16px 0 0;padding:8px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.action-sheet-title{padding:10px 12px;font-size:13px;color:var(--text-faint);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-sheet-btn{border:none;background:var(--bg-subtle);color:var(--text);border-radius:10px;padding:14px;font-size:15px;cursor:pointer;text-align:center}.action-sheet-btn.danger{color:var(--danger)}.action-sheet-btn.cancel{background:var(--bg-hover);font-weight:600;margin-top:4px}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column}.preview-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:1}.preview-fav-btn{position:absolute;top:16px;right:64px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#f59e0b;font-size:20px;cursor:pointer;z-index:1}.preview-filename{position:absolute;top:24px;left:16px;right:112px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.preview-media{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:56px 16px;min-height:0;touch-action:none}.preview-img,.preview-video{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none}.preview-status{color:#ccc;font-size:14px}.preview-bar{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#0009}.preview-nav-btn,.preview-play-btn{width:52px;height:52px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:18px;cursor:pointer}.preview-nav-btn:disabled{opacity:.3;cursor:default}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:var(--bg-elevated);border-radius:12px;padding:24px;width:100%;max-width:340px}.modal-card h2{margin:0 0 12px;font-size:18px;color:var(--text)}.modal-card h3{margin:20px 0 8px;font-size:14px;color:var(--text-muted)}.modal-card h3:first-of-type{margin-top:0}.theme-options{display:flex;gap:6px}.theme-btn{flex:1;padding:10px 6px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;cursor:pointer;font-size:12px}.theme-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.modal-card input{width:100%;padding:12px;margin-top:8px;border:1px solid var(--border-strong);border-radius:6px;font-size:16px;background:var(--bg-elevated);color:var(--text)}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions button{flex:1;padding:10px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;cursor:pointer;font-size:14px}.modal-actions button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.danger-full-btn{width:100%;padding:10px;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.danger-warning{font-size:13px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;padding:10px 12px;margin:0 0 12px}.stats-bars{margin-bottom:4px}.stats-status{font-size:13px;color:var(--text-faint);margin:0}.stats-row{margin-bottom:10px}.stats-row-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:4px}.stats-bar-track{height:8px;border-radius:4px;background:var(--bg-hover);overflow:hidden}.stats-bar-fill{height:100%;border-radius:4px}.stats-bar-image{background:#3b82f6}.stats-bar-video{background:#f59e0b}.stats-bar-other{background:#10b981}.shares-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.share-row{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border-radius:10px;padding:10px 12px;box-shadow:0 1px 4px var(--shadow)}.share-row-info{flex:1;min-width:0}.share-row-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-row-meta{font-size:11px;color:var(--text-faint);margin-top:2px}.share-row button{flex-shrink:0;font-size:12px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:6px;padding:6px 10px;cursor:pointer}.share-row .danger-btn{color:var(--danger);border-color:var(--danger-border)}.share-wrap{min-height:100vh;display:flex;flex-direction:column;background:#111}.share-status{color:#ccc;text-align:center;margin:auto;font-size:14px}.share-media{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px 16px;min-height:0}.share-media img,.share-media video{max-width:100%;max-height:100%;object-fit:contain}.share-bar{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#ffffff0f}.share-filename{flex:1;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-dl-btn{flex-shrink:0;background:#2563eb;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:14px}.share-folder-wrap{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.share-folder-header{color:#fff;font-size:16px;margin-bottom:16px}.share-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.share-folder-card{display:block;background:#1c1c1c;border-radius:10px;padding:8px;text-decoration:none;color:#eee;text-align:center}.share-folder-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;display:block}.share-folder-icon{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:32px;background:#262626;border-radius:6px}.share-folder-name{font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px){.topbar{padding:12px 24px}.usage-bar{padding:4px 24px}.content{padding:24px}}