@import "tailwindcss";
:root{--ink:#27251f;--muted:#77736b;--cream:#f5f1e8;--card:#fffdf8;--sage:#87947a;--sage-dark:#66745b;--line:#e8e1d5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.app-shell{max-width:1120px;margin:auto;padding:0 32px 120px}.topbar{height:88px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand-mark{width:43px;height:43px;border-radius:15px;background:var(--sage-dark);color:#fff;display:grid;place-items:center;font:24px Georgia,serif}.brand-copy{display:flex;flex-direction:column;margin-left:12px}.brand-copy strong{font:700 20px Georgia,serif}.brand-copy span{font-size:11px;color:var(--muted);margin-top:3px}.avatar{margin-left:auto;border:0;background:#d9cfc0;width:42px;height:42px;border-radius:50%;color:#5f554a;font-weight:700}.hero{display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:center;padding:54px 0 32px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--sage-dark);margin:0 0 10px}.hero h1{font:600 42px/1.08 Georgia,serif;margin:0 0 12px}.muted{color:var(--muted);font-size:16px}.score-card,.panel{background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 38px rgba(62,53,42,.06)}.score-card{padding:24px}.score-top{display:flex;align-items:end;justify-content:space-between;color:var(--muted);font-size:13px}.score-top strong{font:600 36px Georgia,serif;color:var(--ink)}.score-top small{font:400 14px Arial;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--sage-dark);margin:22px 0 2px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#99938a}.primary{width:100%;margin-top:18px;border:0;background:var(--sage-dark);color:white;border-radius:12px;padding:13px;font-weight:700}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.panel{padding:27px}.panel-head,.section-head{display:flex;justify-content:space-between;align-items:start}.panel h2,.timeline-section h2{font:600 25px Georgia,serif;margin:0}.quiet{border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 12px;color:var(--muted)}.trend-summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-top:25px}.trend-summary strong{font:600 32px Georgia}.trend-summary p{grid-column:1/4;margin:0;color:var(--muted);font-size:12px}.positive{color:#567450;background:#edf2e9;border-radius:20px;padding:4px 8px;font-size:12px}.chart{height:115px;position:relative;margin:10px 5px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#eee8de 38px)}.chart-line{position:absolute;inset:20% 0 12%;background:linear-gradient(170deg,transparent 49.3%,var(--sage-dark) 50%,transparent 50.7%);opacity:.2}.chart i{position:absolute;width:9px;height:9px;background:var(--sage-dark);border:2px solid var(--card);border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 0 1px var(--sage-dark)}.days{display:flex;justify-content:space-between;font-size:9px;color:#99938a}.insight-panel{background:var(--sage-dark);color:#fff;border:0;position:relative;overflow:hidden}.insight-panel:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.05);right:-60px;bottom:-70px}.insight-panel .eyebrow{color:#dfe5da}.spark{font-size:26px;margin-bottom:22px}.insight-panel h2{font-size:27px;max-width:280px}.insight-panel>p:not(.eyebrow){line-height:1.55;color:#e3e7df;font-size:14px}.text-button{border:0;background:transparent;color:white;padding:8px 0;font-weight:700}.timeline-section{padding-top:38px}.add-button{border:0;background:var(--ink);color:white;padding:12px 17px;border-radius:12px;font-weight:700}.timeline{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.event{display:grid;grid-template-columns:48px 1fr;gap:16px;background:rgba(255,253,248,.65);border:1px solid var(--line);border-radius:18px;padding:20px}.event-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#e7eadf;font-size:20px}.neutral-event .event-icon{background:#eee4dd}.event-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.event-meta b{color:var(--sage-dark)}.event h3{font:600 17px Georgia,serif;margin:7px 0}.event p{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 12px}.tags{display:flex;gap:7px}.tags span{font-size:10px;background:#ece9df;border-radius:20px;padding:5px 9px}.bottom-nav{display:none}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #b58670;outline-offset:2px}@media(max-width:760px){.app-shell{padding:0 18px 105px}.topbar{height:72px}.hero{display:block;padding:32px 0 22px}.hero h1{font-size:34px}.score-card{margin-top:25px}.content-grid{display:block}.insight-panel{margin-top:16px}.timeline{grid-template-columns:1fr}.section-head{align-items:center}.add-button{font-size:0;width:43px;height:43px;padding:0}.add-button:first-letter{font-size:22px}.bottom-nav{position:fixed;display:grid;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:end;left:0;right:0;bottom:0;background:rgba(255,253,248,.96);border-top:1px solid var(--line);padding:9px 10px 14px;z-index:10}.bottom-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px}.bottom-nav button span{font-size:20px}.bottom-nav .active{color:var(--sage-dark);font-weight:700}.bottom-nav .nav-add{width:54px;height:54px;border-radius:50%;background:var(--sage-dark);color:white;font-size:27px;justify-content:center;transform:translateY(-12px)}.brand-copy span{display:none}}