:root{--bg-0: #1a1f24;--bg-1: #232a31;--bg-2: #2c353e;--ink: #e8ecef;--ink-muted: #9aa6b2;--line: rgba(232, 236, 239, .12);--accent: #3d8f7a;--accent-2: #c4a35a;--danger: #c45c5c;--ok: #5a9e6f;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--font-display: "Barlow Condensed", sans-serif;--font-body: "Source Sans 3", sans-serif;--radius: 4px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(61,143,122,.22),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(196,163,90,.12),transparent 50%),linear-gradient(165deg,#14181c,#1a1f24 40%,#1e262d);background-attachment:fixed}body{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:var(--radius);padding:.55rem .95rem;transition:background .2s ease,border-color .2s ease,transform .15s ease}button:hover{background:#36414c;border-color:#e8ecef40}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:transparent;color:#08140f;font-weight:600}button.primary:hover{background:#4aa38c}button.ghost{background:transparent}button.danger{background:transparent;border-color:#c45c5c73;color:#e8a0a0}input,select,textarea{width:100%;background:#00000040;border:1px solid var(--line);border-radius:var(--radius);padding:.55rem .7rem}textarea{min-height:90px;resize:vertical}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}#app{min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14181cb8;position:sticky;top:0;z-index:20}.brand{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;background:none;padding:0;color:var(--ink)}.brand:hover{background:none;color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-chip{color:var(--ink-muted);font-size:.9rem;margin-right:.35rem}.main{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:1.75rem 0 3rem}.hero{min-height:calc(100vh - 4rem);display:grid;align-content:center;gap:1.25rem;padding:2rem 0 3rem;animation:rise .7s ease both}.hero-brand{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase;margin:0;max-width:14ch}.hero-sub{margin:0;max-width:38ch;color:var(--ink-muted);font-size:1.15rem}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 1.25rem;flex-wrap:wrap}.section-head h2{font-family:var(--font-display);font-size:2rem;letter-spacing:.03em;text-transform:uppercase;margin:0}.section-head p{margin:.25rem 0 0;color:var(--ink-muted)}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.location-tile{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,var(--bg-2),var(--bg-1));min-height:160px;padding:1.1rem;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:rise .55s ease both}.location-tile:nth-child(2){animation-delay:.05s}.location-tile:nth-child(3){animation-delay:.1s}.location-tile:nth-child(4){animation-delay:.15s}.location-tile:nth-child(5){animation-delay:.2s}.location-tile:nth-child(6){animation-delay:.25s}.location-tile:nth-child(7){animation-delay:.3s}.location-tile:hover{transform:translateY(-3px);border-color:#3d8f7a73;box-shadow:var(--shadow)}.location-tile h3{margin:0;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.03em;text-transform:uppercase}.location-tile span{color:var(--ink-muted);font-size:.9rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem;padding:1rem;border:1px solid var(--line);background:#0000002e;border-radius:var(--radius)}.filters label{display:grid;gap:.35rem;font-size:.8rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.month-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem}.month-chip{white-space:nowrap;background:transparent}.month-chip.active{background:var(--accent);color:#08140f;border-color:transparent;font-weight:600}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.photo-tile{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0d1013;padding:0;animation:fadein .4s ease both}.photo-tile img,.photo-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.photo-tile:hover img,.photo-tile:hover video{transform:scale(1.04)}.photo-tile .meta{position:absolute;inset:auto 0 0 0;padding:.45rem .55rem;background:linear-gradient(transparent,#000000bf);font-size:.78rem;text-align:left}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080a0ce0;display:grid;grid-template-columns:1.4fr .9fr;gap:0;animation:fadein .2s ease}.lightbox-media{display:grid;place-items:center;padding:1.5rem;min-height:0}.lightbox-media img,.lightbox-media video{max-width:100%;max-height:calc(100vh - 3rem);object-fit:contain;box-shadow:var(--shadow)}.lightbox-side{background:var(--bg-1);border-left:1px solid var(--line);padding:1.25rem;overflow:auto;display:grid;gap:1rem;align-content:start}.lightbox-side h3{margin:0;font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.03em}.muted{color:var(--ink-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;background:#3d8f7a1f}.comment{border-top:1px solid var(--line);padding:.75rem 0}.comment header{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;color:var(--ink-muted)}.panel{border:1px solid var(--line);background:#0000002e;border-radius:var(--radius);padding:1.1rem;margin-bottom:1rem}.panel h3{margin:0 0 .85rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}.form-row{display:grid;gap:.45rem;margin-bottom:.75rem}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-panel{width:min(420px,100%);padding:2rem;border:1px solid var(--line);background:linear-gradient(160deg,#2c353ef2,#1a1f24f2);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .55s ease both}.login-panel h1{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.03em;text-transform:uppercase;margin:0 0 .35rem;line-height:1}.error{color:#f0a0a0;margin:.5rem 0}.empty{color:var(--ink-muted);padding:2rem 0}.offline-banner{background:#c4a35a26;border-bottom:1px solid rgba(196,163,90,.35);color:#e6d3a0;text-align:center;padding:.45rem 1rem;font-size:.9rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.lightbox{grid-template-columns:1fr;grid-template-rows:45vh 1fr}.lightbox-side{border-left:none;border-top:1px solid var(--line)}}@media print{.topbar,.filters,.lightbox-side form,button{display:none!important}body{background:#fff;color:#000}}