body[data-view=welcome] main{min-height:0}body[data-view=welcome] .topbar{height:54px}body[data-view=welcome] footer,body[data-view=history-panel] footer{display:none}.topbar{gap:12px}.topbar #my-reports{margin-left:auto;font-size:12px}.topbar #share-entry[hidden]{display:none}
#welcome{padding:8px 0 12px;min-height:calc(100svh - 54px);display:flex;flex-direction:column;gap:10px;box-sizing:border-box}#welcome[hidden]{display:none}.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-intro .eyebrow{font-size:8px;margin:0 0 5px;letter-spacing:.12em}.hero-intro h1{font-size:32px;line-height:1.16;margin:0;letter-spacing:-.04em}.hero-caption{font-size:11px;color:var(--muted);margin:6px 0 0}.source-photo{padding:4px;border:1px solid var(--line);border-radius:13px;background:white;width:79px;flex-shrink:0;transform:rotate(3deg);box-shadow:0 5px 12px #1326190a}.source-photo img{width:69px;height:70px;object-fit:cover;border-radius:9px;display:block}.source-photo span{display:block;font-size:9px;padding:5px 0 2px;color:var(--ink)}
#welcome .sample-carousel{margin:0}#welcome .sample-heading{margin:0 0 5px;font-size:10px;min-height:20px}#welcome .sample-stage{width:min(100%,350px,calc(100svh - 375px));margin:auto;aspect-ratio:1;border-radius:14px;overflow:hidden}#welcome .sample-stage figure{margin:0}#welcome .sample-stage img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:cover}#welcome .sample-tabs{margin:7px 0 0;gap:6px;display:flex;align-items:center}#welcome .sample-tabs button{font-size:10px;padding:5px 13px;min-height:27px}#welcome .sample-tabs>span{margin-left:auto;font-size:8px;color:var(--muted)}
.home-value{padding:2px 0;text-align:center}.home-value strong{font-size:13px;font-weight:600}.home-value p{font-size:10px;line-height:1.6;margin:4px 0 0;color:var(--muted)}.home-action{margin-top:auto}.home-action>.primary{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;border-radius:14px}.home-action>.primary span{font-weight:400}.home-action p{font-size:9px;text-align:center;color:var(--muted);margin:6px 0}.home-action>div{display:flex;gap:8px;justify-content:center;align-items:center;font-size:10px;color:var(--muted)}.home-action .text-button{font-size:10px;padding:3px 6px}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px}.page-heading span{font-size:10px;color:var(--muted)}#history-panel{padding-bottom:30px}#history-panel h1{font-size:26px}#history-list{display:grid;gap:12px;margin:20px 0}#history-status{font-size:12px;color:var(--muted);padding:18px 0}.history-card{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--line);padding:12px;border-radius:16px;background:white;color:var(--ink);width:100%}.history-card img{width:64px;height:80px;border-radius:9px;object-fit:cover;background:var(--sage)}.history-card strong{font-size:14px;display:block}.history-card span{font-size:10px;display:block;margin-top:6px;color:var(--muted)}#history-start{width:100%}
@media(max-height:730px){#welcome{gap:6px}.hero-intro h1{font-size:28px}.source-photo{width:70px}.source-photo img{width:60px;height:61px}#welcome .sample-stage{width:min(100%,calc(100svh - 352px))}.home-value p{margin-top:2px}.home-action>.primary{min-height:44px}}
@media(min-width:700px){#welcome{min-height:calc(100svh - 54px);max-height:900px}}
#welcome .sample-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#welcome .sample-tabs button{font-size:11px;padding:7px 4px;min-height:34px}#welcome .sample-disclaimer{font-size:9px;color:var(--muted)}#sample-stage{touch-action:pan-y}