:root{--p31-bg-dark: #0a0b0d;--p31-bg-panel: rgba(15, 16, 20, .85);--p31-phos-green: #5DCAA5;--p31-phos-green-dim: #3a8a6e;--p31-phos-coral: #E86452;--p31-phos-coral-dim: #a84638;--p31-bg-card: rgba(255, 255, 255, .08);--p31-bg-card-hover: rgba(255, 255, 255, .12);--p31-border: rgba(255, 255, 255, .08);--p31-border-strong: rgba(255, 255, 255, .15);--p31-text-primary: #f0f0f3;--p31-text-secondary: #9ca3af;--p31-text-muted: #6b7280;--p31-purple-start: #667eea;--p31-purple-end: #764ba2;--p31-surface-glass: rgba(255, 255, 255, .06);--p31-surface-glass-elevated: rgba(255, 255, 255, .1);--p31-shadow-glow: 0 0 20px rgba(93, 202, 165, .15);--p31-shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--p31-focus-ring: 0 0 0 2px rgba(93, 202, 165, .4);--p31-danger: #ff6b6b;--p31-warning: #f59e0b;--p31-success: #10b981;--p31-radius-sm: 8px;--p31-radius-md: 12px;--p31-radius-lg: 16px;--p31-radius-xl: 24px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{margin:0;padding:0;background:var(--p31-bg-dark);color:var(--p31-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--p31-surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--p31-border);border-radius:var(--p31-radius-lg)}.glass-elevated{background:var(--p31-surface-glass-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--p31-border-strong);border-radius:var(--p31-radius-lg);box-shadow:var(--p31-shadow-card)}.glass-card{background:var(--p31-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--p31-border);border-radius:var(--p31-radius-md);padding:20px;margin-bottom:16px;color:var(--p31-text-primary);transition:background .2s ease,border-color .2s ease}.glass-card:hover{background:var(--p31-bg-card-hover);border-color:var(--p31-border-strong)}.glass-input{width:100%;padding:14px 16px;font-size:16px;border:1px solid var(--p31-border);border-radius:var(--p31-radius-md);background:var(--p31-bg-panel);color:var(--p31-text-primary);box-sizing:border-box;margin-bottom:12px;font-family:var(--font-family);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.glass-input::placeholder{color:var(--p31-text-muted)}.glass-input:focus{border-color:var(--p31-phos-green);box-shadow:var(--p31-focus-ring)}textarea.glass-input{min-height:120px;resize:vertical}@keyframes stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-in{animation:stagger-in .35s ease-out both}.stagger-in:nth-child(1){animation-delay:.02s}.stagger-in:nth-child(2){animation-delay:.06s}.stagger-in:nth-child(3){animation-delay:.1s}.stagger-in:nth-child(4){animation-delay:.14s}.stagger-in:nth-child(5){animation-delay:.18s}.stagger-in:nth-child(6){animation-delay:.22s}.stagger-in:nth-child(7){animation-delay:.26s}.stagger-in:nth-child(8){animation-delay:.3s}.stagger-in:nth-child(9){animation-delay:.34s}.stagger-in:nth-child(10){animation-delay:.38s}.btn-press{transition:transform .1s ease,box-shadow .2s ease,opacity .2s ease;cursor:pointer}.btn-press:active{transform:scale(.97)}.btn-press:disabled{opacity:.5;cursor:not-allowed}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--p31-bg-card) 25%,rgba(255,255,255,.12) 50%,var(--p31-bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--p31-radius-md)}@keyframes pulse-border{0%,to{border-color:var(--p31-danger);box-shadow:0 0 #ff6b6b66}50%{border-color:#ff6b6b99;box-shadow:0 0 0 6px #ff6b6b00}}.pulse-border{animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #5dcaa533}50%{box-shadow:0 0 16px #5dcaa566}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.p31-h1{font-size:32px;font-weight:800;margin:0;letter-spacing:2px;color:var(--p31-text-primary)}.p31-h2{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--p31-text-primary)}.p31-h3{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--p31-purple-start)}.p31-body{font-size:15px;color:var(--p31-text-primary);line-height:1.5}.p31-body-sm{font-size:14px;color:var(--p31-text-secondary);line-height:1.5}.p31-caption{font-size:12px;color:var(--p31-text-muted);line-height:1.4}.p31-label{font-size:11px;font-weight:600;color:var(--p31-text-muted);text-transform:uppercase;letter-spacing:.5px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.critical-alert-indicator{animation:pulse-border 2s ease-in-out infinite;border:2px solid var(--p31-danger);border-radius:var(--p31-radius-md)}.dose-timer-ring{display:inline-flex;align-items:center;justify-content:center}footer.glass-panel{padding:16px;text-align:center;font-size:12px;color:var(--p31-text-secondary);border-top:1px solid var(--p31-border);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}footer.glass-panel a{color:var(--p31-phos-green);text-decoration:none;transition:color .2s ease}footer.glass-panel a:hover{color:var(--p31-text-primary)}::selection{background:#5dcaa54d;color:var(--p31-text-primary)}