:root{color-scheme:dark;--bg: #202020;--bg-elevated: #272727;--surface: #202020;--surface-hover: #282727;--border: #434547;--text: #e8edf5;--text-muted: #999999;--accent: #34c659;--accent-bright: #34db5e;--accent-text: #04221c;--accent-glow: rgba(46, 230, 190, .35);--danger: #f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:inherit}button,input,select{font:inherit}.page-center{min-height:100vh;display:grid;place-items:center;padding:1rem}.layout{min-height:100vh;padding:1rem;max-width:1200px;margin:0 auto}.app-chrome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.app-chrome-nav{display:none}.app-chrome-nav a{color:var(--text-muted);font-size:.95rem;font-weight:600;text-decoration:none}.app-chrome-nav a[aria-current=page],.app-chrome-nav a:hover{color:var(--text)}@media (min-width: 900px){.app-chrome-nav{position:absolute;left:50%;top:50%;display:flex;gap:1.5rem;transform:translate(-50%,-50%)}}.app-chrome-brand{font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none}.app-chrome-brand:hover{color:var(--accent-bright)}.app-chrome-menu{position:relative}.app-chrome-burger{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:none}.app-chrome-burger:hover{background:var(--surface-hover);border-color:#3d4f68;filter:none}.app-chrome-burger-lines{display:flex;flex-direction:column;gap:4px;width:1.1rem}.app-chrome-burger-lines>span{display:block;height:2px;border-radius:1px;background:currentColor}.app-chrome-dropdown{position:absolute;top:calc(100% + .35rem);right:0;min-width:10rem;padding:.35rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 12px 28px #0006;z-index:20}.app-chrome-dropdown-item{display:block;width:100%;padding:.55rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--text);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none}.app-chrome-dropdown-item[aria-current=page]{color:var(--accent-bright)}.app-chrome-dropdown-item:hover{background:var(--surface-hover);filter:none}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar h1,.card h2{margin:0 0 .5rem;color:var(--text)}.settings-form{display:grid;gap:.75rem;justify-items:start}.settings-form label{width:100%}.settings-form button{padding:.28rem .5rem;font-size:.78rem;border-radius:6px}.settings-form select{width:100%;border-radius:8px;border:1px solid var(--border);padding:.7rem .85rem;background:var(--surface);color:var(--text)}.settings-grid{display:grid;gap:1rem}@media (min-width: 1024px){.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}.topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 8px 32px #00000059;display:grid;gap:.75rem}.auth-card{width:min(100%,420px)}.auth-card h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}label{display:grid;gap:.35rem;font-size:.95rem;color:var(--text)}input{border-radius:8px;border:1px solid var(--border);padding:.7rem .85rem;background:var(--surface);color:var(--text)}input::placeholder{color:#4a4a4a}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}button{border-radius:8px;border:1px solid transparent;padding:.7rem .85rem;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(165deg,var(--accent-bright) 0%,var(--accent) 55%,#1ab89a 100%);color:var(--accent-text);box-shadow:0 0 0 1px #ffffff1f inset,0 2px 12px var(--accent-glow)}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.45;cursor:not-allowed}button.button-compact{padding:.35rem .65rem;font-size:.8rem;font-weight:500}button.danger{background:transparent;color:var(--danger);border-color:#f8717173;box-shadow:none}button.danger:hover:not(:disabled){background:#f871711f;border-color:var(--danger);filter:none}a.button-link{display:inline-flex;align-items:center;text-decoration:none;border-radius:8px;padding:.7rem .85rem;font-size:.75rem;font-weight:300;background:var(--surface);color:var(--text);border:1px solid var(--border)}a.button-link:hover{background:var(--surface-hover);border-color:#3d4f68}.muted{color:var(--text-muted);margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skel{display:block;height:.72rem;border-radius:6px;background-image:linear-gradient(100deg,#2a2a2a,#2a2a2a 36%,#4a4a4a,#2a2a2a 64%,#2a2a2a);background-size:220% 100%;background-position:100% 0;animation:skel-shimmer 1.35s ease-in-out infinite}.skel+.skel{margin-top:.35rem}.skel-name{width:74%;height:.85rem}.skel-id{width:58%;height:.55rem}.skel-code{width:36%;height:.65rem}.skel-mid{width:78%}.skel-shorter{width:62%}.skel-short{width:48%}.skel-pill{display:inline-block;width:4.8rem;height:1.15rem;margin:0 .3rem .3rem 0;border-radius:999px;vertical-align:middle}.skel-pill+.skel-pill{margin-top:0}.skel-desc{width:92%;height:.55rem}.skel-desc-short{width:64%}.skel-btn{width:4.2rem;height:1.4rem;border-radius:8px}.skel-eye{width:1.15rem;height:1.15rem;border-radius:999px}.skel-row:nth-child(3n) .skel-name{width:58%}.skel-row:nth-child(3n+2) .skel-name{width:88%}.skel-row:nth-child(2n) .skel{animation-delay:.18s}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.error{color:var(--danger);margin:0}.table-wrap{overflow-x:auto}.nom-table{width:100%;border-collapse:collapse;font-size:.9rem}.nom-table th,.nom-table td{text-align:left;vertical-align:top;padding:.55rem .65rem;border-bottom:1px solid var(--border)}.nom-table th{color:var(--text-muted);font-weight:600;font-size:.8rem;white-space:nowrap}.nom-site-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.nom-photo-row{display:flex;align-items:center;gap:.15rem}.nom-photo-count{color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1}.nom-photo-count-on{color:#fff}button.nom-eye,button.nom-photo{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);box-shadow:none}button.nom-eye[aria-pressed=true]{color:#fff}button.nom-eye:hover:not(:disabled),button.nom-photo:hover:not(:disabled){background:transparent;filter:none;color:var(--text)}button.nom-eye[aria-pressed=true]:hover:not(:disabled){color:#fff}.nom-eye-icon{width:1.15rem;height:1.15rem}button.nom-sort{display:inline-flex;align-items:center;gap:.2rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);box-shadow:none;font:inherit;font-weight:600;font-size:.8rem;line-height:inherit}button.nom-sort:hover:not(:disabled){color:var(--text);background:transparent;filter:none}button.nom-sort[aria-pressed=true] .nom-sort-icon{color:var(--accent-bright)}.nom-sort-icon{width:.7rem;height:.7rem;fill:currentColor}button.nom-group{display:block;width:100%;min-width:8rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-weight:400;font-size:inherit;line-height:1.35;text-align:left;cursor:pointer}button.nom-group:hover:not(:disabled){filter:none;background:transparent}.nom-group-editor{display:grid;gap:.4rem;min-width:12rem}.nom-group-editor input{width:100%;border-radius:8px;border:1px solid var(--border);padding:.45rem .55rem;background:var(--surface);color:var(--text);font:inherit}button.nom-desc{display:block;width:100%;max-width:28rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-weight:400;font-size:.625rem;line-height:1.35;text-align:left;white-space:pre-wrap;cursor:pointer}button.nom-desc:hover:not(:disabled){filter:none;background:transparent}.nom-desc-editor{max-width:28rem}.nom-desc-editor textarea{font-family:inherit;font-size:.8rem}.nom-id{margin-top:.15rem;color:#5d5b5b;font-size:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.nom-code{margin-top:.05rem;color:var(--accent-bright);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button.nom-codes{display:flex;flex-wrap:wrap;gap:.25rem;align-items:flex-start;justify-content:flex-start;width:100%;min-width:8rem;max-width:22rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-weight:400;text-align:left;cursor:pointer}button.nom-codes:hover:not(:disabled){filter:none;background:transparent}.nom-tag{display:inline-block;padding:.05rem .4rem;border:1px solid #616161;border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.4}.nom-tag-invalid{color:var(--danger)}.nom-codes-editor{display:grid;gap:.4rem;min-width:14rem;max-width:22rem}.nom-codes-editor textarea{width:100%;min-height:4.5rem;resize:vertical;border-radius:8px;border:1px solid var(--border);padding:.45rem .55rem;background:var(--surface);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.4}.nom-codes-actions{display:flex;gap:.35rem}button.nom-quiet{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}button.nom-quiet:hover:not(:disabled){background:var(--surface-hover);filter:none}.page-size{width:min(100%,14rem)}.page-size input{width:100%}.pager{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.pager-status{margin-right:.35rem;color:var(--text-muted);font-size:.9rem}.pager-gap{color:var(--text-muted);padding:0 .15rem}button.pager-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none;padding:.35rem .65rem;min-width:2.25rem;font-weight:600;font-size:.85rem}button.pager-btn:hover:not(:disabled){background:var(--surface-hover);border-color:#3d4f68;filter:none}button.pager-btn[aria-current=page]{border-color:var(--accent);color:var(--accent-bright);background:#34c6591f}.photo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0000009e}.photo-dialog{width:min(100%,36rem);max-height:min(80vh,40rem);overflow:auto;padding:1rem 1.1rem 1.15rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 16px 48px #00000073}.photo-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.photo-dialog-head h2{margin:0;font-size:1rem;font-weight:600;line-height:1.35}.photo-toolbar{margin-bottom:.85rem}.photo-list{display:flex;flex-direction:column;gap:.85rem}.photo-card img{display:block;width:100%;height:auto;border-radius:8px;background:#111}.photo-actions{display:flex;justify-content:flex-end;margin-top:.4rem}.article-list{display:grid;gap:.75rem}.article-list-item{display:flex;justify-content:space-between;gap:1rem;align-items:center}.article-list-item a{margin-right:auto;color:inherit;font-weight:600;text-decoration:none}.article-list-delete{background:#141414;color:#f2f2f2;border-color:#3a3a3a;box-shadow:none}.article-list-delete:hover:not(:disabled){background:#222;filter:none}.article-editor{display:grid;gap:.85rem}.article-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}button.article-title-display{margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;font-size:2rem;font-weight:700;line-height:1.2;text-align:left;cursor:text}button.article-title-display.is-empty{color:var(--text-muted);font-weight:600}button.article-title-edit{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;padding:0;border:none;border-radius:6px;background:transparent;box-shadow:none;color:#8d8d8d}button.article-title-edit svg{width:1rem;height:1rem}button.article-title-edit:hover:not(:disabled){background:transparent;color:#f2f2f2;filter:none}.article-title-input{width:min(100%,36rem);padding:.1rem .35rem;font-size:2rem;font-weight:700;line-height:1.2}.article-add{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.55rem}.article-add-label{color:var(--text-muted);font-size:.75rem;line-height:1}.article-add-group{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated)}.article-add button{background:#141414;color:#f2f2f2;border-color:#3a3a3a;box-shadow:none}.article-add button:hover:not(:disabled){background:#222;filter:none}.article-block-actions,.article-block-move,.article-save{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.article-block{display:grid;grid-template-columns:minmax(0,1fr) 1.7rem;column-gap:.45rem;row-gap:.55rem;align-items:center}.article-block-actions{grid-column:1;grid-row:1;padding-right:0}.article-block-remove{grid-column:2;grid-row:1;justify-self:center;width:1.7rem;height:1.7rem;padding:0;font-size:1rem;line-height:1;font-weight:500}.article-heading,.article-paragraph{grid-column:1;grid-row:2}.article-block-move{grid-column:2;grid-row:2;justify-self:center;align-self:center;flex-direction:column;flex-wrap:nowrap;gap:.3rem;margin:0}.article-block button{background:#141414;color:#f2f2f2;border-color:#3a3a3a;box-shadow:none}.article-block button:hover:not(:disabled){background:#222;filter:none}.article-block button.article-block-remove{background:transparent;border-color:transparent;box-shadow:none;color:#8d8d8d;font-size:1.15rem;font-weight:400}.article-block button.article-block-remove:hover:not(:disabled){background:transparent;color:#c8c8c8;filter:none}.article-block-move button{width:1.7rem;height:1.7rem;padding:0;font-size:.85rem;line-height:1}.article-block select,.article-heading,.article-paragraph{width:100%;border-radius:8px;border:1px solid var(--border);padding:.7rem .85rem;background:var(--surface);color:var(--text);font:inherit}.article-block-actions select{width:auto;padding:.35rem .65rem;font-size:.8rem}.article-heading-1{font-size:1.45rem;font-weight:650}.article-heading-2{font-size:1.2rem;font-weight:650}.article-heading-3{font-size:1.05rem;font-weight:650}.article-paragraph{min-height:7rem;text-align:left;resize:vertical}