*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono: "IBM Plex Mono", "Menlo", "SF Mono", monospace;--bg: #f9fafb;--fg: #111111;--border: rgba(0, 0, 0, .1);--muted: rgba(0, 0, 0, .4);--panel-bg: #ffffff;--input-bg: #f3f4f6;--accent: #111111;--accent-fg: #ffffff}.dark{--bg: #050505;--fg: #f9fafb;--border: rgba(255, 255, 255, .12);--muted: rgba(255, 255, 255, .35);--panel-bg: #0a0a0a;--input-bg: #111111;--accent: #ffffff;--accent-fg: #000000}html{font-family:var(--font-mono);background:var(--bg);color:var(--fg);transition:background .2s,color .2s}body{min-height:100vh}.page{max-width:1920px;margin:0 auto;padding:1.5rem}h1,h2,h3{font-weight:600;letter-spacing:.05em}a{color:inherit;text-decoration:none}.river-grid{display:flex;flex-wrap:wrap;gap:20px}.river-item{flex-grow:1;min-width:220px;max-width:100%;cursor:pointer}.river-item:last-child{flex-grow:0}.river-img-wrap{height:400px;overflow:hidden;border-radius:2px;position:relative;background:var(--input-bg)}.river-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s}.river-img-wrap img.loading{opacity:0}@media (max-width: 768px){.river-img-wrap{height:auto}.river-img-wrap img{width:100%;height:auto;object-fit:contain}}.card-meta{padding:.4rem 0 0;font-size:.65rem}.card-tags{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.tag{border:1px solid var(--border);padding:.2rem .5rem;border-radius:3px;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.card-camera{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.card-exposure{color:var(--muted);font-size:.6rem;margin-top:.1rem}.fav-btn{background:none;border:none;padding:0;font-size:1rem;cursor:pointer;color:var(--muted);transition:color .1s;line-height:1}.fav-btn.active,.fav-btn:hover{color:#f97373}#lightbox{position:fixed;inset:0;z-index:100;background:#fffffff5;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s}.dark #lightbox{background:#000000f5}#lightbox.open{opacity:1;pointer-events:auto}@media (min-width: 768px){#lightbox{flex-direction:row}}.lb-img-col{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative}.lb-img-col img{max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 20px 60px #0000004d}.lb-info-panel{width:280px;flex-shrink:0;background:var(--panel-bg);border-left:1px solid var(--border);padding:2rem 1.5rem;overflow-y:auto;font-size:.7rem;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 767px){.lb-info-panel{width:100%;height:40vh;border-left:none;border-top:1px solid var(--border)}.lb-img-col img{max-height:50vh}}.lb-close{position:absolute;top:1rem;left:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted);z-index:10;line-height:1;padding:.25rem}.lb-nav{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;gap:1rem}.lb-nav button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--muted);padding:.5rem}.lb-nav button:hover{color:var(--fg)}.exif-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.2rem}.exif-value{font-size:.8rem}.exif-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.exif-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media (max-width: 767px){.exif-grid-4{grid-template-columns:repeat(2,1fr)}}.histogram canvas{width:100%;height:60px;border-radius:3px}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;border:1px solid var(--border);background:var(--panel-bg);color:var(--fg);cursor:pointer;transition:background .15s,color .15s}.btn:hover{background:var(--input-bg)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{opacity:.85}.btn-ghost{background:transparent;border:none}input[type=text],input[type=password],input[type=date],textarea{font-family:var(--font-mono);font-size:.75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;color:var(--fg);outline:none;width:100%;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--fg)}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.dropzone.drag-over{border-color:var(--fg);background:var(--input-bg)}.nav{display:flex;align-items:center;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.nav-brand{font-weight:600;font-size:.9rem}.nav-links{display:flex;gap:1rem;margin-left:auto}.nav-links a{color:var(--muted);transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.5rem;font-size:.65rem}.filter-dropdown{position:relative}.filter-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;min-width:160px;max-height:240px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #00000026}.filter-dropdown-menu.open{display:block}.filter-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:3px;cursor:pointer;font-size:.65rem}.filter-option:hover{background:var(--input-bg)}.active-tag{display:inline-flex;align-items:center;gap:.3rem;background:var(--accent);color:var(--accent-fg);font-size:.6rem;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase;cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.floating-controls{position:fixed;bottom:1.5rem;right:1.5rem;z-index:80;display:flex;align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:999px;box-shadow:0 4px 20px #0000001f;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s,transform .2s}.floating-controls.visible{opacity:1;pointer-events:auto;transform:none}.floating-btn{padding:.5rem .75rem;font-size:.75rem;background:none;border:none;border-right:1px solid var(--border);cursor:pointer;color:var(--fg);display:flex;align-items:center;justify-content:center}.floating-btn:last-child{border-right:none}.floating-btn:hover{background:var(--input-bg)}.lang-switcher{position:relative;font-size:.65rem}.lang-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;padding:.3rem;z-index:100;min-width:80px}.lang-menu.open{display:block}.lang-option{padding:.3rem .5rem;cursor:pointer;border-radius:3px}.lang-option:hover{background:var(--input-bg)}