:root{--bg-color: linear-gradient(135deg, #060338, #240231);--text-color: #fdf4ff;--font-main: "Inter", "Segoe UI", sans-serif;--container-bg: #5c4f97d9;--container-shadow: 0 12px 32px #00000099;--container-radius: 18px;--heading-color: #ffffff;--input-bg: #2e1065;--input-color: #fdf4ff;--input-border: #d86421;--input-border-focus: #000000;--input-shadow-focus: #d86421;--button-bg: linear-gradient(to right, #f472b6, #fb923c);--button-text: #1e1b4b;--button-shadow: #fb923c;--user-card-bg: #2e1065;--user-border: #f472b6;--user-name-color: #fdf4ff;--user-username-color: #c4b5fd;--user-location-color: #f5d0fe;--stat-bg: #5c4f97d9;--stat-hover-bg: #4c1d95;--stat-text: #fdf4ff;--not-found-color: #7e2a2a;--dropdown-bg: #2e1065;--dropdown-border: #f472b6;--dropdown-hover-bg: linear-gradient(to right, #f472b6, #fb923c);--dropdown-hover-text: #1e1b4b}body{margin:0;padding:0;font-family:var(--font-main);background:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden;overflow-y:auto}.container{background:var(--container-bg);padding:32px;border-radius:var(--container-radius);box-shadow:var(--container-shadow);max-width:420px;width:100%;text-align:center}.app-header h1{font-size:1.8rem;margin-bottom:24px;letter-spacing:1px;color:var(--heading-color)}.input-row{display:flex;gap:10px;margin-bottom:24px}.input-row input{flex:1;padding:12px;border-radius:8px;border:1px solid var(--input-border);outline:none;background:var(--input-bg);color:var(--input-color);transition:border .2s,box-shadow .2s}.input-row input:focus{border-color:var(--input-border-focus);box-shadow:0 0 5px var(--input-shadow-focus)}.input-row button{padding:12px 18px;border:none;border-radius:8px;background:var(--button-bg);color:var(--button-text);cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s}.input-row button:hover{box-shadow:0 0 3px var(--button-shadow)}.loading-spinner{margin:16px 0}.spinner span{font-size:.95rem;color:#c4b5fd;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.user-info{background:var(--user-card-bg);padding:24px;border-radius:14px;text-align:center}.user-info img{width:100px;height:100px;border-radius:50%;margin-bottom:14px;border:2px solid var(--user-border);object-fit:cover}.user-info.clickable{cursor:pointer}.user-info.disabled{pointer-events:none;opacity:.7}.user-details h2{margin:6px 0;font-size:1.3rem;color:var(--user-name-color)}.user-details h3{margin:6px 0;font-weight:400;color:var(--user-username-color)}.user-details .location{margin:6px 0 12px;font-size:.95rem;color:var(--user-location-color)}.stats-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.stat-box{background:var(--stat-bg);padding:10px;border-radius:8px;width:32%;transition:background .3s,transform .2s}.stat-box:hover{background:var(--stat-hover-bg)}.stat-box span{display:block;font-weight:600;font-size:1rem;color:var(--stat-text)}.not-found{margin-top:18px;color:var(--not-found-color);font-weight:700;font-size:1rem}.theme-info{margin:20px 2px;display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative}.theme-dropdown-btn{padding:10px 14px;background:var(--button-bg);color:var(--button-text);font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.theme-dropdown-btn:hover{transform:translateY(-1px);box-shadow:0 0 5px var(--button-shadow)}.theme-dropdown{position:absolute;top:120%;left:0;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:10px;box-shadow:0 8px 16px #0000004d;min-width:150px;padding:6px;z-index:10;animation:dropdownFade .2s ease forwards}.theme-option{padding:10px;margin:2px 0;border-radius:6px;background:transparent;color:var(--text-color);cursor:pointer;transition:background .2s,transform .2s}.theme-option:hover{background:var(--dropdown-hover-bg);color:var(--dropdown-hover-text);transform:translate(2px)}@keyframes dropdownFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 820px){body{overflow:auto;min-height:100dvh}.container{max-height:100%;max-width:80%;margin:0 16px;padding:24px}.stats-row{flex-direction:column;gap:10px;align-items:center;justify-content:center}.stat-box{width:93%}}