*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--col-bg: #07080e;--col-panel: #0c0e1c;--col-blue: #3b82f6;--col-blue-light: #60a5fa;--col-blue-dark: #1d4ed8;--col-blue-dim: rgba(59, 130, 246, .12);--col-blue-border: rgba(59, 130, 246, .22);--col-text: #dde6f5;--col-text-dim: #4e6080;--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", "SF Mono", "Consolas", monospace}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--col-bg);color:var(--col-text);font-family:var(--font-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.035) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0}.header{position:fixed;top:0;left:0;z-index:20;padding:22px 30px;display:flex;align-items:baseline;gap:14px}.logo{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--col-blue-light);letter-spacing:.1em}.tagline{font-size:9px;font-weight:500;letter-spacing:.22em;color:var(--col-text-dim);text-transform:uppercase}.connections-svg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.character{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:124px;height:124px;display:flex;align-items:center;justify-content:center}.char-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--col-blue);animation:ring-breathe 4s ease-in-out infinite}.char-ring--outer{opacity:.28;animation-delay:0s}.char-ring--inner{top:12px;right:12px;bottom:12px;left:12px;opacity:.45;border-style:dashed;animation-delay:.6s}.char-core{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#93c5fd,#2563eb,#1e3a8a);box-shadow:0 0 28px #3b82f6a6,0 0 72px #3b82f638,inset 0 2px 10px #ffffff2e;animation:core-glow 4s ease-in-out infinite}.char-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.28em;color:var(--col-blue);white-space:nowrap;opacity:.75}@keyframes ring-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes core-glow{0%,to{box-shadow:0 0 28px #3b82f6a6,0 0 72px #3b82f638,inset 0 2px 10px #ffffff2e}50%{box-shadow:0 0 42px #3b82f6d9,0 0 100px #3b82f652,inset 0 2px 10px #ffffff3d}}.panel{position:absolute;width:272px;background:var(--col-panel);border:1px solid var(--col-blue-border);border-radius:6px;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--col-blue) 0%,transparent 80%)}.panel--profile{top:12%;right:5%}.panel--stats{bottom:9%;right:5%}.panel-header{padding:14px 18px 12px;border-bottom:1px solid var(--col-blue-border);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(59,130,246,.07) 0%,transparent 100%)}.panel-tag{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.22em;color:var(--col-blue-light);background:#3b82f61a;border:1px solid rgba(59,130,246,.28);padding:3px 8px;border-radius:2px}.panel-title{font-size:13px;font-weight:600;color:var(--col-text);letter-spacing:.03em}.panel-list{list-style:none;padding:14px 18px;display:flex;flex-direction:column;gap:11px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.info-label{font-size:11px;font-weight:500;color:var(--col-text-dim);letter-spacing:.05em;flex-shrink:0;min-width:52px}.info-value{font-family:var(--font-mono);font-size:12px;color:var(--col-text);text-align:right;flex:1;min-width:0;outline:none;border-bottom:1px solid transparent;padding:2px 4px;border-radius:2px;transition:border-color .18s,background .18s,color .18s;cursor:text}.info-value:hover{border-bottom-color:#3b82f659}.info-value:focus{border-bottom-color:var(--col-blue);background:#3b82f60f;color:#fff}.stat-row{display:flex;align-items:center;gap:8px}.stat-label{font-size:11px;font-weight:500;color:var(--col-text-dim);letter-spacing:.04em;min-width:46px;flex-shrink:0}.stat-bar{flex:1;height:5px;background:#3b82f614;border-radius:3px;overflow:hidden;border:1px solid rgba(59,130,246,.14)}.stat-bar__fill{height:100%;width:50%;background:linear-gradient(90deg,var(--col-blue-dark),var(--col-blue-light));border-radius:3px;box-shadow:0 0 8px #3b82f68c;transition:width .5s cubic-bezier(.4,0,.2,1)}.stat-num{font-family:var(--font-mono);font-size:11px;color:var(--col-blue-light);min-width:24px;text-align:right;outline:none;border-bottom:1px solid transparent;padding:2px;border-radius:2px;transition:border-color .18s,color .18s;cursor:text}.stat-num:hover{border-bottom-color:#3b82f659}.stat-num:focus{border-bottom-color:var(--col-blue);color:#fff}.pick-btn{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.15em;color:var(--col-blue-light);background:#3b82f61a;border:1px solid rgba(59,130,246,.28);padding:3px 8px;border-radius:2px;cursor:pointer;flex-shrink:0;transition:background .18s,border-color .18s}.pick-btn:hover{background:#3b82f633;border-color:#3b82f680}.age-content{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.age-birthdate{font-family:var(--font-mono);font-size:9px;color:var(--col-text-dim)}.age-value{font-family:var(--font-mono);font-size:12px;color:var(--col-text)}.unit-input-wrap{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-end}.unit-input{font-family:var(--font-mono);font-size:12px;color:var(--col-text);background:transparent;border:none;border-bottom:1px solid transparent;outline:none;text-align:right;width:64px;padding:2px 4px;border-radius:2px;transition:border-color .18s,background .18s,color .18s;cursor:text;-moz-appearance:textfield}.unit-input::-webkit-inner-spin-button,.unit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit-input:hover{border-bottom-color:#3b82f659}.unit-input:focus{border-bottom-color:var(--col-blue);background:#3b82f60f;color:#fff}.unit-input::placeholder{color:var(--col-text-dim)}.unit-suffix{font-family:var(--font-mono);font-size:11px;color:var(--col-text-dim)}.blood-selected{font-family:var(--font-mono);font-size:12px;color:var(--col-text);flex:1;text-align:right}.picker-overlay,.blood-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#07080ec7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.picker-overlay.is-open,.blood-overlay.is-open{opacity:1;pointer-events:all}.picker-modal{background:var(--col-panel);border:1px solid var(--col-blue-border);border-radius:8px;padding:20px 24px;display:flex;flex-direction:column;gap:16px;position:relative}.picker-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--col-blue) 0%,transparent 80%);border-radius:8px 8px 0 0}.picker-body{position:relative;display:flex;align-items:center;height:168px}.picker-center-highlight{position:absolute;top:63px;left:0;right:0;height:42px;border-top:1px solid rgba(59,130,246,.45);border-bottom:1px solid rgba(59,130,246,.45);background:#3b82f612;pointer-events:none;z-index:2}.picker-col-wrap{overflow:hidden;height:168px}.picker-col-wrap--year{width:68px}.picker-col-wrap--sm{width:44px}.picker-col{height:168px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent 0%,black 25%,black 75%,transparent 100%);mask-image:linear-gradient(transparent 0%,black 25%,black 75%,transparent 100%)}.picker-col::-webkit-scrollbar{display:none}.picker-spacer{height:63px;flex-shrink:0}.picker-item{height:42px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;color:var(--col-text);scroll-snap-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.picker-unit{font-size:11px;color:var(--col-text-dim);padding:0 6px;flex-shrink:0;align-self:center}.picker-confirm{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--col-blue-light);background:#3b82f61f;border:1px solid rgba(59,130,246,.35);padding:9px 24px;border-radius:3px;cursor:pointer;width:100%;transition:background .18s,border-color .18s}.picker-confirm:hover{background:#3b82f638;border-color:#3b82f699}.blood-modal{background:var(--col-panel);border:1px solid var(--col-blue-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:14px;position:relative}.blood-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--col-blue) 0%,transparent 80%);border-radius:8px 8px 0 0}.blood-modal-title{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--col-text-dim);text-transform:uppercase}.blood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.blood-option{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--col-text);background:#3b82f60f;border:1px solid rgba(59,130,246,.18);border-radius:4px;padding:10px 8px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s}.blood-option:hover{background:#3b82f629;border-color:#3b82f673;color:var(--col-blue-light)}.blood-option.is-selected{background:#3b82f638;border-color:var(--col-blue);color:var(--col-blue-light)}