:root{--color-bg: #0a0f0a;--color-fg: #33ff33;--color-fg-dim: #1a8c1a;--color-surface: #0f180f;--color-surface-2: #172417;--color-border: #1a6e1a;--color-muted: #2db82d;--color-accent: #33ff33;--color-accent-fg: #0a0f0a;--color-accent-hover: #66ff66;--color-danger: #ff4444;--color-warning: #ffcc00;--color-ok: #33ff33;--radius: 0;--font: "Courier New", Courier, monospace;--scan-line: repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(0,0,0,.15) 2px, rgba(0,0,0,.15) 4px )}[data-theme=light]{--color-bg: #f0f8f0;--color-fg: #0a4a0a;--color-fg-dim: #2a7a2a;--color-surface: #e8f5e8;--color-surface-2: #d0ecd0;--color-border: #5a9a5a;--color-muted: #3a7a3a;--color-accent: #0a6e0a;--color-accent-fg: #ffffff;--color-accent-hover: #0d8c0d;--color-danger: #cc0000;--color-warning: #aa7700;--color-ok: #0a6e0a;--scan-line: none}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--color-bg);color:var(--color-fg);font-family:var(--font);font-size:14px;line-height:1.5}body{display:flex;flex-direction:column;height:100dvh;background-image:var(--scan-line)}header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.header-title{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.header-title span{color:var(--color-muted);font-size:.75rem}.header-actions{display:flex;gap:.5rem;align-items:center}button{background:transparent;color:var(--color-accent);border:1px solid var(--color-border);font-family:var(--font);font-size:.85rem;padding:.5rem .9rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;touch-action:manipulation;min-height:2.5rem;transition:background .1s,color .1s}button:hover,button:focus-visible{background:var(--color-border);color:var(--color-accent-hover);outline:none}button:active{background:var(--color-surface-2)}button.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}button.btn-danger:hover{background:#ff44441a}button.btn-primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}button.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-fg)}button.icon-btn{border:none;padding:.4rem .6rem;font-size:1rem;min-height:unset}#status{font-size:.75rem;color:var(--color-muted);padding:.3rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;min-height:1.6rem;letter-spacing:.04em}#status.error{color:var(--color-danger)}#status.ok{color:var(--color-ok)}#tabs{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface)}#tabs button{flex:1;border:none;border-bottom:2px solid transparent;border-radius:0;font-size:.75rem;padding:.6rem .3rem;min-height:2.8rem;letter-spacing:.08em;color:var(--color-muted)}#tabs button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.panel{flex:1;overflow-y:auto;display:none;flex-direction:column}.panel.active{display:flex}#search-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}#search-query{flex:1;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);font-family:var(--font);font-size:.85rem;padding:.5rem .7rem;min-height:2.5rem}#search-query:focus{outline:1px solid var(--color-accent);border-color:var(--color-accent)}#search-query::placeholder{color:var(--color-fg-dim)}#card-list{flex:1;overflow-y:auto;padding:.5rem 0}.individuum-card{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .1s}.individuum-card:hover,.individuum-card:focus{background:var(--color-surface-2);outline:none}.individuum-card:active{background:var(--color-surface)}.card-nomen{font-size:.95rem;color:var(--color-accent);word-break:break-all}.card-id{font-size:.65rem;color:var(--color-muted);letter-spacing:.04em}.card-meta{display:flex;gap:.6rem;font-size:.7rem;color:var(--color-fg-dim)}.card-condicio{font-size:.65rem;letter-spacing:.06em}.card-condicio.sublatum{color:var(--color-danger)}.card-condicio.inactivum{color:var(--color-warning)}.card-condicio.activum{color:var(--color-ok)}.card-condicio.coniunctum{color:var(--color-muted)}.empty-state{padding:2rem 1rem;text-align:center;color:var(--color-muted);font-size:.85rem;letter-spacing:.08em}#create-panel{padding:1rem;gap:.8rem}.field-group{display:flex;flex-direction:column;gap:.3rem}.field-group label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.field-group input,.field-group textarea{background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);font-family:var(--font);font-size:.85rem;padding:.6rem .7rem;width:100%;min-height:2.6rem}.field-group input:focus,.field-group textarea:focus{outline:1px solid var(--color-accent);border-color:var(--color-accent)}.field-group textarea{resize:vertical;min-height:5rem}.field-hint{font-size:.65rem;color:var(--color-muted)}#detail-panel{padding:0;gap:0}#detail-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;gap:.5rem}#detail-nomen{font-size:.9rem;color:var(--color-accent);word-break:break-all;flex:1}#detail-body{flex:1;overflow-y:auto;padding:.75rem 1rem}.detail-row{display:flex;flex-direction:column;padding:.5rem 0;border-bottom:1px solid var(--color-border);gap:.15rem}.detail-row:last-child{border-bottom:none}.detail-key{font-size:.65rem;color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase}.detail-val{font-size:.85rem;word-break:break-all;color:var(--color-fg)}.detail-val.condicio-sublatum{color:var(--color-danger)}.detail-val.condicio-inactivum{color:var(--color-warning)}#detail-actions{padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;gap:.5rem;flex-shrink:0}#settings-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:100;align-items:flex-end}#settings-overlay.open{display:flex}#settings-sheet{width:100%;background:var(--color-surface);border-top:1px solid var(--color-border);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.8rem}.settings-title{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.detail-section{margin-top:.5rem;border-top:1px solid var(--color-border);padding-top:.5rem}.detail-section-title{font-size:.65rem;color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;padding:.3rem 0 .5rem}.appellatio-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--color-border);gap:.4rem}.appellatio-row:last-of-type{border-bottom:none}.appellatio-nomen{font-size:.85rem;color:var(--color-fg);flex:1;word-break:break-all}.appellatio-meta{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.appellatio-genus{font-size:.6rem;color:var(--color-muted);letter-spacing:.05em}.appellatio-empty{font-size:.75rem;color:var(--color-fg-dim);padding:.4rem 0;letter-spacing:.06em}.appellatio-add{display:flex;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}.appellatio-add input{flex:1;min-width:0;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);font-family:var(--font);font-size:.8rem;padding:.4rem .6rem;min-height:2.2rem}.appellatio-add input:focus{outline:1px solid var(--color-accent);border-color:var(--color-accent)}.appellatio-add select{background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);font-family:var(--font);font-size:.75rem;padding:.4rem;min-height:2.2rem}.btn-primary-sm{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent);font-family:var(--font);font-size:.75rem;padding:.4rem .7rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;min-height:2.2rem;white-space:nowrap}.btn-primary-sm:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-danger-sm{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);font-family:var(--font);font-size:.75rem;padding:.2rem .5rem;cursor:pointer;min-height:1.8rem;line-height:1}.btn-danger-sm:hover{background:#ff44441a}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor:after{content:"█";animation:blink 1s step-end infinite;font-size:.8em;color:var(--color-accent)}@media(min-width:480px){body{max-width:480px;margin:0 auto}}