:root{--bg:#f5f2ed;--surface:#fffdf8;--ink:#171717;--muted:#706c64;--line:#1717171f;--accent:#0f766e;--dark:#202124;--shadow:0 24px 70px #19181624}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input:focus,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0f766e47}.login-screen{background:radial-gradient(circle at 18% 18%,#0f766e29,#0000 28%),radial-gradient(circle at 82% 74%,#b453091c,#0000 26%),linear-gradient(135deg,#fbfaf6,#eee9df);place-items:center;min-height:100svh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(100%,430px);box-shadow:var(--shadow);background:#fffdf8eb;border-radius:8px;padding:clamp(26px,5vw,42px)}.brand-mark,.app-brand span{background:var(--dark);color:#fffdf8;letter-spacing:.08em;border-radius:8px;place-items:center;width:46px;height:46px;font-size:12px;font-weight:900;display:grid}.login-card h1{margin:18px 0 28px;font-size:clamp(36px,8vw,54px);line-height:.95}.stack-form{gap:14px;display:grid}label{color:var(--dark);gap:8px;font-size:13px;font-weight:800;display:grid}input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px}.stack-form button,.upload-panel button,.app-tabs button{background:var(--dark);color:#fffdf8;border:0;border-radius:8px;min-height:48px;font-weight:850}.form-error{color:#b91c1c;margin:0;font-size:13px;font-weight:800}.app-shell{min-height:100svh;padding:clamp(16px,3vw,32px)}.app-header{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8db;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 26px;padding:12px;display:flex;position:sticky;top:0;box-shadow:0 12px 35px #19181614}.app-brand{align-items:center;gap:12px;font-size:14px;font-weight:900;display:inline-flex}.app-tabs{gap:8px;display:flex}.app-tabs button{min-width:92px;color:var(--muted);background:0 0}.app-tabs button.active{background:var(--dark);color:#fffdf8}.content-view{max-width:1180px;margin:0 auto}.view-title{justify-content:space-between;align-items:end;gap:18px;margin:20px 0 22px;display:flex}.view-title h1{margin:0;font-size:clamp(42px,7vw,78px);line-height:.92}.view-title span{color:var(--muted);font-size:14px;font-weight:800}.masonry-grid{columns:3 260px;column-gap:18px}.photo-tile{break-inside:avoid;background:var(--surface);border:0;border-radius:8px;width:100%;margin:0 0 18px;padding:0;position:relative;overflow:hidden;box-shadow:0 18px 46px #1918161f}.photo-tile img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.photo-tile:hover img{transform:scale(1.035)}.photo-tile.short{height:230px}.photo-tile.medium{height:320px}.photo-tile.tall{height:430px}.tile-status{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000007a;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;position:absolute;top:12px;left:12px}.tile-caption{color:#fff;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000006b;border-radius:8px;gap:5px;padding:14px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.tile-caption strong{font-size:18px}.tile-caption small{opacity:.82}.upload-panel{gap:14px;display:grid}.upload-box{min-height:380px;box-shadow:var(--shadow);text-align:center;background:#fffdf8c7;border:1px dashed #0f766e80;border-radius:8px;align-content:center;justify-items:center;gap:12px;display:grid}.upload-box input{width:min(100%,280px);padding-top:13px}.upload-box strong{font-size:28px}.upload-box small,.upload-panel p{color:var(--muted);font-weight:800}.modal-backdrop,.lightbox{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d0cb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.code-modal{background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.code-modal>img{object-fit:cover;filter:blur(4px)saturate(.75);width:100%;height:220px}.code-modal h2{margin:24px 24px 16px;font-size:30px;line-height:1}.code-modal .stack-form{padding:0 24px 24px}.modal-close,.lightbox-close{z-index:2;min-height:38px;color:var(--dark);background:#ffffffe6;border:0;border-radius:8px;padding:0 12px;font-weight:900;position:absolute;top:14px;right:14px}.lightbox{background:#000000e6}.lightbox img{object-fit:contain;border-radius:8px;max-width:min(100%,1120px);max-height:82svh;box-shadow:0 24px 80px #00000073}.lightbox div{color:#fff;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.lightbox span{opacity:.7}@media (width<=720px){.app-header{flex-direction:column;align-items:stretch}.app-tabs button{flex:1}.view-title{flex-direction:column;align-items:flex-start}.masonry-grid{columns:2 155px;column-gap:12px}.photo-tile{margin-bottom:12px}.photo-tile.short{height:180px}.photo-tile.medium{height:250px}.photo-tile.tall{height:330px}.tile-caption{padding:11px}.tile-caption strong{font-size:15px}.upload-box{min-height:300px}}@media (width<=430px){.app-shell{padding:12px}.app-brand{font-size:13px}.app-brand span{width:40px;height:40px}.masonry-grid{columns:1}}