.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:16px;max-width:960px;width:100%;margin:0 auto}h1,h2,h3{margin:0 0 12px;font-weight:700;letter-spacing:-.01em}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.nav{background:var(--app-bg);border-bottom:1px solid var(--app-border);position:sticky;top:0;z-index:10}.nav-inner{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-brand{font-family:Oswald,sans-serif;font-weight:700;font-size:18px;letter-spacing:.05em;text-transform:uppercase;color:var(--app-text)}.nav-links{display:flex;gap:16px;align-items:center}.nav-links a{color:var(--app-text-muted);font-size:14px;padding:6px 0;border-bottom:2px solid transparent;transition:color .12s,border-color .12s}.nav-links a:hover{color:var(--app-text)}.nav-links a.active{color:var(--app-text);border-bottom-color:var(--app-accent)}.nav-add{background:var(--app-accent);color:#fff!important;padding:6px 12px!important;border-radius:4px;border-bottom:none!important}.nav-add:hover{filter:brightness(1.1)}.nav-add.active{border-bottom-color:transparent!important}.hero-strip{display:block;position:relative;width:100%;aspect-ratio:16 / 6;max-height:280px;border-radius:6px;overflow:hidden;text-decoration:none;margin:-16px -16px 16px;background:var(--bg, #000);isolation:isolate}.hero-strip-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85);transition:filter .2s}.hero-strip:hover .hero-strip-img{filter:brightness(.95)}.hero-strip-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);z-index:2}.hero-strip-overlay{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:linear-gradient(to top,#000000bf,#0006 60%,#0000);color:#f5f5f5}.hero-strip-era{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#f5f5f5d9;margin-bottom:4px}.hero-strip-title{font-family:Oswald,sans-serif;font-size:22px;font-weight:700;letter-spacing:.01em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}@media(max-width:600px){.hero-strip{aspect-ratio:16 / 7;max-height:220px}.hero-strip-title{font-size:18px}}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}.entry-card{display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);border-radius:6px;text-decoration:none;position:relative;overflow:hidden;transition:transform .12s;border:1px solid rgba(255,255,255,.06)}.entry-card:hover{transform:translateY(-1px)}.entry-card-accent{height:3px;background:var(--accent);width:100%}.entry-card-body{padding:16px}.entry-card-era{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.entry-card-title{font-family:var(--font-display);font-size:20px;margin:0 0 6px;color:var(--text-primary)}.entry-card-meta{font-size:13px;color:var(--text-muted)}.border-chrome{box-shadow:inset 0 0 0 1px #ffffff1f}.border-matte{box-shadow:none}.border-painted_pinstripe{box-shadow:inset 0 0 0 2px #ffffff0a}.border-none{box-shadow:none}.empty-state{text-align:center;padding:48px 16px;color:var(--app-text-muted)}.btn-primary{background:var(--app-accent);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{filter:grayscale(.4) brightness(.7);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--app-text-muted);border:1px solid var(--app-border);padding:8px 14px;border-radius:4px;font-size:13px}.btn-ghost:hover{color:var(--app-text);border-color:var(--app-text-muted)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.detail{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);border-radius:6px;overflow:hidden;margin:-16px -16px 16px;padding:0 16px 24px}.detail-accent{height:4px;background:var(--accent);margin:0 -16px 24px}.detail-era{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;margin-top:24px}.detail-title{font-family:var(--font-display);font-size:32px;margin:0 0 8px;color:var(--text-primary)}.detail-meta{font-size:14px;color:var(--text-muted);margin-bottom:24px}.detail-section{margin-top:28px}.detail-section h2{font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.spec-list{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;margin:0}.spec-list dt{color:var(--text-muted);font-size:13px}.spec-list dd{margin:0;font-size:14px}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section ul li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.muted{color:var(--text-muted);font-size:14px}.entry-card-photo{width:100%;aspect-ratio:16 / 10;background:#000;overflow:hidden}.entry-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-upload{display:flex;gap:8px;flex-wrap:wrap}.photo-gallery{display:flex;flex-direction:column;gap:12px}.photo-active-wrap{position:relative;width:100%;background:#000;border-radius:4px;overflow:hidden;line-height:0}.photo-active{width:100%;height:auto;display:block}.photo-loading{height:240px;border-radius:4px;background:#1a1a1a}.photo-gallery-controls,.photo-gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap}.photo-thumb{width:64px;height:64px;background:#1a1a1a;border:2px solid transparent;border-radius:4px;padding:0;overflow:hidden;cursor:pointer;position:relative}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb.active{border-color:var(--app-accent)}.photo-thumb.hero:after{content:"★";position:absolute;top:0;right:3px;font-size:13px;color:gold;text-shadow:0 0 3px rgba(0,0,0,.8);pointer-events:none}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filters select{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border);padding:6px 10px;border-radius:4px;font-size:13px;font-family:inherit}.filter-check{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--app-text-muted);cursor:pointer}.form{display:flex;flex-direction:column;gap:16px;max-width:560px}.field{display:flex;flex-direction:column;gap:6px;flex:1}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-muted);display:flex;align-items:center;gap:8px}.field-suggest{background:transparent;border:1px solid var(--app-border);color:var(--app-text-muted);padding:2px 8px;border-radius:3px;font-size:10px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.field-suggest:hover{color:var(--app-accent);border-color:var(--app-accent)}.field input[type=text],.field input[type=number],.field input[type=date],.field select,.field textarea{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border);padding:10px 12px;border-radius:4px;font-size:14px;font-family:inherit}.field textarea{resize:vertical;min-height:80px}.field input[type=text]:focus,.field input[type=number]:focus,.field input[type=date]:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--app-accent)}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row .field{min-width:0}.field-check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--app-text);cursor:pointer}.race-cluster{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--app-border);border-radius:4px;background:var(--app-surface)}.form-actions{display:flex;gap:12px;align-items:center;margin-top:8px}.btn-danger{background:transparent;color:var(--app-accent);border:1px solid color-mix(in srgb,var(--app-accent) 35%,transparent);padding:8px 14px;border-radius:4px;font-size:13px;font-family:inherit;cursor:pointer}.btn-danger:hover{background:color-mix(in srgb,var(--app-accent) 12%,transparent);border-color:var(--app-accent)}.kind-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:560px}.kind-card{display:flex;flex-direction:column;gap:6px;padding:24px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:6px;text-decoration:none;transition:border-color .12s,transform .12s}.kind-card:hover{border-color:var(--app-accent);transform:translateY(-1px)}.kind-label{font-family:Oswald,sans-serif;font-size:22px;font-weight:700;color:var(--app-text);text-transform:uppercase;letter-spacing:.05em}.kind-desc{font-size:13px;color:var(--app-text-muted)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.detail-edit{align-self:flex-start;margin-top:24px;text-decoration:none;display:inline-flex;align-items:center}.log-list{list-style:none;padding:0;margin:0}.log-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.row-delete{background:transparent;border:none;color:var(--app-text-muted);font-size:18px;line-height:1;width:28px;height:28px;border-radius:4px;cursor:pointer;flex-shrink:0;font-family:inherit}.row-delete:hover{color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 12%,transparent)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;background:var(--app-surface);border-radius:4px;border:1px solid var(--app-border);align-items:center}.inline-form input,.inline-form select{background:var(--app-bg);color:var(--app-text);border:1px solid var(--app-border);padding:8px 10px;border-radius:4px;font-size:13px;font-family:inherit;min-width:0}.inline-form input[type=date]{min-width:130px}.inline-form input[type=number]{max-width:110px}.inline-form input.grow{flex:1;min-width:160px}.inline-form input:focus,.inline-form select:focus{outline:none;border-color:var(--app-accent)}.section-add{margin-top:12px;font-size:13px}.photo-thumb.annotated:before{content:"";position:absolute;bottom:3px;left:3px;width:8px;height:8px;border-radius:50%;background:var(--accent, var(--app-accent));box-shadow:0 0 0 1px #0009;pointer-events:none}.annotate-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column}.annotate-loading{align-items:center;justify-content:center}.annotate-toolbar{background:#0a0a0a;border-bottom:1px solid #1f1f1f;padding:8px 12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.annotate-tools,.annotate-colors,.annotate-strokes,.annotate-actions{display:flex;gap:6px;align-items:center}.annotate-actions{margin-left:auto}.tool{background:#141414;color:#ccc;border:1px solid #2a2a2a;padding:6px 10px;border-radius:4px;font-size:13px;cursor:pointer;font-family:inherit}.tool:hover{color:#fff;border-color:#444}.tool.active{background:var(--app-accent);color:#fff;border-color:var(--app-accent)}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px #ffffff26}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff6}.stroke{background:#141414;border:1px solid #2a2a2a;border-radius:4px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.stroke.active{border-color:var(--app-accent)}.stroke-line{display:inline-block;width:28px;background:#ccc}.annotate-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;background:#000;padding:8px}@media(max-width:600px){.annotate-toolbar{padding:6px 8px;gap:8px}.tool{padding:5px 8px;font-size:12px}.color-swatch{width:22px;height:22px}.stroke{padding:6px 8px}}.theme-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.theme-preset{background:var(--app-surface);color:var(--app-text-muted);border:1px solid var(--app-border);padding:10px 18px;border-radius:4px;font-size:14px;cursor:pointer;font-family:inherit;font-weight:600}.theme-preset:hover{color:var(--app-text)}.theme-preset.active{background:var(--app-accent);color:#fff;border-color:var(--app-accent)}.color-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--app-border);border-radius:4px;background:var(--app-surface);margin-bottom:8px}.color-row-label{display:flex;flex-direction:column;gap:2px;min-width:0}.color-row-label-name{font-size:14px;color:var(--app-text);font-weight:600}.color-row-label-hint{font-size:12px;color:var(--app-text-muted)}.color-row input[type=color]{width:44px;height:36px;padding:0;border:1px solid var(--app-border);border-radius:4px;background:transparent;cursor:pointer}.color-row input[type=text]{background:var(--app-bg);color:var(--app-text);border:1px solid var(--app-border);padding:8px 10px;border-radius:4px;font-size:13px;font-family:ui-monospace,monospace;width:100px;text-align:center}.color-row input[type=text]:focus{outline:none;border-color:var(--app-accent)}.about-version{display:flex;gap:12px;align-items:baseline;margin-bottom:12px;flex-wrap:wrap}.about-build{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;color:var(--app-accent);letter-spacing:.05em}.about-semver{font-family:ui-monospace,monospace;font-size:14px;color:var(--app-text);background:var(--app-surface);padding:4px 10px;border-radius:4px;border:1px solid var(--app-border)}.about-date{font-size:13px;color:var(--app-text-muted)}.about-credits{margin:0;font-size:14px;color:var(--app-text)}.about-history{margin-top:20px;border:1px solid var(--app-border);border-radius:4px;background:var(--app-surface);padding:12px 16px}.about-history summary{font-size:13px;color:var(--app-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.about-history summary:hover{color:var(--app-text)}.about-history ul{list-style:none;padding:0;margin:12px 0 0}.about-history li{padding:8px 0;border-bottom:1px solid var(--app-border);display:flex;flex-direction:column;gap:4px;font-size:13px}.about-history li:last-child{border-bottom:none}.about-history-tag{font-family:ui-monospace,monospace;color:var(--app-accent);font-weight:600}.about-history-notes{color:var(--app-text-muted);line-height:1.4}:root{--app-bg: #0a0a0a;--app-surface: #141414;--app-text: #f0f0f0;--app-text-muted: #888888;--app-border: #2a2a2a;--app-accent: #cc1f1f;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--app-text);background-color:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-theme=custom]{color-scheme:dark light}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--app-text);background-color:var(--app-bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}