:root{font-family:Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;color:#1b232b;background-color:#f5f2ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#f8fbff,#f5f2ed 55%,#efe9e2)}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{max-width:1100px;margin:0 auto;padding:48px 20px 80px;display:flex;flex-direction:column;gap:56px}.hero{display:grid;gap:12px}.brand{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:#54606e}.hero h1{font-size:clamp(2.2rem,2vw + 1.6rem,3.4rem);margin:0;color:#1b232b}.hero p{margin:0;max-width:560px;color:#4a5562}.try-section{display:grid;gap:28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2{margin:0;font-size:clamp(1.8rem,1.4vw + 1.2rem,2.4rem);color:#1b232b}.eyebrow{margin:0 0 4px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#7c8796}.subtle{margin:6px 0 0;color:#5a6470}.fatigue-card{position:relative;border-radius:24px;background:#fff;box-shadow:0 18px 50px #0f172a1f;padding:28px;display:grid;gap:24px;overflow:hidden}.fatigue-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.fatigue-card-header h3{margin:0;font-size:1.5rem;color:#1d2630}.score-badge{min-width:90px;border-radius:16px;border:1px solid #e5e9ee;padding:10px 12px;text-align:center;background:#f8fafc;color:#1b232b}.score-badge span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#7c8796}.score-badge strong{font-size:1.4rem}.inputs-area{display:grid;gap:20px}.inputs-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-group p{margin:0 0 10px;font-weight:600;color:#1f2937}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:999px;border:1px solid #d7dde5;background:#fff;padding:6px 14px;font-size:.9rem;transition:all .2s ease;color:#2a3642}.pill:hover{border-color:#9fb3c8}.pill.active{background:#1b232b;color:#fff;border-color:#1b232b}.live-signals{display:grid;gap:12px;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.signal-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.signal-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.signal-label{margin:0 0 4px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#7c8796}.signal-value{margin:0;color:#1f2937;font-weight:600;font-size:.95rem}.ghost-button{border-radius:999px;border:1px solid #cbd5e1;background:transparent;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;color:#1f2937}.ghost-button:disabled{opacity:.6;cursor:not-allowed}.cta{border:none;border-radius:999px;padding:12px 20px;background:#1b232b;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a2e}.cta:disabled,.pill:disabled{cursor:not-allowed;opacity:.6}.result-area{display:grid;gap:16px}.signals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:12px 16px;border-radius:16px;background:#f8fafc}.meter{display:grid;gap:10px}.meter-label{display:flex;justify-content:space-between;color:#1b232b;font-weight:600}.meter-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meter-segment{border-radius:999px;padding:8px 0;text-align:center;background:#eef2f7;color:#5a6470;font-size:.85rem;font-weight:600}.meter-segment.active{background:#1b232b;color:#fff}.insight{margin:0;color:#4a5562}.action{border-radius:16px;background:#f1f5f9;padding:14px 16px}.action p{margin:0 0 4px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#7c8796}.action strong{color:#1b232b;font-size:1rem}.disclaimer{margin:0;font-size:.82rem;color:#7c8796}.text-button{border:none;background:transparent;color:#1b232b;text-decoration:underline;cursor:pointer;padding:0;font-weight:600;justify-self:start}.loading-overlay{position:absolute;inset:0;background:#ffffffeb;display:grid;place-items:center;gap:12px;text-align:center;padding:24px}.loading-message{margin:0;color:#1b232b;font-weight:600}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:#1b232b;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{width:100%;border-radius:12px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.meter-skeleton{height:36px;max-width:420px}.text-skeleton{height:16px;max-width:480px}.text-skeleton.short{max-width:360px}@keyframes shimmer{0%{background-position:0% 0}to{background-position:-200% 0}}@media(max-width:720px){.fatigue-card-header{flex-direction:column;align-items:flex-start}.score-badge{align-self:flex-start}}