:root{--bg:#fafafa;--surface:#fff;--line:#e7e5e4;--line-strong:#d6d3d1;--muted:#a8a29e;--dim:#78716c;--body:#44403c;--ink:#292524;--ink-strong:#1c1917;--hover:#e7e5e4;--danger:#dc2626;--danger-hover:#b91c1c;--radius:.25rem;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}body,h1,p,figure{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img,svg{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:underline}.hidden{display:none!important}.page-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.25rem;font-weight:600;overflow:hidden}.status{color:var(--dim)}.btn{border-radius:var(--radius);color:var(--dim);background:0 0;border:0;padding:.25rem .5rem;text-decoration:underline}.btn:hover{color:var(--ink)}.btn-lg{padding:.375rem .75rem}.btn-outline{border:1px solid var(--line-strong);color:var(--body);text-decoration:none}.btn-outline:hover{background:var(--hover);color:var(--body)}.btn-danger{color:var(--danger)}.btn-danger:hover{color:var(--danger-hover)}.text-input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);color:var(--ink);outline:none;padding:.375rem .75rem}.text-input:focus{border-color:var(--dim)}.gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-form{align-items:center;gap:.5rem;display:flex}.gate-input{background:var(--surface);width:16rem;padding:.5rem .75rem}.error-text{font-family:var(--mono);color:var(--ink);margin:0;padding:1rem}.modal-overlay{z-index:10;background:#1c191766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:20rem;padding:1rem;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #00000026}.modal-label{color:var(--dim);margin-bottom:.5rem}.modal-input{width:100%;padding:.5rem .75rem;display:block}.modal-input+.modal-input{margin-top:.5rem}.modal-error{color:var(--danger);margin-top:.5rem;font-size:.875rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:18rem;display:flex}.sidebar-title{border-bottom:1px solid var(--line);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding:.75rem 1rem;font-weight:600;overflow:hidden}.create-btn{margin:.5rem .75rem}.note-list{flex:1;overflow-y:auto}.note-item{text-align:left;width:100%;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:.5rem 1rem;display:block;overflow:hidden}.note-item:hover{background:var(--surface)}.note-item.is-active{background:var(--hover);color:var(--ink-strong)}.side-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.375rem .75rem;display:flex}.toolbar-right,.note-actions{align-items:center;gap:.25rem;display:flex}.pane{flex:1;min-height:0}.pane-empty{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.editor{resize:none;background:var(--bg);width:100%;height:100%;font-family:var(--mono);color:var(--ink);border:0;outline:none;padding:1rem;line-height:1.625}.admin-page{max-width:42rem;margin:0 auto;padding:2.5rem 1.5rem}.admin-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-create{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.admin-input{flex:1;min-width:0;padding:.375rem .75rem}.check-label{color:var(--dim);align-items:center;gap:.375rem;display:flex}.admin-list{border:1px solid var(--line);border-radius:var(--radius)}.admin-row{justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}.admin-row+.admin-row{border-top:1px solid var(--line)}.admin-row-main{align-items:center;gap:.75rem;min-width:0;display:flex}.admin-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sealed-mark{color:var(--muted);margin-left:-.5rem}.row-actions{gap:.25rem;display:flex}.admin-footer{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:.75rem;margin-top:2rem;padding-top:1rem;font-size:.875rem;display:flex}.sep{color:var(--line-strong);margin:0 .5rem}.gallery-page{max-width:56rem;margin:0 auto;padding:2.5rem 1.5rem}.gallery-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.gallery-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.frame-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem;display:grid}.grid-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:4rem 0}.tile{border:1px solid var(--line);border-radius:var(--radius);background:0 0;padding:0;overflow:hidden}.tile:hover{border-color:var(--muted)}.thumb{object-fit:cover;width:100%;height:10rem}.viewer-overlay{z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:fixed;inset:0}.viewer{touch-action:none;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.viewer-img{transform-origin:0 0;border-radius:var(--radius);user-select:none;max-width:none;position:absolute;top:0;left:0}.viewer-bar{align-items:center;gap:1rem;max-width:100%;display:flex}.viewer-caption{color:var(--line-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.viewer-btn{border-radius:var(--radius);color:var(--line-strong);background:0 0;border:0;padding:.25rem .5rem;font-size:.875rem}.viewer-btn:hover{color:var(--surface)}.viewer-btn.is-danger{color:#f87171}.viewer-btn.is-danger:hover{color:#fca5a5}.build-tag{font:.6875rem/1 var(--mono);color:var(--muted);user-select:none;pointer-events:none;position:fixed;bottom:.5rem;right:.75rem}