:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#131224;color:#f4f2ff;font:17px/1.5 system-ui,sans-serif}header,main{width:min(1120px,92%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:24px 0}header img{width:52px;border-radius:50%}a{color:#f9d782}main{padding-bottom:60px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12}h2{margin-top:2rem}.friend-panel{padding:clamp(20px,4vw,36px);border:1px solid #655783;border-radius:24px;background:linear-gradient(145deg,#29203e,#1a2237);margin:24px 0}.friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.friend-card{padding:24px;border-radius:22px;background:#292638;border:1px solid #776780;text-align:center}.friend-avatar{width:112px;height:112px;max-width:100%}.friend-online{color:#8dec9c}.friend-offline{color:#ffa5a5}.friend-request{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #6b617e}.friend-request span{flex:1;min-width:180px}button,input,select{font:inherit;max-width:100%}button,.friend-tools a{display:inline-flex;padding:12px 18px;min-height:48px;align-items:center;border-radius:12px;background:#fad58a;color:#221c35;border:2px solid transparent;margin:8px 6px 4px 0;font-weight:650;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:default}input[type=text],input[readonly],select{border:1px solid #9d92b4;border-radius:10px;background:#151827;color:#fff;padding:12px;width:100%}input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:#ffd77c}label{display:block;margin:12px 0}label small{display:block;color:#d6cdeb}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91e9ec;outline-offset:4px}[hidden]{display:none!important}#friends-status{min-height:32px;color:#fae5b7}#friend-match-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#friend-match-form button{align-self:end}#friend-match-result img{width:160px;border-radius:16px;float:left;margin:0 24px 24px 0}#friend-result-share{clear:both;padding-top:24px}#friend-result-share canvas{display:block}#friend-result-share a{display:inline-block;padding:12px}footer{margin-top:50px;color:#c8bfd8}#history-list a{color:#fbd887}.crit-chip:disabled{opacity:.42;cursor:not-allowed}@media(max-width:550px){#friend-match-form{grid-template-columns:1fr}#friend-match-result img{float:none;margin:0;width:140px}header{flex-wrap:wrap}}@media(min-width:3000px){html{font-size:clamp(16px,.65vw,48px)}body{font-size:1.1rem}header,main{width:80%;max-width:70rem}.friend-avatar{width:8rem;height:8rem}}