:root{--black:#17201d;--cream:#f2eedf;--lime:#c7db47;--orange:#ed6a3a;--line:#bab7a7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--black);font-family:Arial,"PingFang SC",sans-serif}header{padding:28px 5vw;display:flex;gap:25px;align-items:center;border-bottom:2px solid var(--black);background:#efe9d7}.stamp{background:var(--orange);color:#fff;padding:9px 13px;font:bold 22px serif;line-height:1.05;transform:rotate(-3deg)}header p{margin:0;font-size:10px;letter-spacing:.16em}h1{margin:5px 0 0;font-size:38px;letter-spacing:.05em}header aside{margin-left:auto;text-align:center;border-left:1px solid;padding-left:28px}header aside b{display:block;font-size:26px}header aside span{font-size:10px}main{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 178px)}.search{padding:50px 38px 40px 5vw;border-right:2px solid var(--black);background:var(--black);color:#f8f4e8;position:sticky;top:0;height:fit-content}.search label{font-size:25px;font-weight:bold}.search input{width:100%;margin:18px 0 28px;padding:12px 2px;background:transparent;border:0;border-bottom:2px solid var(--lime);color:white;font-size:18px;outline:none}.methods{display:flex;flex-wrap:wrap;gap:8px}.methods button,.bar button,#reset{border:1px solid currentColor;background:transparent;color:inherit;padding:8px 12px;cursor:pointer}.methods button.on{background:var(--lime);border-color:var(--lime);color:var(--black)}.hint{margin-top:35px;color:#aaa89f;font:13px/1.8 serif}.results{padding:35px clamp(20px,5vw,70px)}.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px}.bar button.on{background:var(--black);color:white}.card{display:grid;grid-template-columns:130px 1fr auto;gap:28px;padding:27px 0;border-top:1px solid var(--line)}.identity h2{font-size:27px;margin:0 0 5px}.identity small{color:#777}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tag{padding:5px 8px;background:#ded9c8;font-size:11px}.when{border-left:4px solid var(--lime);padding-left:12px;font:13px/1.55 serif}.when b{font-family:Arial}.conflict{margin-top:12px;color:#9c3f26;font-size:12px}.card-actions{display:flex;flex-direction:column;gap:8px}.card-actions button{min-width:84px;padding:8px;border:1px solid;background:none;cursor:pointer}.card-actions .fav.on{background:var(--orange);border-color:var(--orange);color:white}.personal{margin-top:12px;padding:10px;background:#fff8d7;font:12px/1.5 serif;white-space:pre-wrap}#empty{text-align:center;padding:100px 20px}dialog{width:min(520px,90vw);border:2px solid;padding:0;background:var(--cream);box-shadow:12px 12px 0 var(--lime)}dialog::backdrop{background:#17201dcc}dialog form{padding:32px}.close{float:right;border:0;background:none;font-size:28px}.dialog-actions{display:flex;justify-content:space-between;align-items:center}dialog textarea{width:100%;padding:13px;margin:14px 0;border:1px solid;background:#fffef7;font:14px/1.6 serif}#saveNote{background:var(--black);color:white;border:0;padding:11px 16px}footer{padding:18px 5vw;border-top:2px solid;text-align:center;font-size:10px;letter-spacing:.1em}@media(max-width:760px){main{grid-template-columns:1fr}.search{position:static;border-right:0;padding:30px 22px}.results{padding:25px 20px}.card{grid-template-columns:1fr}.card-actions{flex-direction:row}.identity h2{font-size:23px}header{padding:20px}header aside{padding-left:14px}h1{font-size:28px}}