.records-page{min-height:100dvh;background:#f3f7f8;color:#062d46;padding:0 16px 40px;font-family:system-ui,-apple-system,"Hiragino Sans",sans-serif}.records-page>header,.records-page>section,.records-page>footer{max-width:760px;margin:0 auto}.records-page>header{padding:calc(20px + env(safe-area-inset-top)) 0 20px;position:relative}.records-page>header>a{position:absolute;left:0;top:calc(22px + env(safe-area-inset-top));font-size:42px;text-decoration:none;color:#062d46}.records-page>header>div{width:180px;margin:0 auto 16px}.records-page .brand-logo{display:block;width:100%;height:auto}.records-page>header small,.records-page>header h1,.records-page>header p{text-align:center;display:block}.records-page>header h1{font-size:34px;margin:4px 0}.records-page>header p{color:#57717e;margin:4px auto;max-width:34rem}.records-page>section{margin-top:24px}.records-page>section>h2{font-size:20px;margin:0 0 12px}.record-list{display:grid;gap:12px}.record-card,.records-loading,.records-error,.records-empty,.records-progress,.disease-chips{background:#fff;border:1px solid #d7e4e7;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(6,45,70,.06)}.record-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-card h2{margin:3px 0;font-size:19px}.record-card time,.record-card small{color:#66808c;font-size:12px}.record-score{display:flex;gap:10px;margin:14px 0}.record-score b{background:#e7f7f4;border-radius:12px;padding:10px 14px}.record-card details{border-top:1px solid #e2eaec;padding-top:10px}.record-card button,.records-error button{width:100%;border:0;border-radius:13px;background:#0b6a72;color:white;font-weight:700;padding:13px;margin-top:10px}.disease-chips{display:flex;flex-wrap:wrap;gap:8px}.disease-chips span{padding:7px 10px;border-radius:99px;background:#edf1f2;color:#60747d;font-size:13px}.disease-chips span.discovered{background:#d9f4ed;color:#075c57}.records-page>footer{text-align:center;padding:28px}.records-page>footer a{color:#075c57;font-weight:700}.records-error{color:#9d2431}.records-empty{color:#66808c;margin:0}
@media(min-width:700px){.record-list{grid-template-columns:repeat(2,minmax(0,1fr))}}