:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e4e1dc;background:#080808}*{box-sizing:border-box}body{margin:0}::selection{background:#e1d9cc;color:#111}:focus-visible{outline:2px solid #e1d9cc;outline-offset:4px}.card-page{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:12px}.member-card{position:relative;width:min(420px,calc(100vw - 24px),calc((100svh - 24px) * 941 / 1672));aspect-ratio:941/1672;container-type:inline-size;overflow:hidden;background:#000}.card-art{display:block;width:100%;height:100%;object-fit:contain}.portrait{position:absolute;left:25.2922%;top:39.3541%;width:49.3092%;height:26.0766%;object-fit:cover;object-position:center;border-radius:50%;background:#101010}.member-details{position:absolute;top:73%;left:5%;width:90%;text-align:center}.member-number{display:inline-block;margin:0 0 3cqw;padding:1.2cqw 4.5cqw;border:1px solid #827b70;border-radius:100px;font-size:3.4cqw;letter-spacing:.2em;color:#dedbd6;background:#060606}.username{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:6.7cqw;line-height:1.12;letter-spacing:.12em;margin:0;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}.silver-rule{height:1px;background:linear-gradient(90deg,transparent,#d3c9b7,transparent);width:63%;margin:3cqw auto}.member-title{font-size:3cqw;letter-spacing:.22em;text-transform:uppercase;line-height:1.4;margin:0;overflow-wrap:anywhere}.birthday{font-size:3cqw;letter-spacing:.06em;margin:3.5cqw 0 0;line-height:1.5}.birthday span{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:2cqw;color:#c0b9ad}.message{max-width:34rem;text-align:center;padding:2rem}.message h1{font:400 3rem Georgia,serif}.message p{line-height:1.6;color:#c6c2bb}
:where(.search-page){min-height:100vh;padding:48px 20px}.member-search{width:min(620px,100%);margin:0 auto}.member-search>h1{font:400 44px Georgia,'Times New Roman',serif;letter-spacing:.04em;margin:0 0 12px}.search-intro{color:#c6c2bb;margin:0 0 36px}.public-search-form label{display:block;margin-bottom:10px}.search-controls{display:flex;gap:10px}.search-controls input{width:100%;min-width:0;background:#181817;color:#e4e1dc;border:1px solid #6e6a62;border-radius:4px;font:inherit;padding:12px;min-height:46px;caret-color:#e1d9cc}.search-controls input::placeholder{color:#b3aea4}.search-controls button{font:inherit;font-weight:600;padding:12px 20px;min-height:46px;border:1px solid #ded6c5;border-radius:4px;background:#ded6c5;color:#171815;cursor:pointer}.search-controls button:hover{background:#f5eee0}.search-feedback{color:#c6c2bb;line-height:1.6;margin:22px 0}.search-results{padding:0;margin:24px 0;list-style:none}.search-results li{display:flex;gap:22px;padding:24px 0;border-top:1px solid #393731}.result-portrait{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#101010;flex-shrink:0}.result-details{min-width:0;overflow-wrap:anywhere}.result-details h2{font:400 25px/1.2 Georgia,'Times New Roman',serif;margin:0 0 9px}.result-details a{color:#e4e1dc;text-underline-offset:4px}.result-details a:hover{color:#fff}.result-details p{font-size:15px;line-height:1.5;margin:5px 0;color:#c6c2bb}.result-details .result-number{letter-spacing:.12em;font-size:13px}.result-details .result-birthday{font-size:14px}@media(max-width:420px){.search-page{padding:32px 18px}.search-controls{flex-direction:column}.search-results li{gap:16px}.result-portrait{width:68px;height:68px}}