*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0d0d0d;--surface:#1a1a1a;--surface-hover:#252525;--border:#2a2a2a;--text:#e8e8e8;--text-muted:#888;--text-dim:#555;--accent:#31f927;--accent-hover:#5bfa4b;--accent-text:#0a1a0a;--header-bg:#0d0d0dd9;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--transition:.2s ease;--error-bg:#2a0a0a;--error-border:#5a1a1a;--error-text:#ff6b6b;--warn-bg:#2a1500;--warn-border:#5a2a00;--warn-text:#ff9b6b;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#444;--focus-ring:#31f9271f;--photo-bg:#000}[data-theme=light]{--bg:#f6f7f8;--surface:#fff;--surface-hover:#eef0f2;--border:#e1e3e6;--text:#15171a;--text-muted:#5c6470;--text-dim:#9aa1ab;--accent:#1f9d18;--accent-hover:#187a14;--accent-text:#fff;--header-bg:#ffffffd9;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #00000024;--error-bg:#fef0f0;--error-border:#f5c2c2;--error-text:#c0392b;--warn-bg:#fff7e6;--warn-border:#f5d699;--warn-text:#b85d00;--scrollbar-thumb:#c1c5cc;--scrollbar-thumb-hover:#a8adb6;--focus-ring:#1f9d181f;--photo-bg:#f0f0f0}html{font-size:15px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::selection{background:var(--accent);color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:400;background:var(--accent);color:var(--accent-text);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:top .15s;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.search-error-toast{z-index:300;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;padding:.6rem .6rem .6rem 1rem;font-size:.85rem;animation:.2s fadeIn;display:inline-flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.search-error-toast-msg{white-space:nowrap}.search-error-toast-close{width:28px;height:28px;color:var(--error-text);cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.search-error-toast-close:hover{background:#ff6b6b26}.search-suggestions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;margin-top:4px;animation:.1s fadeIn;position:absolute;top:100%;left:0;right:0;overflow:hidden}.search-suggestions-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem 1rem .35rem;font-size:.72rem;font-weight:600}.search-suggestion{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.search-suggestion:hover,.search-suggestion.active{background:var(--surface-hover)}.search-suggestion-icon{color:var(--text-dim);flex-shrink:0}.search-suggestion-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-suggestions-clear{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-muted);text-align:center;cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;padding:.45rem 1rem;font-size:.78rem;display:block}.search-suggestions-clear:hover{background:var(--surface-hover);color:var(--text)}.search-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;transition:border-color var(--transition), box-shadow var(--transition);flex:1;align-items:center;padding:.35rem .35rem .35rem 1rem;display:flex}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.search-input-wrap{flex:1;position:relative}.search-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;min-width:0;font-size:.9rem}.search-input::placeholder{color:var(--text-dim)}.search-actions{align-items:center;gap:2px;display:flex}.search-clear{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.search-clear:hover{background:var(--surface-hover);color:var(--text)}.search-btn{border-radius:var(--radius-sm);background:var(--accent);width:36px;height:36px;color:var(--accent-text);cursor:pointer;transition:background var(--transition);border:none;place-items:center;display:grid}.search-btn:hover{background:var(--accent-hover)}.search-btn:active{transform:scale(.95)}.sort-controls{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.sort-label{color:var(--text-muted);font-size:.75rem}.sort-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;transition:border-color var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:10px 6px;outline:none;padding:.3rem 1.5rem .3rem .5rem;font-size:.8rem}.sort-select:hover{border-color:var(--text-muted)}.sort-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:color var(--transition), border-color var(--transition);flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.logo{white-space:nowrap;align-items:center;display:flex}.logo-img{flex-shrink:0;width:auto;height:26px}.logo-group{align-items:center;gap:1rem;display:flex}.header-nav{align-items:center;gap:.75rem;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--accent)}.header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.kbd-help-overlay{z-index:500;background:#0009;place-items:center;padding:1rem;animation:.15s fadeIn;display:grid;position:fixed;inset:0}.kbd-help{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:1.5rem;animation:.15s scaleIn}.kbd-help-title{margin:0 0 1.25rem;font-size:1.1rem;font-weight:700}.kbd-help-list{margin:0 0 1.25rem}.kbd-help-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.kbd-help-row:last-child{border-bottom:none}.kbd-help-keys{flex-shrink:0;gap:.25rem;display:flex}.kbd-key{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:28px;height:28px;color:var(--text);border-bottom-width:2px;place-items:center;padding:0 .4rem;font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.8rem;display:inline-grid}.kbd-help-label{color:var(--text-muted);text-align:right;margin:0;font-size:.85rem}.kbd-help-close{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);cursor:pointer;transition:border-color var(--transition), color var(--transition);padding:.6rem;font-size:.85rem}.kbd-help-close:hover{border-color:var(--accent);color:var(--accent)}.rate-limit-toast{z-index:400;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;min-width:280px;padding:.75rem 1.25rem;animation:.2s fadeIn;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.rate-limit-icon{color:var(--warn-text);flex-shrink:0}.rate-limit-content{flex-direction:column;gap:.1rem;display:flex}.rate-limit-msg{font-size:.85rem;font-weight:700}.rate-limit-timer{opacity:.8;font-variant-numeric:tabular-nums;font-size:.78rem}.rate-limit-progress{background:var(--warn-text);border-radius:0 0 var(--radius) var(--radius);height:3px;width:var(--progress,0%);transition:width 1s linear;position:absolute;bottom:0;left:0}.app{min-height:100vh}.main{max-width:1200px;margin:0 auto;padding:1.5rem}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);color:var(--error-text);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;animation:.2s fadeIn}.results-header{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.results-header strong{color:var(--text)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:5rem 1rem;font-size:.9rem;display:flex}.empty-state-icon{width:48px;height:48px;color:var(--text-dim);margin-bottom:.5rem}.section-title{margin-bottom:1rem;font-size:1rem;font-weight:700}.page-title{letter-spacing:-.02em;margin:0 0 .15rem;font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin:0 0 1.25rem;font-size:.85rem}.page-owner-link{font:inherit;color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.75rem;display:inline-block}.page-owner-link:hover{color:var(--accent);text-decoration:underline}.album-desc{color:var(--text);margin-top:.5rem;display:block}.album-header{margin-bottom:1rem}.photo-page-loader{justify-content:center;padding:4rem 0;display:flex}.photo-page-loader:after{content:"";border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.profile-loader{justify-content:center;padding:3rem 0;display:flex}.profile-loader:after{content:"";border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.profile-desc{color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;margin:.25rem 0 0;font-size:.85rem}.refetch-bar{background:linear-gradient(90deg, transparent, var(--accent), transparent);background-repeat:no-repeat;background-size:50% 100%;border-radius:3px;height:3px;margin-bottom:1rem;animation:1.1s ease-in-out infinite refetch-slide}@keyframes refetch-slide{0%{background-position:-50% 0}to{background-position:150% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.header-inner{flex-wrap:wrap;gap:.6rem}.search-form{flex-basis:100%;order:3;max-width:100%}.prev-next-thumb{width:44px;height:44px}.group-header{text-align:center;flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;padding:2rem;display:flex}.error-boundary h1{font-size:1.5rem;font-weight:800}.error-boundary p{color:var(--text-muted);max-width:420px;font-size:.9rem}.error-boundary-detail{color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.error-boundary-btn{border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;transition:background var(--transition);border:none;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.error-boundary-btn:hover{background:var(--accent-hover)}