:root{--bio-primary:#6366f1;--bio-physical:#ef4444;--bio-emotional:#10b981;--bio-intellectual:#3b82f6;--bio-text:#1e293b;--bio-text-muted:#64748b;--bio-bg:#fff;--bio-border:#e2e8f0;--bio-card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a}._bio-container{max-width:800px;margin:0 auto}._bio-setup{background:var(--bio-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5) var(--main-space-6);box-shadow:var(--bio-card-shadow);border-style:solid;border-width:1px;border-color:var(--bio-border);margin-bottom:var(--main-space-6)}._bio-setup-header{align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-4);color:var(--bio-primary);display:flex}._bio-setup-title{color:var(--bio-text);font-size:1rem;font-weight:700}._bio-setup-body{align-items:flex-end;gap:var(--main-space-4);display:flex}._bio-birthday-fields{align-items:flex-end;gap:var(--main-space-2);flex:1;display:flex}._bio-field{flex-direction:column;gap:.25rem;display:flex}._bio-field-label{color:var(--bio-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:500}._bio-input{border-style:solid;border-width:1.5px;border-color:var(--bio-border);border-radius:var(--main-radius);background:var(--bio-bg);color:var(--bio-text);font-size:1rem;font-family:var(--main-font-mono);text-align:center;-moz-appearance:textfield;outline:none;width:4.5rem;padding:.5rem .625rem}._bio-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._bio-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._bio-input:focus{border-color:var(--bio-primary);box-shadow:0 0 0 3px #6366f11f}._bio-field:last-child ._bio-input{width:5.5rem}._bio-separator{color:var(--bio-text-muted);padding-bottom:.5rem;font-size:1.125rem}._bio-submit-btn{align-items:center;gap:var(--main-space-2);border-radius:var(--main-radius);background:var(--bio-primary);color:#fff;cursor:pointer;white-space:nowrap;border-width:0;padding:.5rem 1.25rem;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #6366f140}._bio-submit-btn:hover{opacity:.9}._bio-submit-btn:active{box-shadow:0 1px 4px #6366f133}._bio-setup-error{margin-top:var(--main-space-3);color:var(--main-error,#ef4444);font-size:.8125rem}._bio-date-input{border-style:solid;border-width:1.5px;border-color:var(--bio-border);border-radius:var(--main-radius);background:var(--bio-bg);color:var(--bio-text);outline:none;padding:.5rem .75rem;font-size:.9375rem}._bio-date-input:focus{border-color:var(--bio-primary);box-shadow:0 0 0 3px #6366f11f}._bio-date-input-sm{padding:.375rem .5rem;font-size:.875rem}._bio-disclaimer{border-top-style:solid;border-top-width:1px;border-top-color:var(--bio-border);color:var(--bio-text-muted);text-align:center;margin-top:2.5rem;padding-top:1.25rem;font-size:.75rem;line-height:1.5}@media (max-width:768px){._bio-container{padding-left:.75rem;padding-right:.75rem}._bio-setup{padding:var(--main-space-4);margin-bottom:var(--main-space-4)}._bio-setup-body{align-items:stretch;gap:var(--main-space-3);flex-direction:column}._bio-birthday-fields{gap:var(--main-space-1);width:100%}._bio-field{flex:1;min-width:0}._bio-input{width:100%;min-height:44px;padding:.625rem .5rem;font-size:1rem}._bio-field:last-child ._bio-input{width:100%}._bio-separator{padding-bottom:.65rem;font-size:1rem}._bio-submit-btn{justify-content:center;min-height:44px;padding:.75rem 1.25rem;font-size:1rem}._bio-date-input-sm{min-height:40px;padding:.5rem;font-size:1rem}._bio-disclaimer{margin-top:1.5rem;padding-top:1rem}}._bio-status{gap:var(--main-space-4);margin-bottom:var(--main-space-6);grid-template-columns:repeat(3,1fr);display:grid}._bio-card{background:var(--bio-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);box-shadow:var(--bio-card-shadow);border-style:solid;border-width:1px;border-color:var(--bio-border);text-align:center}._bio-card-header{justify-content:center;align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-3);display:flex}._bio-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}._bio-dot-physical{background:var(--bio-physical)}._bio-dot-emotional{background:var(--bio-emotional)}._bio-dot-intellectual{background:var(--bio-intellectual)}._bio-card-title{color:var(--bio-text);font-size:.875rem;font-weight:600}._bio-card-cycle{color:var(--bio-text-muted);font-size:.75rem}._bio-card-value{margin-bottom:var(--main-space-1);font-size:1.75rem;font-weight:700;line-height:1.2}._bio-card-physical ._bio-card-value{color:var(--bio-physical)}._bio-card-emotional ._bio-card-value{color:var(--bio-emotional)}._bio-card-intellectual ._bio-card-value{color:var(--bio-intellectual)}._bio-card-state{color:var(--bio-text-muted);font-size:.8125rem;font-weight:500}._bio-placeholder ._bio-card-value,._bio-placeholder ._bio-card-state{color:var(--bio-border)}._bio-placeholder ._bio-card-dot{opacity:.35}@media (max-width:768px){._bio-status{gap:var(--main-space-2);margin-bottom:var(--main-space-4);grid-template-columns:1fr}._bio-card{justify-content:space-between;align-items:center;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);text-align:left;display:flex}._bio-card-header{flex:1;justify-content:flex-start;min-width:0;margin-bottom:0}._bio-card-title{font-size:.9375rem}._bio-card-value{flex-shrink:0;margin-bottom:0;font-size:1.375rem}._bio-card-state{display:none}}._bio-chart-section{background:var(--bio-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);box-shadow:var(--bio-card-shadow);border-style:solid;border-width:1px;border-color:var(--bio-border)}._bio-chart-nav{justify-content:center;align-items:center;gap:var(--main-space-3);margin-bottom:var(--main-space-4);display:flex}._bio-nav-btn{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--bio-border);background:var(--bio-bg);width:32px;height:32px;color:var(--bio-text-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}._bio-nav-btn:hover{color:var(--bio-text);border-color:var(--bio-primary)}._bio-nav-date{align-items:center;display:flex}._bio-today-btn{border-radius:var(--main-radius);border-style:solid;border-width:1.5px;border-color:var(--bio-primary);color:var(--bio-primary);cursor:pointer;background:0 0;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}._bio-today-btn:hover{background:var(--bio-primary);color:#fff}._bio-chart-wrap{min-height:300px;position:relative}._bio-chart-wrap canvas{width:100%!important;height:300px!important}._bio-chart-empty{justify-content:center;align-items:center;gap:var(--main-space-3);min-height:300px;color:var(--bio-border);flex-direction:column;display:flex}._bio-chart-empty span{color:var(--bio-text-muted);opacity:.6;font-size:.875rem}._bio-placeholder ._bio-nav-btn,._bio-placeholder ._bio-today-btn,._bio-placeholder ._bio-date-input{opacity:.4;pointer-events:none}@media (max-width:768px){._bio-chart-section{padding:var(--main-space-3)}._bio-chart-nav{gap:var(--main-space-2);flex-wrap:wrap}._bio-nav-btn{width:40px;height:40px}._bio-nav-date{flex:1;min-width:0}._bio-nav-date ._bio-date-input{width:100%}._bio-today-btn{min-height:40px;padding:.5rem .875rem;font-size:.875rem}._bio-chart-wrap{min-height:260px}._bio-chart-wrap canvas{height:260px!important}._bio-chart-empty{min-height:260px}}@media (max-width:380px){._bio-chart-nav{gap:var(--main-space-1)}._bio-today-btn{padding:.5rem .625rem;font-size:.8125rem}}