:root{--bg:#090d10;--panel:#10171b;--line:#253337;--muted:#81969b;--green:#2fffbb;--white:#e6f0ef;--accent:#3ee4db}body{background:radial-gradient(ellipse at 90% 0,#0c242330,transparent 55%),var(--bg)}.sidebar{background:#0b1114;overflow-y:auto}.logo span{color:#2fffbb}nav a{transition:color .18s,background .18s,transform .18s}nav a:hover{background:#152427;transform:translateX(3px)}nav a.active{color:#2fffbb;background:#13312c}nav b{background:#1c4940}nav i{border-color:#30504b;color:#7ec6b9}.primary{background:linear-gradient(115deg,#2fffbb,#3ee4db);color:#07382d;box-shadow:0 3px 20px #2fffbb12}.primary:hover{background:#61ffd0;box-shadow:0 5px 24px #2fffbb28}.primary,.secondary{transition:transform .18s,box-shadow .18s,background .18s}.primary:hover,.secondary:hover{transform:translateY(-2px)}.primary:active,.secondary:active{transform:translateY(0) scale(.98)}.secondary{background:#162226;border-color:#2c4448;color:#c8e0df}.hero{border-color:#254e49;background:radial-gradient(ellipse at 85% 20%,#12655380,transparent 58%),linear-gradient(115deg,#102c2b,#101b24)}.hero:after{background-image:linear-gradient(90deg,transparent 49%,#7af5db0c 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#7af5db0c 50%,transparent 51%)}.hero-art{color:#42f4ca16;border-color:#3ee4db35;text-shadow:none}.hero p{color:#98b8b5}.hero-tag{color:#68a99e}.avatar,.family-icon{background:#10342e;color:#2fffbb;border-color:#2e6d60}.family-card{transition:transform .2s,border-color .2s,box-shadow .2s}.family-card:hover{transform:translateY(-3px);border-color:#367d70;box-shadow:0 8px 25px #0003}.map-card{background:radial-gradient(ellipse at 90% 0,#153b3a,transparent 65%),#111e23}.map-symbol{color:#3ee4db33}.pill{color:#80ccbd;border-color:#28564e}.result{background:#123e32;color:#2fffbb}.empty-icon{border-color:#285149;background:#122b29;color:#62dcc4}.info-bar{border-color:#265249;background:#102922;color:#92cbbd}.warning{border-color:#755437;background:#2b2218;color:#e3bf98}.quick-note,.panel-head{border-color:#253337}.search,.filters select{background:#101d22;border-color:#294148;color:#d4e8e5}.subline,.muted{color:#78928d}.stat small{color:#819c96}.side-bottom p,.external{color:#819d98}.stat-label{color:#a0b9b3}.language-picker{font:600 11px Manrope,Segoe UI,sans-serif;color:#b8e2d8;border:1px solid #2a4d46;border-radius:7px;background:#101f21;padding:9px;cursor:pointer}.header-right{gap:14px}.family-cover{display:flex;align-items:center;gap:20px;padding:30px;border:1px solid #2e5f54;border-radius:12px;background:radial-gradient(ellipse at 95% 5%,#1c64575c,transparent 65%),#112329;position:relative;overflow:hidden}.family-cover .family-icon{width:68px;height:68px;flex-shrink:0;font-size:19px}.family-cover h2{font-size:30px;margin:8px 0;overflow-wrap:anywhere}.family-cover p{margin:0;max-width:600px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.family-cover>.pill{margin-left:auto;white-space:nowrap}.personal-tabs{display:flex;gap:8px;padding:18px 0 24px;overflow-x:auto}.personal-tabs button{font:inherit;font-size:12px;background:transparent;border:1px solid transparent;padding:11px 16px;border-radius:7px;color:#8da8a3;white-space:nowrap;transition:background .18s,color .18s}.personal-tabs button.selected{background:#133c32;color:#2fffbb;border-color:#245344}.personal-tabs button:hover{color:#c3f6e8;background:#142924}.padded{padding:26px}.settings-form{max-width:800px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}textarea{font:inherit;display:block;width:100%;background:#0c181c;border:1px solid #2b4943;color:#e6f0ef;border-radius:6px;padding:12px;margin-top:8px;resize:vertical}.settings-form input,.settings-form select,dialog input,dialog select{background:#0c181c;border-color:#2b4943;color:#e6f0ef}.settings-form>.primary{margin-top:20px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{display:inline;width:17px;height:17px;margin:0;accent-color:#2fffbb}.local-note{padding:0 24px 24px;text-align:center;font-size:11px;max-width:620px;margin:0 auto}.backup-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.file-label{display:inline-block;margin:0;cursor:pointer}dialog{background:#101d20;border-color:#326355;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#030b0dcc;backdrop-filter:blur(7px)}#toast{background:#15382e;border-color:#3b7962;color:#c4ffea}.green{color:var(--green)}.brand:hover .logo{filter:drop-shadow(0 0 8px #2fffbb5c)}.workspace main>.page-head{animation:enter .35s ease-out both}.workspace main>.hero,.workspace main>.family-cover{animation:enter .45s ease-out both}.stats .stat{animation:enter .4s ease-out both}.stats .stat:nth-child(2){animation-delay:.04s}.stats .stat:nth-child(3){animation-delay:.08s}.stats .stat:nth-child(4){animation-delay:.12s}.cards .family-card{animation:enter .35s ease-out both}.grid>.panel{animation:enter .45s ease-out both}.grid>.panel:nth-child(2){animation-delay:.08s}dialog[open]{animation:dialog-in .2s ease-out}.hero-art{animation:float-mark 8s ease-in-out infinite}.status span{box-shadow:0 0 8px #2fffbb55}#toast{animation:enter .2s ease-out}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-mark{0%,100%{transform:rotate(-13deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-8px)}}@media(max-width:700px){.family-cover{padding:22px;flex-wrap:wrap;gap:16px}.family-cover>.pill{margin-left:0}.family-cover h2{font-size:25px}.family-cover .family-icon{width:49px;height:49px}.form-grid{grid-template-columns:1fr}.padded{padding:20px}.personal-tabs button{padding:10px 12px}.header-right{gap:10px}.language-picker{padding:8px}.sidebar{overflow-y:visible}.backup-actions{align-items:stretch;flex-direction:column}.page-head{flex-wrap:wrap}.info-bar{font-size:11px}}