:root{--md-sys-color-primary:#4caf50;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#c8e6c9;--md-sys-color-on-primary-container:#1b5e20;--md-sys-color-secondary:#66bb6a;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#a5d6a7;--md-sys-color-on-secondary-container:#1b5e20;--md-sys-color-surface:#f5f5f5;--md-sys-color-on-surface:#212121;--md-sys-color-surface-variant:#e0e0e0;--md-sys-color-on-surface-variant:#424242;--md-sys-color-background:#fafafa;--md-sys-color-on-background:#212121;--md-sys-color-outline:#9e9e9e;--md-sys-color-outline-variant:#bdbdbd;--md-sys-color-error:#f44336;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffcdd2;--md-sys-color-on-error-container:#b71c1c;--md-sys-color-success:#4caf50;--md-sys-color-on-success:#fff;--md-sys-color-success-container:#c8e6c9;--md-sys-color-on-success-container:#1b5e20;--md-sys-color-warning:#ff9800;--md-sys-color-on-warning:#fff;--md-sys-color-warning-container:#ffe0b2;--md-sys-color-on-warning-container:#e65100;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:50%;--md-sys-elevation-0:0px 0px 0px 0px transparent;--md-sys-elevation-1:0px 1px 2px 0px rgba(0,0,0,.05);--md-sys-elevation-2:0px 1px 2px 0px rgba(0,0,0,.08);--md-sys-elevation-3:0px 1px 3px 0px rgba(0,0,0,.12);--md-sys-typescale-display-large:400 57px/64px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-display-medium:400 45px/52px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-headline-large:800 32px/40px ui-sans-serif,system-ui,sans-serif;--md-sys-typescale-headline-medium:800 28px/36px ui-sans-serif,system-ui,sans-serif;--md-sys-typescale-headline-small:700 24px/32px ui-sans-serif,system-ui,sans-serif;--md-sys-typescale-title-large:800 22px/28px ui-sans-serif,system-ui,sans-serif;--md-sys-typescale-title-medium:800 16px/24px ui-sans-serif,system-ui,sans-serif;--md-sys-typescale-title-small:700 14px/20px ui-sans-serif,system-ui,sans-serif;--md-sys-typescale-body-large:400 16px/24px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-body-medium:400 14px/20px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-body-small:400 12px/16px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-label-large:500 14px/20px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-label-medium:500 12px/16px "Google Sans","Roboto",system-ui,sans-serif;--md-sys-typescale-label-small:500 11px/16px "Google Sans","Roboto",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Noto Sans,Arial,sans-serif;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-bar{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:20px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--md-sys-elevation-1)}.app-bar-content{max-width:1200px;margin:0 auto}.app-bar h1{font:var(--md-sys-typescale-headline-medium);font-weight:800;color:var(--md-sys-color-on-surface);margin-bottom:4px}.app-bar .subtitle{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.container{max-width:1200px;margin:0 auto;padding:24px;display:grid;grid-template-columns:380px 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:768px){.container{grid-template-columns:1fr;padding:16px;gap:16px}}.card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:24px;box-shadow:var(--md-sys-elevation-1);transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--md-sys-elevation-2);border-color:var(--md-sys-color-outline)}.form-group{margin-bottom:20px}.form-group label{display:block;font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:480px){.form-row,.form-row-3{grid-template-columns:1fr}}.text-field{padding:16px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-medium);transition:all .15s cubic-bezier(.4,0,.2,1)}.text-field,.text-field:focus{background:var(--md-sys-color-surface)}.text-field:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px}.text-field:hover{border-color:var(--md-sys-color-on-surface-variant)}select.text-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}.button{padding:16px 24px;border-radius:var(--md-sys-shape-corner-large);font:var(--md-sys-typescale-label-large);transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-weight:500}.button-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.button-filled:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 92%,#000);box-shadow:var(--md-sys-elevation-2);transform:translateY(-1px)}.button-filled:active{transform:translateY(0);box-shadow:var(--md-sys-elevation-1)}.results-panels{display:flex;flex-direction:column;gap:12px}.result-card{padding:16px;border-radius:12px}.result-card h4{margin:0 0 12px;font-size:1em;font-weight:700;opacity:.8}.result-content{display:flex;flex-direction:column;gap:8px}.result-metric{display:flex;align-items:center;gap:10px}.metric-label{font-size:.95em;font-weight:600;min-width:120px;color:var(--md-sys-color-on-surface)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.metric-card{padding:20px;border-radius:12px;border-left:5px solid;background:var(--md-sys-color-surface,#1e1e1e)}.metric-card h3{margin:0 0 8px;font-size:.95em;font-weight:700;color:var(--md-sys-color-on-surface);opacity:.6}.metric-value{font-size:2.2em;font-weight:800;color:var(--md-sys-color-primary);margin:8px 0 12px;letter-spacing:-.5px}.metric-value .unit{font-size:.7em;font-weight:600;opacity:.9;margin-left:4px}.metric-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-block;border-radius:12px;font-weight:700;font-size:.8em;border:1.5px solid;white-space:nowrap;padding:0 8px}.pill,.pill-z{background:transparent}.pill-z{color:#333;border-color:#ddd}.pill-z.pill-good{background:#181818;color:#66bb6a;border-color:#66bb6a}.pill-z.pill-warn{background:#181818;color:#c6b90c;border-color:#e7cb30}.pill-z.pill-bad{background:#181818;color:#d62c2c;border-color:#f47373}.pill-p{background:transparent;color:#666;border-color:#ccc}.pill-p.pill-good{background:#181818;color:#66bb6a;border-color:#66bb6a}.pill-p.pill-warn{background:#181818;color:#c6b90c;border-color:#e7cb30}.pill-p.pill-bad{background:#181818;color:#d62c2c;border-color:#f47373}.pill-index{background:#181818;color:#fff;border-color:#444;font-size:.85em}.pill-index.pill-good{background:#181818;color:#66bb6a;border-color:#66bb6a}.pill-index.pill-warn{background:#181818;color:#fff6d1;border-color:#e7cb30}.pill-index.pill-bad{background:#181818;color:#ffdedc;border-color:#f47373}.card-good{border-left-color:#53c560;background:rgba(83,197,96,.08)}.card-warn{border-left-color:#e7cb30;background:rgba(231,203,48,.08)}.card-bad{border-left-color:#f47373;background:hsla(0,85%,70%,.08)}.muted{color:#aaa;font-size:1.02em;margin-bottom:5px}.panel{background:#141414;border-radius:18px;box-shadow:0 1px 8px #2228;border:1.5px solid #323232}.card{background:#181818;border-radius:16px;box-shadow:0 0 7px #20202722;border:1.5px solid #2c2c2c}.card-contacts{margin:26px 0 0;padding:16px}.metric-panel{padding:18px 22px;gap:9px;margin-bottom:6px}.error-panel{color:#b00;background:#fee;border-color:#b00}.pillz-group{display:flex;gap:10px}.footer{margin-top:22px;font-size:.95em}.form-row{display:flex;gap:16px;margin-bottom:16px}.text-field{width:100%;padding:12px;border:1px solid #444;border-radius:8px;background:#222;color:#fff}.button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer}.button,.button-filled{background:#4caf50;color:#fff}.contact-pill,.contact-pill-third{padding:0 8px}.age-display{margin:12px 0;padding:16px;background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium)}.age-display,.footer{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium)}.footer{margin-top:48px;padding:24px;text-align:center;border-top:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface)}@keyframes material-enter{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes material-fade-in{0%{opacity:0}to{opacity:1}}.animate-enter{animation:material-enter .3s cubic-bezier(.4,0,.2,1)}.animate-fade{animation:material-fade-in .2s cubic-bezier(.4,0,.2,1)}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid var(--md-sys-color-primary);border-top:2px solid transparent;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-bar{padding:16px}.app-bar h1{font:var(--md-sys-typescale-title-large)}.card,.result-card{padding:20px}}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#66bb6a;--md-sys-color-on-primary:#1b5e20;--md-sys-color-primary-container:#2e7d32;--md-sys-color-on-primary-container:#a5d6a7;--md-sys-color-surface:#121212;--md-sys-color-on-surface:#fff;--md-sys-color-surface-variant:#2c2c2c;--md-sys-color-on-surface-variant:#b3b3b3;--md-sys-color-background:#121212;--md-sys-color-on-background:#fff;--md-sys-color-outline:#666;--md-sys-color-outline-variant:#404040}}a{color:var(--md-sys-color-primary)!important;text-decoration:none}a:hover{color:var(--md-sys-color-secondary);text-decoration:underline}.footer a{color:var(--md-sys-color-primary);text-decoration:none;font-weight:700}.footer a:hover{text-decoration:underline;color:var(--md-sys-color-secondary)}.contact-title{font-weight:800;margin-bottom:16px;color:var(--md-sys-color-on-background);text-align:center}.contact-capsules{display:flex;flex-direction:column;align-items:stretch;gap:12px}.contact-pill{display:flex;align-items:center;justify-content:center;border:2px solid var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-primary);background:transparent;text-decoration:none;font-weight:700;transition:all .2s ease;padding:12px 16px;font-size:.95em;cursor:pointer}.contact-pill svg{width:18px;height:18px;fill:var(--md-sys-color-primary);margin-right:8px;flex-shrink:0}.contact-pill:hover{box-shadow:var(--md-sys-elevation-1);transform:translateY(-2px);color:var(--md-sys-color-secondary);border-color:var(--md-sys-color-secondary)}.contact-pill:hover svg{fill:var(--md-sys-color-secondary)}.contact-pill-full{width:100%}.contact-row{display:flex;justify-content:stretch;gap:12px;width:100%}.contact-pill-third{flex:1 1;min-width:0;padding:10px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}