:root{font:16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#282620;background:#f6f5f8;--accent:#c8492e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{opacity:.48;cursor:default}button:focus-visible{outline:2px solid var(--accent)}input{min-width:0}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:23px;line-height:1.4}small,.muted{color:#87857f;font-size:13px;line-height:1.6}header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;position:sticky;top:0;background:#f6f5f8f5;z-index:3}header h1{font-size:23px}header button{color:var(--accent);min-height:40px;padding:8px}.page{max-width:660px;margin:auto;padding:0 20px 30px}.login{padding-top:32px}.login h1{margin:25px 0;line-height:1.4}.hero{display:flex;align-items:center;gap:14px;background:var(--accent);color:white;border-radius:18px;padding:20px;text-align:left;width:100%;margin:14px 0 22px}.hero .symbol{font-size:32px;line-height:1}.hero strong{font-size:17px;display:block}.hero small{display:block;color:#ffffffc4;font-size:12px;margin-top:5px}.hero .arrow{margin-left:auto;font-size:25px}.primary{background:var(--accent);color:white;padding:17px;border-radius:28px;width:100%;font-weight:650}.fields{background:white;border-radius:20px;padding:8px 20px;margin:24px 0 18px}.fields input{width:100%;padding:18px 0;border:0;background:none;outline:none}.password{display:flex;border-top:1px solid #eee}.password button{white-space:nowrap;color:var(--accent);font-size:13px}.hint{margin:15px 0;line-height:1.6;font-size:13px;color:#87857f}.search{width:100%;border:0;outline:none;border-radius:13px;background:white;padding:15px;margin-bottom:15px}.filters{display:flex;gap:9px;overflow:auto;margin-bottom:18px}.filters button{white-space:nowrap;border-radius:22px;background:white;padding:10px 16px;font-size:14px}.filters .active{background:var(--accent);color:white}.summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888;margin-bottom:15px}.cards{display:grid;gap:11px}.card{width:100%;display:flex;align-items:center;gap:13px;padding:12px;background:white;border-radius:17px;text-align:left}.cover{width:70px;height:94px;flex-shrink:0;border-radius:10px;object-fit:contain;background:#f1f0f3}.placeholder{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:22px}.card .info{flex:1;min-width:0}.title{font-size:15px;font-weight:650;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{color:#92908b;font-size:12px;line-height:1.7;margin-top:5px}.state{color:var(--accent)}.saved{color:#33875d}.chevron{color:#c9c6c3}.empty,.loading{text-align:center;padding:65px 15px;color:#888;line-height:1.8}.error{background:#fff1ec;color:#a63723;padding:15px;border-radius:12px;margin:14px 0;font-size:14px;line-height:1.6}.link{color:var(--accent);padding:12px;display:block;margin:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:22px}.photo{width:100%;aspect-ratio:3/4;border-radius:15px;background:#eae8ec;object-fit:contain}.rowlabel{display:flex;justify-content:space-between;color:#817a74;font-size:12px;margin:8px 0}.status{font-size:12px;color:#817a74;line-height:1.5}.detail{padding-bottom:145px}.expiry{margin:15px 0 5px;color:var(--accent);font-size:13px;line-height:1.6}.bottom{position:fixed;bottom:0;left:0;right:0;padding:14px 20px max(16px,env(safe-area-inset-bottom));background:#f6f5f8ef;backdrop-filter:blur(15px);z-index:5}.bottom>div{max-width:620px;margin:auto}.bottom small{display:block;text-align:center;margin-top:8px}.preview{border:0;padding:18px;border-radius:18px;max-width:96vw;background:#f6f5f8}.preview::backdrop{background:#000a}.preview img{max-height:76vh;max-width:84vw;object-fit:contain}.preview button{display:block;color:var(--accent);margin:10px auto}.refresh-note{font-size:11px;color:#999;text-align:right;margin-bottom:12px}#notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#292723e8;color:white;border-radius:12px;max-width:90%;font-size:13px;z-index:20;pointer-events:none;display:none}#notice.show{display:block}form .error{margin-top:15px}progress{width:100%;accent-color:var(--accent)}

.account{padding-top:15px}.account h2{font-size:19px;margin-top:28px}.account-links,.account-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0;color:var(--accent)}.account-form{display:grid;gap:18px;margin:22px 0}.account-form input{display:block;width:100%;box-sizing:border-box;padding:14px;margin-top:8px;border:1px solid #dedce1;border-radius:12px;background:white}.code{font-family:monospace;font-size:15px}

.account-links a{color:var(--accent);font-size:14px;text-decoration:none}.danger{color:#b63232}.primary.danger{background:#b63232;color:#fff}.account p{line-height:1.7}
.account-form input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}