.account-page{padding:70px 0 110px;max-width:1120px}.account-page>h1{font-size:clamp(44px,7vw,68px);letter-spacing:-3px;margin:10px 0 36px}.account-loading,.signed-out{background:#fff;border:1px solid var(--line);border-radius:22px;padding:60px;text-align:center;color:var(--muted);box-shadow:0 16px 45px #2434560f}.signed-out>div{font-size:38px}.signed-out h2{color:var(--ink);margin:15px 0 8px}.signed-out p{font-size:12px;line-height:1.8}.google-login{display:inline-flex;align-items:center;gap:10px;margin-top:14px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 18px;font-size:11px;font-weight:700}.google-login b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff}.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.summary>div{background:linear-gradient(135deg,var(--ink),#243656);color:#fff;border-radius:22px;padding:26px;box-shadow:0 18px 46px #17243b1f}.summary b,.summary span{display:block}.summary b{font-size:40px;letter-spacing:-1px}.summary span{font-size:10px;color:#b9c1cf;font-weight:700}.history-section{background:#ffffffbd;border:1px solid var(--line);border-radius:26px;padding:26px;margin-bottom:26px;box-shadow:0 18px 50px #2434560f}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.section-heading h2{font-size:32px;letter-spacing:-1.8px;margin:6px 0 0}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record-card{background:#fff;border:1px solid rgba(23,36,59,.11);border-radius:22px;overflow:hidden;transition:.2s ease;display:flex;flex-direction:column;min-width:0;height:100%;box-shadow:0 14px 36px #24345612}.record-card:hover{transform:translateY(-4px);box-shadow:0 22px 58px #24345624}.record-cover{height:108px;min-height:108px;padding:14px;position:relative;overflow:hidden}.record-cover:after{content:"";position:absolute;inset:auto -22px -42px auto;width:112px;height:112px;border-radius:50%;background:#ffffff6b}.record-cover.science{background:linear-gradient(135deg,#c8e7ff,#eaf7ff)}.record-cover.history{background:linear-gradient(135deg,#ffd7b8,#fff0e3)}.record-cover.culture{background:linear-gradient(135deg,#d7d1ff,#f0edff)}.record-cover.nature{background:linear-gradient(135deg,#c7ead1,#ecf9ef)}.record-cover.life{background:linear-gradient(135deg,#ffe9a8,#fff7d8)}.record-cover.technology{background:linear-gradient(135deg,#cfdcff,#eef3ff)}.record-cover span{position:relative;z-index:1;display:inline-flex;background:#ffffffe6;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;color:var(--ink)}.record-cover i{position:absolute;z-index:1;right:17px;bottom:9px;font-style:normal;font-size:42px}.record-body{padding:18px;display:flex;flex:1;flex-direction:column;min-width:0}.record-body small{color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.record-body h3{font-size:18px;line-height:1.24;letter-spacing:-.5px;margin:10px 0 7px;min-height:45px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.record-body p{font-size:11px;line-height:1.6;color:var(--muted);min-height:34px;margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.record-body footer{border-top:1px solid var(--line);padding-top:13px;margin-top:auto;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.record-body footer b{color:var(--ink);white-space:nowrap}.empty-records{grid-column:1 / -1;background:#fff;border:1px dashed var(--line);border-radius:18px;padding:34px;text-align:center;color:var(--muted);font-size:11px}@media(max-width:900px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.account-page{padding-top:48px}.account-loading,.signed-out{padding:40px 20px}.summary,.record-grid{grid-template-columns:1fr}.history-section{padding:18px;border-radius:22px}.section-heading h2{font-size:28px}.record-cover{height:104px;min-height:104px}}