*,*: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}.section{padding:var(--pad)}.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}.app-nav{display:flex;gap:var(--pad);padding:var(--pad);border-bottom:1px solid var(--fg-color)}.nav-btn.active{background:var(--fg-color);color:var(--bg-color)}#app-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.proj-toolbar{display:flex;gap:var(--pad);padding:var(--pad)}.proj-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--pad);padding:0 var(--pad) var(--pad)}.proj-card{display:flex;flex-direction:column;border:1px solid var(--fg-color)}.proj-card.is-hidden{opacity:.45}.proj-cover,.proj-body{cursor:pointer}.proj-cover{aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--fg-color)}.proj-cover img,.proj-cover video{width:100%;height:100%;object-fit:cover;display:block}.proj-cover.empty{background:var(--fg-color);opacity:.1}.proj-body{flex:1;display:flex;flex-direction:column;gap:4px;padding:var(--pad)}.proj-title{line-height:1.3}.proj-year{opacity:.6}.proj-tags{display:flex;flex-wrap:wrap;gap:4px}.proj-tag{border:1px solid var(--fg-color);padding:0 5px;opacity:.75}.proj-meta{opacity:.5;margin-top:auto}.proj-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--pad);padding:var(--pad);border-top:1px solid var(--fg-color)}.proj-order{display:flex;gap:2px}.proj-order .admin-btn{padding:0 6px}.editor{display:flex;flex-direction:column}.editor-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--pad);padding:var(--pad);background:var(--bg-color);border-bottom:1px solid var(--fg-color)}.editor-title{flex:1;font-size:20px;background:transparent;border:none;color:var(--fg-color);padding:2px 0}.editor-title:focus{outline:none;border-bottom:1px solid var(--fg-color)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);padding:var(--pad);align-items:start}.editor-col{display:flex;flex-direction:column;gap:var(--pad);min-width:0}.panel{display:flex;flex-direction:column;gap:var(--pad);border:1px solid var(--fg-color);padding:var(--pad)}.panel h3{font-weight:400;opacity:.6;border-bottom:1px solid var(--fg-color);padding-bottom:2px}.panel .uploader{min-height:auto;padding:12px}@media (max-width: 760px){.editor-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:2px}.field>label{opacity:.6}.field input,.field select,.field textarea{background:var(--bg-color);border:1px solid var(--fg-color);color:var(--fg-color);padding:5px 6px;font-size:var(--font-size);width:100%}.field input:disabled{opacity:.5}.field textarea{resize:vertical;min-height:60px}.json-area{min-height:240px;font-family:monospace;white-space:pre}.img-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--pad);margin-top:var(--pad)}.img-item{display:flex;flex-direction:column;gap:2px;border:1px solid var(--fg-color);padding:var(--pad)}.img-thumb{position:relative;aspect-ratio:1;overflow:hidden}.img-thumb img,.img-thumb video{width:100%;height:100%;object-fit:cover;display:block}.img-item input{background:var(--bg-color);border:1px solid var(--fg-color);color:var(--fg-color);padding:3px 5px;font-size:var(--font-size);width:100%}.im-del{position:absolute;top:2px;right:2px;padding:0 6px}