:root{color-scheme:dark;font-family:Aptos,Segoe UI,system-ui,sans-serif;background:#0c0b09;color:#f4efe4;--ink: #f4efe4;--muted: #aaa08d;--subtle: #766d5f;--canvas: #0c0b09;--canvas-2: #14110d;--panel: rgba(28, 24, 18, .86);--panel-solid: #1d1812;--line: rgba(244, 239, 228, .14);--line-strong: rgba(244, 239, 228, .24);--accent: #d7a857;--accent-dark: #8f6324;--green: #78a88b;--danger: #f08d7c;--shadow: 0 26px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;background:var(--canvas)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{min-height:100vh;background:linear-gradient(110deg,rgba(120,168,139,.12),transparent 38%),linear-gradient(250deg,rgba(215,168,87,.16),transparent 42%),var(--canvas)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);background:#0c0b09d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topnav,.topnav button,.back-button,.folder-form,.upload-button,.row-actions{display:flex;align-items:center;gap:10px}.brand,.topnav button,.back-button,.folder-tile,.thumb,.viewer-close,.viewer-arrow,.size-tabs button,.admin button,.upload-button{border:0;color:var(--ink);background:transparent}.brand{min-height:42px;font-weight:800;letter-spacing:0}.brand svg{color:var(--accent)}.topnav{padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.topnav button,.back-button,.admin button,.upload-button{min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:8px;color:#e7dece;background:#ffffff0a;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.topnav button:hover,.back-button:hover,.admin button:hover,.upload-button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#ffffff14}.topnav .active,.admin-folders .active,.primary,.link-button{color:#18120a;background:var(--accent);border-color:var(--accent)}.album,.admin,.gate,.admin-login{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:42px 0 72px}.masthead{display:grid;gap:12px;padding:clamp(28px,7vw,88px) 0 34px}.masthead p{margin:0;color:var(--accent);font-weight:800;text-transform:uppercase;font-size:.78rem}.masthead h1{max-width:920px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,5.4vw,4.7rem);line-height:1;letter-spacing:0;color:#fff8ec}.gate{display:grid;min-height:calc(100vh - 80px);place-items:center}.gate-panel,.admin-login{display:grid;gap:18px;width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#251f17eb,#120f0bf0);box-shadow:var(--shadow)}.gate-panel svg,.admin-login svg{color:var(--accent)}.gate-panel h1,.admin-login h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.35rem;color:#fff8ec}.admin-login p{margin:0;color:var(--muted)}label{display:grid;gap:8px;color:#e7dece;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#090806c7;color:var(--ink);box-shadow:inset 0 1px #ffffff0a}input::placeholder,textarea::placeholder{color:#817765}textarea{min-height:88px;resize:vertical}.primary,.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;border:0;text-decoration:none;font-weight:800}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.folder-tile{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:12px;min-height:286px;padding:10px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#ffffff0b;box-shadow:0 18px 48px #00000047;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.folder-tile:hover{transform:translateY(-4px);border-color:#d7a85794;background:#ffffff12}.folder-cover{display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#d7a8572e,#78a88b1f),#1c1711;color:var(--accent)}.folder-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.03);transition:transform .22s ease,filter .22s ease}.folder-tile:hover .folder-cover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.06)}.folder-title{padding:0 8px;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;line-height:1.08;color:#fff8ec}.folder-tile small{padding:0 8px 8px;align-self:end}.folder-tile small,.admin-photo-row small,.admin-folders small{color:var(--muted);overflow-wrap:anywhere}.gallery-wrap{display:grid;gap:18px}.gallery-heading h2{margin:8px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4.1rem);line-height:.98;color:#fff8ec}.gallery-heading p{max-width:760px;margin-top:0;color:var(--muted)}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.thumb{aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#1c1711;box-shadow:0 14px 34px #0000003d;transition:transform .16s ease,border-color .16s ease}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease,filter .2s ease}.thumb:hover{transform:translateY(-2px);border-color:#d7a8578a}.thumb:hover img{transform:scale(1.045);filter:saturate(1.06)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;padding:24px;background:#050504f5;color:#fff}.viewer-figure{display:grid;justify-items:center;gap:14px;margin:0;min-width:0}.viewer-image{max-height:72vh;object-fit:contain;box-shadow:0 28px 90px #00000085}.viewer-image-large{max-width:min(100%,900px)}.viewer-image-xlarge{max-width:min(100%,1160px)}.viewer-image-original{max-width:min(100%,1380px)}.viewer-close{position:absolute;right:18px;top:18px;color:#fff}.viewer-arrow,.viewer-close{width:54px;height:54px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#ffffff14}.viewer-arrow.right{justify-self:end}.size-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.size-tabs button{min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#f5eddf;background:#ffffff14}.size-tabs .active{background:var(--accent);color:#15100a}figcaption{width:min(760px,100%);text-align:center}.caption-text{margin:4px 0 12px;color:#fff8ec;font-size:1.06rem}.exif-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.exif-strip span{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#d9cfbf;background:#ffffff14}.viewer-loading{display:grid;place-items:center;min-height:48vh;color:var(--muted)}.admin{width:min(1380px,calc(100% - 32px))}.admin-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.folder-form{flex:1 1 320px}.folder-form input{min-width:0}.upload-button{position:relative}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.admin-layout{display:grid;grid-template-columns:minmax(230px,310px) 1fr;gap:18px}.admin-folders,.admin-photos{display:grid;gap:10px;align-content:start}.admin-folders{position:sticky;top:86px}.admin-folders button,.admin-photo-row{display:grid;gap:8px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 16px 42px #00000038}.admin-folders button{min-height:auto;align-items:start}.admin-folders span{color:#fff8ec;font-weight:800}.admin-folders .active span{color:#17110a}.admin-folders .active small{color:#17110ab8}.admin-photo-row{grid-template-columns:minmax(220px,1fr) minmax(240px,2fr) minmax(132px,auto);align-items:start}.admin-photo-meta{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center}.admin-photo-meta strong{display:block;color:#fff8ec;overflow-wrap:anywhere}.admin-row-thumb{display:grid;place-items:center;width:84px;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#17130e;color:var(--accent)}.admin-row-thumb img{width:100%;height:100%;object-fit:cover}.row-actions{flex-wrap:wrap;justify-content:flex-end}.admin button:disabled{cursor:not-allowed;opacity:.54}.danger{color:var(--danger)!important;border-color:#f08d7c38!important}.notice,.loading,.form-error{margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;color:#efe5d4;background:#ffffff12}.form-error{color:#ffd0c6;border-color:#f08d7c52;background:#8f2f2333}@media(max-width:860px){.admin-layout,.admin-photo-row{grid-template-columns:1fr}.admin-folders{position:static}}@media(max-width:720px){.topbar{align-items:stretch;flex-direction:column}.brand{justify-content:flex-start}.topnav{width:100%;overflow-x:auto}.album,.admin,.gate,.admin-login{width:min(100% - 24px,1220px);padding-top:28px}.folder-grid{grid-template-columns:1fr}.viewer{grid-template-columns:1fr;padding:72px 12px 18px}.viewer-arrow{position:absolute;top:50%}.viewer-arrow.left{left:8px}.viewer-arrow.right{right:8px}.viewer-image{max-height:66vh;max-width:100%}.row-actions{justify-content:flex-start}}