*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root{--bg-color: oklch(.28 0 0 / 1);--fg-color: oklch(1 0 0);--theme-transition: .25s ease;--font-size: 15px;--pad: 6px}html{color:var(--fg-color);-webkit-text-size-adjust:100%}*{font-size:var(--font-size)}body{line-height:1;-webkit-font-smoothing:antialiased;background-color:var(--bg-color);scrollbar-color:var(--fg-color) transparent;scrollbar-width:thin;min-height:100vh;display:flex;flex-direction:column}#decorative-header{display:block;width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;user-select:none;line-height:1;font-family:monospace}.admin-layout,#view{flex:1;min-height:0;display:flex;flex-direction:column}.admin-controls{position:fixed;bottom:var(--pad);right:var(--pad);z-index:10;display:flex;gap:var(--pad)}#site-btn{text-decoration:none}.admin-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-color);border:1px solid var(--fg-color);color:var(--fg-color);padding:6px 12px;cursor:pointer;transition:all .2s ease;font-size:var(--font-size);line-height:1}.admin-btn:hover{background:var(--fg-color);color:var(--bg-color)}.admin-btn:disabled{opacity:.4;cursor:default}.admin-btn:disabled:hover{background:var(--bg-color);color:var(--fg-color)}.login-box{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:18vh;text-align:center}.login-note{opacity:.6;max-width:360px;line-height:1.5}.admin-cols{flex:1;display:grid;grid-template-columns:70fr 30fr}.col{padding:var(--pad)}.col+.col{border-left:1px solid var(--fg-color)}.msg-list{display:flex;flex-direction:column;gap:var(--pad)}.msg-card{background:var(--fg-color);color:var(--bg-color);border:1px solid var(--fg-color);padding:var(--pad)}.msg-card .msg-email{color:var(--bg-color)}.msg-card .admin-btn{background:var(--fg-color);border-color:var(--bg-color);color:var(--bg-color)}.msg-card .admin-btn:hover{background:var(--bg-color);color:var(--fg-color)}.msg-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--pad);margin-bottom:2px}.msg-name{font-weight:400}.msg-date{opacity:.6;white-space:nowrap}.msg-email{display:block;color:var(--fg-color);text-decoration:underline;margin-bottom:var(--pad);opacity:.7}.msg-del{padding:2px 6px}.msg-body{line-height:1.5;white-space:pre-wrap;word-break:break-word}.uploader{display:flex;align-items:center;justify-content:center;min-height:200px;border:1px dashed var(--fg-color);padding:12px;text-align:center;margin-bottom:var(--pad);cursor:pointer;transition:all .2s ease}.uploader.dragover{background:var(--fg-color);color:var(--bg-color)}.uploader input[type=file]{display:none}.status-line{margin:var(--pad) 0;min-height:calc(var(--font-size) + 4px);opacity:.7}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--pad)}.photo-cell{display:flex;flex-direction:column;border:1px solid var(--fg-color)}.photo-thumb{position:relative;aspect-ratio:1;overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-likes{position:absolute;top:6px;right:6px;background:var(--bg-color);border:1px solid var(--fg-color);padding:2px 6px}.photo-meta{display:flex;flex-direction:column;gap:var(--pad);padding:var(--pad);border-top:1px solid var(--fg-color)}.photo-meta .cap{background:var(--bg-color);border:1px solid var(--fg-color);color:var(--fg-color);padding:4px 6px;width:100%;font-size:var(--font-size)}.vis-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.vis-toggle input{accent-color:var(--fg-color)}.photo-actions{display:flex;gap:var(--pad)}.photo-actions .admin-btn{flex:1;padding:5px 8px;white-space:nowrap;text-align:center}.empty-note{opacity:.5;padding:40px 0;text-align:center}@media (max-width: 768px){.admin-cols{grid-template-columns:1fr}.col+.col{border-left:none;border-top:1px solid var(--fg-color)}}